Meta Tags Analyzer
Analyze meta tags of any website instantly. Check title, description, Open Graph, Twitter cards, and get a detailed SEO score
—
0
Idle
URL Input
Enter the full URL including https://
Quick Examples
Try analyzing these well-known websites to see meta tag analysis in action
Analysis Results
Export
Analyze a URL to generate an exportable report
No analysis generated yet
Validation Checklist
What is a Meta Tags Analyzer?
A meta tags analyzer is a tool that inspects the HTML source code of a webpage and extracts all metadata elements from its <head> section. Meta tags are HTML attributes that provide structured information about a page's content to search engines, social media platforms, browsers, and other software. The analyzer parses these tags, displays their values, and evaluates them against SEO best practices to produce an actionable report.
The most critical meta tags for search engine optimization are the <title> tag (which defines the page title shown in search results and browser tabs), the <meta name="description"> tag (which provides the search snippet), the <link rel="canonical"> tag (which prevents duplicate content issues), and the <meta name="viewport"> tag (which controls mobile rendering).
For social media sharing, the analyzer checks Open Graph (og:title, og:description, og:image) and Twitter Card (twitter:card, twitter:title, twitter:image) meta tags. This meta tags analyzer fetches the page using a CORS proxy, parses the HTML, and presents a comprehensive breakdown of every meta element found.
How Does This Meta Tags Analyzer Work?
This tool follows a multi-step process to analyze the meta tags of any publicly accessible URL:
- URL Validation: The entered URL is validated for correct format (scheme, domain, path). The tool normalizes the URL by ensuring it starts with
https://and removes trailing slashes for consistency. - HTML Fetching: The tool fetches the HTML source code of the target URL through a CORS proxy service. Since browsers block direct cross-origin requests for security reasons, the proxy retrieves the page on your behalf and returns the raw HTML.
- Head Parsing: The HTML response is parsed using the browser's built-in
DOMParser. The parser extracts the<head>section and identifies all<meta>,<title>,<link>, and<base>elements. - Tag Extraction: Each element is categorized by type — basic meta (description, viewport, robots, charset), Open Graph (og:*), Twitter Card (twitter:*), link relations (canonical, alternate, prev/next), and other metadata. The content/attribute values are extracted and displayed.
- SEO Scoring: Each tag category is evaluated against SEO best practices. The title is checked for length (ideal: 30-60 characters), the description for length (ideal: 120-160 characters), OG tags for completeness (title, description, image, url, type all present), Twitter tags for completeness, and the canonical tag for presence. Points are deducted for missing tags, lengths outside optimal ranges, and other issues.
- Report Generation: The tool produces a structured report showing all extracted tags with their values, a color-coded status for each (pass, warning, fail), an overall SEO score out of 100, and specific recommendations for improvement.
The entire analysis runs in your browser. The only network request is to fetch the target page's HTML through the proxy — no analysis data is sent to any server.
Benefits of Analyzing Meta Tags
Improve Search Rankings
Properly optimized title and description tags are among the most impactful on-page SEO factors. Analyzing and fixing meta tags can lead to measurable improvements in search engine rankings and organic traffic.
Better Social Sharing
Missing or broken Open Graph and Twitter Card tags result in poor-looking link previews when your content is shared on social media. Analyzing these tags ensures your links always display correctly with the right image, title, and description.
Catch Missing Tags
It is easy to forget to add meta tags when launching new pages or during template changes. The analyzer instantly identifies which tags are missing, preventing SEO gaps from going unnoticed for weeks or months.
Length Optimization
Titles that are too long get truncated in search results with an ellipsis. Descriptions that are too short waste valuable SERP real estate. The analyzer shows exact character counts with visual indicators for optimal ranges.
Detect Duplicate Content
Missing canonical tags can cause search engines to index duplicate versions of the same page (HTTP vs HTTPS, www vs non-www, URL parameters). The analyzer checks for canonical tag presence and consistency.
Competitor Analysis
Analyze your competitors' meta tags to understand their SEO strategy. See what titles, descriptions, and OG tags they use, how they structure their metadata, and identify opportunities to create better-optimized pages.
How to Use This Meta Tags Analyzer
- Enter URL: Type or paste the full URL of the page you want to analyze, including the
https://scheme. The tool accepts any publicly accessible URL. Pages behind authentication or firewalls cannot be analyzed. - Click Analyze: Press the "Analyze Meta Tags" button or hit Enter. The tool fetches the page HTML through a CORS proxy and begins parsing. Analysis typically completes in 1-3 seconds depending on the target server's response time.
- Review Tags: In the "Tags" view, see all extracted meta tags organized by category — Basic Meta, Open Graph, Twitter Card, Link Tags, and Other. Each tag shows its name, value, and a status indicator (green check, yellow warning, red fail).
- Check SEO Score: The stats cards at the top show the overall SEO score (0-100), total tags found, number of warnings, and analysis status. A score above 80 is excellent, 60-79 is good, and below 60 needs improvement.
- Read Warnings: Each warning explains exactly what is wrong and how to fix it — for example, "Title is 75 characters (recommended: 30-60)" or "Missing og:image tag". Address these to improve your score.
- View Raw HTML: Switch to the "Raw" tab to see the extracted meta tag HTML as it appears in the page source. This is useful for developers who need to copy or modify the exact tag markup.
- Export Report: Click "Copy Report" to copy a text summary of the analysis to your clipboard, or "Download" to save a detailed report as a text file. Reports include the URL, score, all tags, and all warnings.
- Try Examples: Click any preset button (GitHub, Stack Overflow, MDN, Tailwind CSS) to instantly analyze a real website and see how the tool works with different meta tag implementations.
Practical Use Cases
- Pre-Launch QA: Before launching a new page or website, analyze it with this tool to verify that all meta tags are present, correctly formatted, and within optimal length limits. Catch issues before search engines index the page.
- Post-Deployment Verification: After deploying changes to meta tags, re-analyze the live URL to confirm that the updated tags are being served correctly by your CDN, server, or CMS. Cache issues can sometimes serve stale meta tags.
- SEO Audit: As part of a comprehensive SEO audit, analyze every important page on your site to create a meta tag inventory. Identify patterns of missing tags, overly long titles, or duplicate descriptions across the site.
- Social Preview Debugging: When a shared link looks wrong on Facebook, Twitter, or LinkedIn, use this tool to verify that the OG and Twitter Card tags are present and correct. Most social sharing issues are caused by missing or malformed meta tags.
- Competitor Research: Analyze top-ranking competitor pages to understand their meta tag strategy. Compare title structures, description patterns, and OG tag usage to identify optimization opportunities for your own pages.
- Client Reporting: SEO agencies can use the export feature to generate shareable meta tag reports for clients. The downloaded report provides a clear summary of the current state and specific recommendations for improvement.
- Content Management Validation: In CMS-driven websites where multiple authors create content, use this tool periodically to spot meta tag quality issues across the site — missing descriptions, inconsistent title formats, or duplicate OG images.
Meta Tag Reference
A complete reference of the meta tags this analyzer checks, their purpose, and recommended usage.
| Tag | Purpose | Recommended Value | Priority |
|---|---|---|---|
| <title> | Defines the page title in search results and browser tabs | 30–60 characters, include primary keyword | Critical |
| meta description | Provides the search snippet below the title in SERPs | 120–160 characters, compelling and accurate | Critical |
| meta viewport | Controls layout on mobile browsers | width=device-width, initial-scale=1 | Critical |
| link canonical | Specifies the preferred URL to avoid duplicate content | Absolute URL of the preferred page | Critical |
| meta charset | Declares character encoding | UTF-8 | High |
| og:title | Title shown when link is shared on social media | Same as or similar to <title> | High |
| og:description | Description shown in social media link previews | Same as or similar to meta description | High |
| og:image | Image shown in social media link previews | 1200×630px, absolute URL | High |
| og:url | Canonical URL for social sharing | Absolute URL of the page | High |
| og:type | Type of content (website, article, video, etc.) | "website" for most pages | High |
| twitter:card | Defines the card format on Twitter | summary_large_image or summary | Medium |
| twitter:title | Title for Twitter card | Same as og:title | Medium |
| twitter:image | Image for Twitter card | Same as og:image, absolute URL | Medium |
| meta robots | Controls search engine indexing and crawling | index, follow (default if omitted) | Medium |
| meta theme-color | Sets browser UI color on mobile | Hex color matching brand | Low |
Meta Tag Best Practices Checklist
Follow these guidelines to ensure your meta tags are fully optimized for search engines and social platforms.
Keep titles 30–60 characters
Titles under 30 chars waste SERP space. Over 60 chars get truncated. Aim for 50-60 for the best display.
Write descriptions 120–160 characters
Short descriptions waste space. Long ones get cut off. Include a call to action and primary keyword naturally.
Always set a canonical URL
Prevents duplicate content from http/https, www/non-www, and URL parameters. Use absolute URLs.
Include all five core OG tags
og:title, og:description, og:image, og:url, and og:type are essential for proper social sharing across all platforms.
Use og:image at 1200×630px
This is the recommended resolution for Facebook, LinkedIn, and most platforms. Images must be absolute URLs.
Set twitter:card to summary_large_image
This gives you the large image card format on Twitter, which has significantly higher engagement than the small summary card.
Make each page's title and description unique
Duplicate titles or descriptions across pages confuse search engines and reduce CTR. Every page should have distinct metadata.
Declare charset as UTF-8
Prevents character encoding issues. Use <meta charset="utf-8"> as early as possible in the head.
Common Meta Tag Mistakes
These are the most frequent meta tag errors found during SEO audits. Check your site for these issues.
Missing meta description entirely
Google will auto-generate a snippet from page content, which is often unhelpful or misleading. This is one of the most common and damaging meta tag omissions.
Duplicate title tags across pages
Every page should have a unique title. When multiple pages share the same title, search engines struggle to determine which page is most relevant for a query.
Keyword stuffing in title or description
Cramming keywords into meta tags looks spammy to users and search engines. Write natural, compelling copy that includes keywords strategically.
Using relative URLs for og:image
Open Graph image URLs must be absolute (starting with https://). Relative URLs cause broken images when content is shared on social platforms.
No canonical tag on parameterized URLs
Pages accessible via multiple URLs (with UTM parameters, session IDs, sorting options) need canonical tags to consolidate link equity and prevent duplicate indexing.
Forgetting viewport meta tag
Without the viewport tag, mobile browsers render the page at desktop width and scale down, making text unreadable. Google uses mobile-first indexing, making this tag essential.
Frequently Asked Questions
Explore More Tools
Once you have analyzed your meta tags, try these related tools:
Trust & Transparency
100% Client-Side
All analysis runs in your browser. The only network request fetches the target page's HTML through a CORS proxy. No data about your analysis is stored or sent to our servers.
No Login Required
This tool is completely free with no registration, no API keys, and no usage limits. Enter a URL and get instant results.
Standards-Based Scoring
The SEO score is based on Google's documented best practices and widely accepted industry standards for meta tag optimization.
Legal
By using this tool you agree to our Privacy Policy and Terms of Service. For questions, visit our Contact page.