meta Tag Analyzer: Analyze Your Site’s Meta Info

This is a 100% Free Chrome Extension to analyze the quality of your site’s meta information. This extension will check the following parameters: HTML Meta, Open Graph, App Links, Twitter Cards, App Indexing.


<meta> is hot right now

Meta element is known as the web site’s information for browsers, search engines, or other web services. Basically, we can use the element to show specific page description, keywords, and other metadata.

For example, this is an old-styled elements.

<head>
<title>website</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>

It’s simple!

However, it’s not enough nowadays. It used to be more common to spend one’s browsing time in front of a desktop PC, and be found one’s favorite website via google.com. Web service providers used to think only about search engines, when hoping to make their site become popular. But, recently, websites have to connect with multiple services now that people uses a lot of applications on mobile such as Facebook, Twitter, and other native applications. It’s important how links to a website look like on those platforms in order to increase page views.

This is a modern style!

<head>
<meta charset="utf-8">
<title>website</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta property="fb:app_id" content="">
<meta property="og:locale" content="">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<meta property="og:site_name" content="">
<meta property="og:description" content="">
<meta property="al:ios:url" content="">
<meta property="al:ios:app_store_id" content="">
<meta property="al:ios:app_name" content="">
<meta property="al:android:url" content="">
<meta property="al:android:package" content="">
<meta property="al:android:app_name" content="">
<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:url" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<meta name="twitter:app:country" content="">
<meta name="twitter:app:name:iphone" content="">
<meta name="twitter:app:id:iphone" content="">
<meta name="twitter:app:url:iphone" content="">
<meta name="twitter:app:name:googleplay" content="">
<meta name="twitter:app:id:googleplay" content="">
<meta name="twitter:app:url:googleplay" content="">
<link rel="alternate" href="android-app://">
</head>

WHOOOO!

There are many types of meta elements. I think meta is the hottest element of all of the HTML elements. It’s so difficult to remember which elements do you need for your site.

Don’t worry! You can learn your site’s meta condition easily by using this extension.


Start Analyzing

You can install this extension from the Chrome Web Store.

After installing, this extension will start analyzing. When you finished loading a website, the site’s score is shown over the icon. If you’d like to learn more information about the score, click the icon. You can see which elements were needed, and which passed or not.

When you click the icon, a popup is displayed.

The popup shows the score of your site between 0 to 100. It’s NOT important to get a perfect score. You should check which meta passed or not, and any differences from other sites.

The bar indicates the percentage of passed elements in each category. The percentage includes only required elements. By putting your mouse over the bar, the percentage value is shown. Clicking the bar causes detailed information to be shown on the table.

The table shows elements’ name, description, whether they’re required, and result. There are two types of value in the result: Passed or Failed. If you find any failed elements, maybe you should consider adding the element into your HTML.

If you’d like to get more information about meta Tag Analyzer, see the GitHub Page.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.