Skip to main content
SerpGem
SEO Analysis

Meta Tag Extractor

Paste page HTML to extract every meta tag — Open Graph, Twitter Card, canonical, robots, viewport, and all custom meta tags. Shown in a clean table with name, property, and content.

How to use this tool3 quick steps
  1. Open the page source

    Right-click → View page source, or press Ctrl+U (Cmd+Opt+U on Mac).
  2. Copy the <head> section

    You can paste the whole document — we only read meta tags. The <head> portion alone is enough.
  3. Review extracted tags

    Title, description, robots, canonical, Open Graph, Twitter Card, viewport, theme-color, and more — pulled and grouped automatically.
InputPage HTML
OutputExtracted meta tags

Use this with

See all 6 tools

Meta Tag Guide

Meta tags: the invisible SEO layer every page needs

Meta tags live in the HTML <head> and are invisible to users but critical for search engines and social platforms. They control how your page appears in search results, what image shows when shared on social media, and whether search engines crawl and index the page. A missing or incorrect meta tag can silently tank your rankings or social sharing.

The title tag: most important on-page SEO element

The <title> tag is technically not a meta tag, but it's the single most important on-page SEO element. It appears in SERPs and browser tabs. Google rewrites titles that don't match page content, but a well-crafted title (50-60 chars) with your primary keyword near the front still drives CTR.

Meta description: zero SEO value, massive CTR value

Google has confirmed meta descriptions are not a ranking signal. But a compelling 150-160 character description significantly improves click-through rate — which is an indirect ranking signal. Write it like ad copy, not a summary.

Open Graph tags for social sharing

og:title, og:description, og:image, and og:url control what appears when your page is shared on Facebook, LinkedIn, and other platforms. og:image should be at least 1200×630px. Without these tags, social platforms use whatever they find on the page — usually badly.

Twitter Card meta tags

twitter:card (summary or summary_large_image), twitter:title, twitter:description, and twitter:image control Twitter/X preview cards. Twitter falls back to Open Graph tags if Twitter-specific tags are missing. Use summary_large_image for visual content.

Robots meta: index, follow, and their variants

"noindex" removes the page from search results. "nofollow" prevents link equity passing through the page's outbound links. "noarchive" hides Google's cached version. "nosnippet" removes the description from SERPs. These are different from robots.txt — meta robots is per-page, robots.txt is site-wide.

Canonical tag: the duplicate content fix

The rel="canonical" link element tells Google which URL is the master version when the same content exists at multiple URLs (tracking parameters, www vs non-www, HTTP vs HTTPS). Without it, Google may split link equity across duplicate versions or choose the wrong canonical.

Pro Tips

Check competitor pages for meta tag patterns

Paste a high-ranking competitor's page source and see exactly how they structure their meta tags. Their og:image dimensions, title length, and meta description style are a reverse-engineered CTR playbook.

Paste the full page source, not just the head

This tool extracts meta tags from the complete HTML. Use Ctrl+U or right-click → View Page Source in your browser, then Ctrl+A to select all and paste here.

Missing og:image is the most costly omission

Pages without og:image get generic placeholder images (or none) when shared on social media. A well-designed share card can double click-through rates from social. Check every important page.

?

Frequently Asked Questions

Why are some meta tags not showing up?
This tool parses static HTML. Meta tags injected by JavaScript (common in React/Vue apps) won't appear unless the page is server-side rendered. Use browser DevTools → Elements panel and copy the rendered HTML instead of View Source for JS-rendered pages.
What's the difference between name and property meta tags?
Standard HTML meta tags use name= (description, robots, viewport). Open Graph tags use property= (og:title, og:image). Both are valid meta elements — they just use different attribute conventions. This tool shows both in the same table.
How do I get a page's HTML?
In Chrome: right-click → View Page Source → Ctrl+A → Ctrl+C. For JavaScript-rendered pages: DevTools (F12) → Elements tab → right-click the <html> element → Copy → Copy outerHTML.
Does this tool work with partial HTML?
Yes — you can paste just the <head> section or any HTML fragment that contains meta tags. The extractor finds all <meta> and <link> elements regardless of where they appear in the pasted content.