Meta tags preview
Paste HTML to see how your page appears in Google search results, Open Graph social shares, and Twitter/X Cards.
100% in your browser. Your HTML is never sent to any server.
Google search snippet
Open Graph / social card
No og:image found
Twitter / X Card
No twitter:image found
Extracted tags
How to use
- Press Ctrl+U (or Cmd+U) on your page to view source, copy it, and paste it here.
- Or paste just the
<head>section — the tool only needs the head to extract meta tags. - Click Preview to see how the page will appear in search and on social.
Common use cases
- SEO audits — verify title length, description completeness, and canonical URL.
- Social sharing — confirm OG image and description before launching a campaign.
- Pre-launch checklist — ensure all required meta tags are present on every page.
- CMS debugging — verify that your CMS is outputting the correct meta tags.
Also see: Robots.txt Validator and Sitemap Validator.
常见问题
- What meta tags does this tool preview?
- It extracts and previews: <title>, <meta name="description">, <link rel="canonical">, Open Graph tags (og:title, og:description, og:image, og:url, og:type), Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image), and the robots/noindex directive.
- What is an Open Graph tag?
- Open Graph (OG) tags are <meta> elements in the <head> that control how a URL appears when shared on social media platforms. og:title and og:description are used by Facebook, LinkedIn, Slack, and others for the preview card title and description.
- What is a Twitter Card?
- Twitter Cards are meta tags that control how links appear when shared on X (formerly Twitter). The twitter:card type can be "summary" (small image), "summary_large_image" (wide image), or "player" (video). The image must be at least 600×314px for summary_large_image.
- How long should my meta title be?
- Google typically displays 50–60 characters before truncating. Aim for 55 characters. The tool shows a character count and visual truncation indicator to help you stay within the limit.
- How long should my meta description be?
- Google shows approximately 155–160 characters in search results. Longer descriptions are truncated. Write concise, keyword-rich descriptions of 120–158 characters.
- What happens if og:title is missing?
- If og:title is absent, most social platforms fall back to the page's <title> tag. If og:description is missing, platforms may use the meta description or scrape visible page text. It is best practice to set all OG tags explicitly.
- What is the recommended size for OG images?
- Facebook and most platforms recommend 1200×630 pixels for og:image. Twitter's summary_large_image requires at least 600×314 pixels with a 2:1 aspect ratio. Images smaller than these minimums may not display.
- How do I get the HTML for my page?
- In Chrome or Firefox, press Ctrl+U (Cmd+U on Mac) to view the page source. Or use DevTools → Elements → right-click the <head> → Copy outerHTML. Paste the result into this tool.