March 19, 2024
How to view meta tags in Chrome?
Two ways to inspect meta tags in Chrome: built-in developer tools and a dedicated Chrome extension.
How do you check meta tags in the Chrome browser?
There are multiple ways to do it, and they fall into two categories.
- Chrome developer tools
- Chrome extensions
Chrome developer tools
In the Chrome developer tools category, there is one direct way: using the built-in Chrome developer tools. Navigate to the site whose meta tags you want to check and open developer tools.
You can open developer tools through a keyboard shortcut, Command + Option + I on Mac or Ctrl + Shift + I on Windows, or by clicking the three dots in the toolbar and selecting More tools followed by Developer tools.
We are interested in the Elements tab because that is where we can find the meta tags. In this tab, look for tags with the name meta.
The common meta tags are:
- description
- viewport
- twitter:card
- twitter:title
- twitter:description
- twitter:image
- og:url
- og:title
- og:description
- og:image
Chrome extensions
Using Chrome developer tools to find meta tags might not be for everyone. With Chrome extensions, the same data can be presented in a simple and easy way.
Install the Meta Explorer Chrome extension first. Once installed, pin the extension in the Chrome toolbar so it is handy when you need it.
Navigate to the site you want and click the extension from the toolbar. It will appear as a sidebar on the right side. Open the meta tab in the extension to see all meta tags and their values.
Bonus: you can see a preview of the Open Graph image and Twitter image. You can also check the Open Graph preview on different social media sites like Twitter, Facebook, and Slack.
Summary
If you are looking for a simple way to find meta tags for a site, Meta Explorer provides a clean UI and is free to use.
Read why Meta Explorer is the best extension to find on-page SEO meta to learn more about its features.