Meta Title Length Checker

Free Meta Title Length Checker

Optimize your page titles for Google Search. Ensure your headlines aren't truncated in SERPs and maximize your Click-Through Rate (CTR).

Pixel Width

Google measures titles by pixels (approx 600px), not just characters. We check both.

SERP Preview

See exactly how your title will look on desktop and mobile search results.

Keyword Focus

Ensure your primary keys are visible early in the tag for better ranking signals.

Why Title Tags Matter

The `` tag is arguably the most important on-page SEO element. It tells search engines what your page is about and is the first thing users see. </p> <ul class="space-y-4 marker:text-blue-500"> <li> <strong class="text-slate-900 dark:text-white">The 60-Character Rule</strong> <p class="text-xs text-slate-500 m-0">Google typically displays the first 50–60 characters. Anything longer gets cut off with an ellipsis (...).</p> </li> <li> <strong class="text-slate-900 dark:text-white">CTR Impact</strong> <p class="text-xs text-slate-500 m-0">A clear, complete title entices users to click. Broken sentences look unprofessional.</p> </li> </ul> </div> <!-- Styled How-To Guide --> <div class="bg-slate-50 dark:bg-slate-800/50 rounded-2xl p-8 border border-slate-100 dark:border-slate-800"> <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-2"> <i class="fa-solid fa-list-check text-blue-500"></i> Optimizing Titles </h3> <div class="space-y-6"> <div class="flex gap-4"> <div class="flex-shrink-0 w-8 h-8 rounded-full bg-white dark:bg-slate-800 border-2 border-primary-500 text-primary-600 dark:text-primary-400 font-bold flex items-center justify-center text-sm shadow-sm"> 1</div> <div> <h4 class="font-bold text-slate-900 dark:text-white text-sm">Draft Title</h4> <p class="text-sm text-slate-500 mt-1">Type your proposed page title into the input box. </p> </div> </div> <div class="flex gap-4"> <div class="flex-shrink-0 w-8 h-8 rounded-full bg-white dark:bg-slate-800 border-2 border-slate-200 dark:border-slate-700 text-slate-500 font-bold flex items-center justify-center text-sm shadow-sm"> 2</div> <div> <h4 class="font-bold text-slate-900 dark:text-white text-sm">Check Length</h4> <p class="text-sm text-slate-500 mt-1">Watch the character and pixel count indicators. Aim for Green.</p> </div> </div> <div class="flex gap-4"> <div class="flex-shrink-0 w-8 h-8 rounded-full bg-white dark:bg-slate-800 border-2 border-slate-200 dark:border-slate-700 text-slate-500 font-bold flex items-center justify-center text-sm shadow-sm"> 3</div> <div> <h4 class="font-bold text-slate-900 dark:text-white text-sm">Refine</h4> <p class="text-sm text-slate-500 mt-1">Shorten words or rephrase until the preview looks perfect.</p> </div> </div> </div> </div> </div> </section> </main> <div id="app-footer"></div> <script type="module" src="/js/app.js?v=6"></script> </body> </html>