Screen Ruler Add to Chrome

View the meta tags of any website

See a page's SEO, Open Graph and Twitter Card tags in one place, laid out as the markup you would write, ready to copy.

What it shows

The Meta Tags section in the side panel's Page tab collects the tags that control how a page appears in search results and when it is shared, grouped into three blocks:

Each tag is shown as real markup, for example <meta property="og:title" content="..." />, with syntax highlighting. Only tags the page actually has are listed, so a missing line tells you a tag is absent. Use the copy button under the block to copy every tag at once.

How to view a page's meta tags

  1. Open the page.
  2. Start Screen Ruler by clicking its toolbar icon or pressing Alt + Shift + S (Option on a Mac).
  3. In the side panel, switch to the Page tab and open Meta Tags.

The page title and URL sit at the top of the tab. If the page updates its tags after loading, or you change them yourself, click the refresh button next to the page title to read them again without restarting Screen Ruler.

What each group is for

Why read them here instead of view source

Limits

The block covers the tags listed above, not every meta tag on the page. Tags such as keywords, author, theme-color, og:locale or twitter:creator are not shown. When a tag appears more than once, the first one in the document is the one listed. Twitter Card tags are read from the name attribute, which is the documented form, so tags written as property="twitter:..." will not appear.

When it is useful

For a step by step walkthrough, see how to preview a social share. The meta tag inspector is free in Screen Ruler, with no time limit.

Common questions

How do I see the meta tags of a website?

Activate Screen Ruler on the page, open the Page tab in the side panel and expand Meta Tags. It lists the SEO, Open Graph and Twitter Card tags as markup you can copy.

Why do the tags differ from what I see in view source?

View source shows the HTML the server first sent. Screen Ruler reads the tags from the live page, so if JavaScript changed the title or meta tags after loading, you see the current values.

Does it show all meta tags on the page?

No. It focuses on the tags that affect search results and share cards: title, description, canonical, robots, viewport, six Open Graph tags and five Twitter Card tags.

Is the meta tag checker free?

Yes. The meta tag inspector is one of Screen Ruler's free features and has no time limit.

Install Screen Ruler for free

No account, no setup. Join 60,000+ developers and designers measuring, inspecting, and editing on any page.

Add to Chrome