Go to Top ⤴
Meta Title & Description Checker
meta title and description checker • check meta title and description • title and meta description checker
Title & Description Editor
Google shows titles by pixel width (~600px desktop) — not just characters. This tool measures pixels with the same font metrics your visitors see.
Pixels: 0 / 600
Chars: 0
Tip: Keep important words early; avoid ALL-CAPS and excessive separators (| – :).
Pixels: 0 / 990
Chars: 0
Tip: Use a call-to-action + unique value. Avoid duplication across pages.
Live SERP Preview
This simulates a Google-like snippet style. It updates as you type.
Your title will appear here
example.com › path
Your meta description will appear here.
Title status: —
Description status: —
Pro tip: Add the brand at the end of the title only if space allows.
Hashtag Generator
Create quick hashtags from your title/description for social posts.
Click any hashtag to copy.
Internal Linking Helper
Paste a list of your existing URLs (one per line). We’ll suggest anchor texts based on your current title/description keywords.
Use descriptive anchors (2–4 words). Avoid generic “click here”.
About This Tool
Built as a single-file widget for Blogger. Measures pixel width using Canvas measureText() with Google-like fonts, provides SERP preview, hashtags, and internal link suggestions. Smooth scrolling + sticky header for a fun, app-like feel.
| Feature | Details |
|---|---|
| Pixel Limits | Title ~600px (desktop), Description ~990px (approx.) |
| Safe CSS | All styles prefixed to avoid conflict with your theme |
| Accessibility | Keyboard friendly, semantic, large touch targets |
| No Dependencies | Pure HTML/CSS/JS — paste & use |
Keywords (as requested): meta title and description checker • check meta title and description • title and meta description checker
meta title and description checker, check meta title and description, title and meta description checker