Does this send my HTML to a server?

No. All parsing happens entirely in your browser using JavaScript. Your HTML never leaves your device.

What meta tag categories are detected?

SEO (description, robots, canonical, author, keywords), Open Graph (og:*), Twitter Card (twitter:*), HTTP-Equiv, Charset, Viewport, Theme Color, and a general "Other" bucket for anything else.

Can I paste just the head section instead of the full page?

Yes. The extractor works with any fragment of HTML that contains meta tags. You do not need the full document.

Why are some tags marked "Other"?

Non-standard or less common meta attributes (like generator, referrer, color-scheme, or custom app-specific tags) are grouped under "Other" since they do not map to a well-known category.

What does "Copy as JSON" output?

It exports an array of objects where each object has keys for the attribute name (e.g. "name" or "property"), the attribute value, and the content. Useful for piping into scripts or reporting tools.

HTML Meta Tag Extractor

Name: HTML Meta Tag Extractor
Availability: InStock
Author: Nham Vu

Paste HTML source to extract and categorize all meta tags — SEO, Open Graph, Twitter Card, charset, and more.

HTML Source

Paste HTML and click "Extract Meta Tags"
to see results here.

Found: 0 tags

Category	Attribute	Content

Copied!

Summary

Paste HTML source to extract and categorize all meta tags — SEO, Open Graph, Twitter Card, charset, and more.

How it works

Paste your full HTML source (or just the <head> section) into the input area.
Click "Extract Meta Tags" to parse the HTML client-side in your browser.
All <meta> tags are displayed in a table with columns for attribute, value, content, and category.
Use the category filter buttons to show only SEO, Open Graph, Twitter Card, or other groups.
Click the copy icon next to any row to copy that tag's content to your clipboard.
Use "Copy as JSON" to export all extracted tags as a JSON object for further processing.

Use cases

Audit a competitor's page meta tags for SEO research.
Verify Open Graph and Twitter Card tags before sharing a URL on social media.
Check that your CMS or framework is outputting the correct meta description and robots directives.
Debug missing og:image or twitter:card tags before a product launch.
Extract structured metadata from saved HTML files during web scraping or archiving.
Confirm charset and http-equiv headers are correctly set in legacy HTML pages.
Review viewport and theme-color tags for PWA or mobile optimization audits.
Quickly export all meta tags to JSON for automated SEO reporting pipelines.

Frequently Asked Questions

Last updated: 2026-06-10 · Reviewed by Nham Vu