HTML Meta Tag Extractor

Summary

The HTML Meta Tag Extractor parses raw HTML source and pulls out every <meta> tag into a clean, sortable table. Each tag is categorized automatically — SEO basics (title, description, robots), Open Graph (og:*), Twitter Card (twitter:*), HTTP-Equiv headers, charset declarations, and viewport/theme settings. You can filter by category to focus on what matters and copy any value with one click.

How it works

1. Paste your full HTML source (or just the <head> section) into the input area.
2. Click "Extract Meta Tags" to parse the HTML client-side in your browser.
3. All <meta> tags are displayed in a table with columns for attribute, value, content, and category.
4. Use the category filter buttons to show only SEO, Open Graph, Twitter Card, or other groups.
5. Click the copy icon next to any row to copy that tag's content to your clipboard.
6. 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