Generate SEO meta tags, Open Graph, and Twitter Card tags for web pages. Part of the DevTools Surf developer suite. Browse more tools in the Web / Frontend collection.
Use Cases
Generate complete Open Graph, Twitter Card, and canonical tags for a new web page.
Audit existing pages for missing or malformed meta tags before a content audit.
Create consistent social sharing metadata across a content marketing campaign.
Generate structured data (JSON-LD) for rich snippet eligibility alongside standard meta tags.
Tips
Write Open Graph tags for every page that might be shared on social media — without them, platforms infer title and image from page content with inconsistent results.
The meta description does not directly affect Google ranking but significantly affects click-through rate — treat it as ad copy for the SERP.
Include canonical tags on paginated, filtered, or duplicate-content pages to prevent indexing of non-canonical versions.
Fun Facts
The Open Graph Protocol was created by Facebook in 2010 and has been adopted by Twitter, LinkedIn, Slack, and virtually every major platform for rich link previews.
The keywords meta tag was abused so heavily in the 1990s by keyword stuffers that Google announced in 2009 it does not use it as a ranking signal — it is retained for legacy reasons only.
Twitter Card meta tags, introduced in 2012, allow publishers to control how content appears in Twitter/X link previews. Summary_large_image is the most commonly implemented card type.
FAQ
How long should a meta description be?
Target 150–160 characters. Google truncates descriptions at approximately 920px, which is about 155 characters. Shorter descriptions (under 120) may get auto-generated replacements that do not match your intent.
Do social media meta tags affect SEO?
Open Graph and Twitter Card tags do not directly influence Google rankings. They affect click-through rate on social platforms, which drives traffic — and traffic signals indirectly influence Google's perception of page quality.
