Meta Tags Checker
See every tag a crawler reads on your page: title, description, canonical, robots, Open Graph and Twitter cards: taken from the raw HTML, before any JavaScript runs.
Raw HTML, not rendered HTML
This is the difference between this tool and your browser's inspector. What you see in DevTools is the DOM after JavaScript has run. What a crawler gets first is the HTML your server sent.
If a tag is missing here but present in your inspector, it is being injected client-side. Google does render JavaScript, but in a second pass with a time budget, and social platforms mostly do not render at all, which is why a link preview can be blank on a page whose OG tags look perfect in DevTools.
The lengths worth caring about
| Tag | Sensible range | What happens outside it |
|---|---|---|
| Title | 30–60 chars | Truncated with an ellipsis. Measured in pixels, so capitals cost more. |
| Description | 70–160 chars | Cut off, or replaced entirely with a passage Google prefers. |
| og:image | 1200×630 | Silently dropped by some platforms if too small or oddly shaped. |
Frequently asked questions
How long should a title tag be?
Long enough to be useful and short enough to survive. Google truncates around 60 characters on desktop, though it measures pixel width rather than characters, so a title full of capitals gets cut sooner. Front-load the words that matter and treat anything past 60 as a bonus that may not be displayed.
Does the meta description affect rankings?
No, not directly, and it has not for many years. It affects whether someone clicks, which is worth more than most people give it credit for. Google also rewrites descriptions frequently when it thinks a passage from the page answers the query better, so treat yours as a strong suggestion rather than a guarantee.
Why does my link preview show the wrong image?
Usually because og:image is missing, so the platform picks something from the page, or because the image failed the platform's size and aspect requirements and was silently dropped. It can also be cached: most platforms cache preview data aggressively, so a fix may need their debugger to force a refresh rather than just a redeploy.
Do I need Twitter card tags if I have Open Graph?
Rarely. X falls back to Open Graph for title, description and image, so a page with good OG tags previews fine. The one tag worth adding is twitter:card to choose between a small thumbnail and a large image, since the fallback picks for you.
Is more than one H1 a problem?
Not the ranking problem it is often described as: HTML5 permits multiple H1s and search engines cope. It is usually a symptom worth looking at, though: several H1s often means the heading hierarchy is being used for styling rather than structure, which does make a page harder to understand for both crawlers and screen readers.
Why do my tags look different here than in my browser?
Because this reads the HTML as delivered, before any JavaScript runs. If your tags are injected client-side, they will not appear here, and while Google does render JavaScript, rendering happens in a later pass with a time budget. Tags that only exist after client-side execution are at genuine risk of being missed.