Free Meta Tag Extractor
Extract and review all meta tags from any webpage for SEO and social media analysis. Free, fast, and works entirely in your browser with no sign-up required.
Updated
Meta Tag Extractor
Extract and analyze meta tags from any webpage or pasted HTML.
Meta Tag Extractor
Demo Mode: URL extraction shows simulated data. For real results, paste the page's HTML source code in the "Paste HTML" tab.
Essential Meta Tags
- title: Page title shown in browser tab and search results (30-60 chars)
- description: Summary shown in search results (150-160 chars)
- og:image: Image shown when shared on Facebook/LinkedIn (1200x630px recommended)
- twitter:card: Format for Twitter sharing (summary_large_image preferred)
- canonical: Preferred URL to prevent duplicate content issues
- viewport: Required for responsive mobile design
Tip: Use the "Paste HTML" tab to analyze your real page source. Right-click on your page, select "View Page Source", and paste the code.
Frequently Asked Questions
What is the Meta Tag Extractor?
The Meta Tag Extractor is a free online tool that retrieves and displays all meta tags from any webpage, including title, description, Open Graph, and Twitter Card tags.
Is the Meta Tag Extractor free?
Yes, it is completely free with no registration required.
What meta tags does it extract?
The Meta Tag Extractor shows title tags, meta descriptions, Open Graph tags, Twitter Card tags, viewport settings, canonical URLs, and all other meta elements.
Is my data safe with this tool?
Absolutely. The Meta Tag Extractor processes everything client-side in your browser. No data is uploaded to or stored on any server. Your content remains private on your device at all times.
Does the Meta Tag Extractor work on mobile devices?
Yes, the Meta Tag Extractor is fully responsive and works on smartphones and tablets. You can use it on any device with a modern web browser -- no app download required.
Do I need to create an account to use this tool?
No account or registration is needed. Simply open the Meta Tag Extractor in your browser and start using it immediately. There are no sign-up walls or usage restrictions.
How do I use the Meta Tag Extractor?
Simply enter your input in the provided field, adjust any settings to your preference, and the tool will process it instantly. You can then copy the result to your clipboard or download it.
Which browsers are supported?
The Meta Tag Extractor works in all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. For the best experience, use the latest version of your preferred browser.
What is the difference between Open Graph tags and Twitter Card tags?
Both control how a link looks when shared, but they serve different platforms. Open Graph tags (og:title, og:description, og:image, og:url) were created by Facebook and are now read by LinkedIn, WhatsApp, Slack, and most networks to build a share card. Twitter Card tags (twitter:card, twitter:title, twitter:image) are X's own format and let you pick a layout, such as summary_large_image for a big banner. The good news is that X falls back to your Open Graph tags when Twitter-specific ones are missing, so og tags do most of the heavy lifting. You usually only need to add twitter:card and override images or text where you want X to differ. This extractor sorts both families into their own groups and renders live Facebook, LinkedIn, and X previews, so paste your page source to see exactly which platform-specific tags are present or missing.
How many characters should a title tag and meta description be?
A title tag is healthiest at roughly 30 to 60 characters. Shorter than 30 wastes valuable space, and longer than 60 risks Google truncating it with an ellipsis in the search snippet. Meta descriptions work best between about 150 and 160 characters; anything under 120 looks thin, and over 160 tends to get cut mid-sentence in results. These are guidelines, not hard limits, because Google measures pixel width rather than raw character count, so capital letters and wide characters consume more space. The aim is a complete, compelling line that survives truncation. This extractor counts the characters in your actual title and description, flags them as good or as a warning, and shows whether each falls inside the recommended range. Paste your HTML to check both lengths at once and fix anything that would otherwise be clipped in search results.
Why does my shared link show a blank image or no preview?
A missing or broken preview almost always traces back to your social meta tags. The most common cause is a missing og:image, or an og:image that points to a URL returning a 404 or sitting behind a login. Other culprits include an image that is too small or the wrong aspect ratio, since Facebook and LinkedIn favor around 1200x630 pixels, and missing og:title or og:description, which leaves the card with no headline or text. Relative image paths also fail because platforms need an absolute, publicly reachable URL. Caching adds confusion: networks store the first version they scrape, so older previews can persist after a fix until the cache refreshes. This extractor lists your og: and twitter: tags, flags missing recommended ones, and renders a mock share card from the real tags. Paste your page source to spot the gap causing the blank preview.
Why does the From URL tab show sample data instead of my real page?
The From URL tab is a demonstration that displays example tags rather than fetching your live page. This is not a limitation of the tool but of the browser itself: for security reasons, browsers block JavaScript from making direct cross-site requests to fetch another website's HTML, a restriction known as the same-origin policy. Without a server proxy, no in-browser tool can pull a third-party page's source directly. The Paste HTML tab does the genuine analysis. Right-click the page you want to inspect, choose View Page Source, copy the markup, and paste it in. Parsing then happens entirely in your browser, which is actually an advantage because it works on staging sites, pages behind a login, and unpublished drafts that a remote fetcher could never reach. For an accurate report of any specific page, always use the paste mode.
What does the SEO score in the Meta Tag Extractor measure?
The score is a completeness rating, not a quality grade. It compares how many tags came back healthy against the total of detected tags plus any recommended tags that are missing, then expresses that as a percentage. The tool checks for a core set it considers important: title, description, og:title, og:description, og:image, twitter:card, viewport, and canonical. A page with all of these present and within healthy length ranges scores high, while one missing several recommended tags scores lower. Because it reflects coverage rather than wording, a high score means your tags exist and are well formed, not that your copy is persuasive or keyword-relevant. Treat it as a quick checklist of whether anything important is absent or broken. Paste your page source to see your score alongside a list of exactly which recommended tags are missing so you know what to add.
Related Tools
Free Website Speed Test
Analyze website page load time, performance metrics, and optimization opportunities. Free, fast, and works entirely in your browser with no sign-up required.
Free Mobile Friendly Test
Check if your site is optimized for mobile devices. Free, fast, and works entirely in your browser with no sign-up required.
Free Website Screenshot Tool
Capture full-page or viewport screenshots of any webpage for design review and testing. Free, fast, and works entirely in your browser with no sign-up required.
Free Accessibility Checker
Check website accessibility compliance with WCAG standards and get actionable fix suggestions. Free, fast, and works entirely in your browser with no sign-up required.
About the Meta Tag Extractor
The Meta Tag Extractor reads the hidden tags inside a page's HTML <head> and lays them out in a readable, organised report. Paste a page's source code and it pulls out the title, meta description, Open Graph tags, Twitter Card tags, the canonical link, the viewport setting, charset, and any other meta elements it finds. For each one it shows the content, the character count, whether the length sits in a sensible range, and a short note when something looks off. SEO specialists, web developers, content editors, and anyone debugging a broken social share preview use a tool like this to confirm that a page is telling search engines and social networks exactly what they intended.
What it extracts and how to read the results
The extractor sorts every tag into four groups so you can scan them quickly:
- Standard —
title,description,keywords,robots,viewport,author,charsetand similar tags that browsers and crawlers read first. - Open Graph —
og:title,og:description,og:image,og:urland the rest of theog:family that Facebook and LinkedIn use to build a share card. - Twitter Card —
twitter:card,twitter:title,twitter:imageand related tags that control how a link looks on X. - Other — the canonical URL, theme colour,
http-equivdirectives, and anything that does not fit the categories above.
Alongside the list it flags missing recommended tags, counts how many are healthy versus problematic, and renders live previews: a Google search-result mockup and Facebook/LinkedIn and X share cards built from the actual tags on the page. A built-in score summarises how complete the tag set is. You can copy any individual tag's content with one click.
How to get a real analysis
The tool has two input modes. The Paste HTML tab does the genuine work: right-click any page, choose "View Page Source", copy the markup, and paste it in. Parsing happens entirely in your browser, so the page you are inspecting is never uploaded anywhere — useful when you are checking a staging site, an internal page behind a login, or a draft that is not public yet. The From URL tab is a demonstration that shows sample data rather than fetching the live page, because browsers block direct cross-site requests for security reasons. For an accurate report of a specific page, always use the HTML paste mode.
Why meta tags matter
Meta tags are the structured summary a page hands to machines. The title and meta description become the clickable headline and snippet in search results, so length matters: titles are healthiest around 30 to 60 characters and descriptions around 150 to 160, because search engines truncate anything longer. Get them wrong and Google may rewrite your snippet or cut it off mid-sentence, lowering click-through.
Open Graph and Twitter Card tags do the same job for social platforms. When a missing or misconfigured og:image means a shared link shows a blank box or the wrong picture, engagement drops sharply — a properly set image (1200x630 pixels is the common recommendation) is what makes a link look trustworthy in a feed. The canonical tag prevents duplicate-content confusion by naming the preferred URL, the robots tag controls whether a page is indexed at all, and viewport is what tells mobile browsers to render the page at the right scale.
Checking these tags before and after a deploy catches the silent failures that no error message will warn you about: a noindex left on from staging, a description that never got filled in, or a social image that points to a 404. Paste your page source above to see exactly what crawlers and social networks see.