Meta Tag and Social Card Preview
Titles, descriptions and social cards are the only parts of a page a visitor sees before they click. This generator produces the tags and shows the rendered result.
How this tool works
A meta tag is invisible in the page and completely visible to a crawler, so it is the cheapest thing you control and the easiest to get wrong. A title over about 60 characters is truncated in the results, a description over about 155 is truncated, and every tag is a place where a mistake reaches a crawler and nothing else.This generator builds the set from the values you have: the title, the description, the canonical, the Open Graph and Twitter card properties, and the social image with its dimensions. It renders the result the way a search engine and a social platform would, and it warns about the things that are quietly wrong, such as a title and a description that do not match the page, a canonical pointing somewhere else, or an absolute URL where a relative one belongs.
When to use it
- Write the tags for a new page
- Check an existing page against the length rules
- See what a social card will look like before publishing
- Keep the canonical, the Open Graph and the Twitter tags consistent with each other
Frequently asked questions
What is the ideal title length?
Roughly 60 characters. Google truncates beyond that, and it rewrites titles it thinks are poor, so write the first 55 characters to be the important ones.
What is the ideal meta description length?
Roughly 155 characters. It is a snippet, not a ranking factor, and it is rewritten often, so treat it as a suggestion.
Do Open Graph tags affect ranking?
No. They affect how a link appears when it is shared, which is a different thing, and they are worth setting because sharing is a real traffic source.
Do I need a separate Twitter card tag?
Not really. Twitter falls back to the Open Graph tags, and the ones that add something are the image and the card type.
Does the meta description affect ranking?
No. It affects click-through rate, which is a ranking signal indirectly.
What should a canonical tag point at?
At the page you want ranked, which is usually the page itself. It is a hint, not a directive, and it has to be absolute and consistent across the site.
Should the title and description match the page?
Yes. A mismatch is a signal that the page is not what the snippet promises, and both search engines and users act on it.