We don't just do content marketing. We build the tools that power it.

Meta Tag Extractor

Want to see what meta tags a page is using? Just paste the HTML source code below and we'll pull out all the important stuff - title, description, Open Graph tags, Twitter cards, canonical URLs, you name it. It's great for auditing your own pages or seeing how your competitors have things set up.

Extract Meta Tags Clear Load Sample

Extracting meta tags...

Meta Tag Analysis Results

Basic SEO Tags
Google SERP Preview
Open Graph Tags (Facebook/LinkedIn)
Twitter Card Tags
Technical SEO Tags
Other Meta Tags

What Are Meta Tags?

Meta tags are little snippets of HTML code that tell search engines and visitors what your page is about. You won't see them on the page itself since they live in the <head> section of your HTML. Google and other search engines read these tags to figure out what your content is about and how to show it in search results.

The big ones for SEO are the title tag, meta description, canonical URL, and robots directives. Social media platforms like Facebook and Twitter also look at Open Graph and Twitter Card tags to create those nice previews when someone shares your content.

Why Should You Analyze Meta Tags?

There are a bunch of good reasons to check your meta tags regularly.

  • You can audit your own pages to make sure all your important SEO tags are in place and working right.
  • You can peek at how your competitors are optimizing their pages and what keywords they're going after.
  • You can find missing or duplicate tags that might be hurting your rankings.
  • You can make sure your pages look great when people share them on Facebook, Twitter, and LinkedIn.
  • You can verify that your canonical tags, robots directives, and other technical stuff are set up correctly.

How to Get the HTML Source Code

It's pretty simple to grab the HTML source code from any webpage.

  1. Go to the webpage you want to analyze.
  2. Right-click anywhere on the page.
  3. Click on "View Page Source" if you're using Chrome or Firefox, or "View Source" for Safari or Edge.
  4. Hit Ctrl+A on Windows or Cmd+A on Mac to select all the code.
  5. Copy it and paste it into the tool above.

You can also just press Ctrl+U on Windows or Cmd+Option+U on Mac to jump straight to the source code view.

What Meta Tags Should Every Page Have?

At the very least, every page on your site should have these tags set up.

  • A title tag that's around 50-60 characters and includes your main keyword.
  • A meta description between 150-160 characters with a compelling summary and call to action.
  • A canonical URL that points to the preferred version of the page.
  • A viewport meta tag so your page renders properly on mobile devices.
  • Open Graph tags like og:title, og:description, and og:image for social sharing.
  • Twitter Card tags including twitter:card, twitter:title, twitter:description, and twitter:image.

This tool checks for all of these and more, so you get a complete picture of how your page's meta tags are doing.

Let's Grow Your Business

Want some free consulting? Let’s hop on a call and talk about what we can do to help.

Best Coffee Shops in Seattle

`; document.getElementById('mte-html-input').value = sampleHtml; } function escapeHtml(text) { if (!text) return ''; const div = document.createElement('div'); div.textContent = text; return div.innerHTML; }