SERP and Meta Tags Previewer

What this previewer checks

It downloads the HTML of each URL and extracts the tags that decide how your page looks in a search result and when shared. For each it measures length in characters and in pixels, and turns that into a grade from A to D.

• Title and meta description, with their character length and real pixel width.
• H1, canonical and meta robots, to catch pages carrying noindex or a canonical pointing somewhere else.
• Full Open Graph: og:title, og:description, og:image, og:url, og:type and og:site_name.
• Twitter Cards: card, title, description and image, plus the viewport for the mobile view.

How to preview your snippets step by step

How to read the grade and the preview

• ·Grade A — everything essential is there and within length. Nothing to change.
• ·Grade B — something recommended is missing, usually an Open Graph tag or a short description.
• ·Grade C — title or description missing, or one of them clearly truncates in the SERP.
• ·Grade D — the page lacks the basics, or carries a noindex that keeps it out of the index.
• ·The noindex warning is independent of the grade: if it shows, deal with it before anything else.
• ·The preview shows the text already decoded, exactly as a searcher sees it, not as it sits in the HTML.

What to check on each page type

• ·Home: that the title is not just the brand and that og:image is set, since it is the most shared page.
• ·Product or service pages: that each has its own description, not the repeated template.
• ·Listings and pagination: that page 2 onwards does not repeat page 1's title and description.
• ·Blog posts: that the SERP title and the H1 are not identical when the H1 has grown long.
• ·Campaign landings: that the canonical points at itself and not at the homepage through a template slip.