You are here: Home > Webmaster & Developer

How to analyze Meta Tags of current web page in Google Chrome

November 27, 2012 06:30 PST

What are Meta Tags?

The <META> tag provides metadata about the HTML document. Meta tags are typically used to specify page description, keywords, author of the document, last modified, and other metadata. Here's a code example of meta tags:

<HEAD>
<TITLE>The text you'll see at the top of your browser</TITLE>
<META NAME="Keywords" CONTENT="A series of keywords you deem relevant to the page">
<META NAME="description" CONTENT="A brief description of the page">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
</HEAD>

Meta elements provide information about a given Web page, most often to help search engines categorize them correctly.

How to check Meta Tags of current web page in Google Chrome

Meta Tags always goes inside the <HEAD> area and will not be displayed on the page. If you want to check or analyze the Meta Tags, you can right click the mouse button in the web page and then select "View page source", this feature is supported by most browsers. How ever, this method is not convenient.

I released PageRank Status 6.0 today. PageRank Status is a SEO extension for Chrome browser to easily access the Gogole PageRank, AlexaRank, balnklinks, traffic data, cached pages, whois, SNS profile and more. In version 6.0, it supports for displaying the SEO releated meta elements of current web page, here's a screenshot:

Screenshot: Analyze Meta Tags in Google Chrome

To analyze Meta Tags by PageRank Status, just follow the steps below:

  1. Go to PageRank Stauts on Chrome Web Store, then click ADD TO CHROME button to install it.
    Screenshot: Click ADD TO CHROME button to install PageRank Status on Chrome Web Store
  2. Browser a web page on Chrome browser, and then click the PageRank Status button in the Chrome toolbar.
  3. Click PageInfo tab page, it will display the meta tags content and length of current web page.

    Tips: You can set the PageInfo page as the first page in Options.

Here is a screenshot for checking the Meta Tags of Yahoo home page in Chrome:

Screenshot: Check the meta tags of yahoo home page in Chrome

Other resources about Meta Tags and SEO



#1  posted on November 30, 2012 10:37 PST
This is a great feature for web developers and novice website owners alike. It saves me a ton of time in research. Thanks.

#2  posted on December 11, 2012 20:33 PST
Chrome is the best in my heart,thanks my friend from INDONESIA with smile.

#3  posted on December 18, 2012 15:03 PST
tank you very much

#4  posted on January 08, 2013 10:27 PST
I like the services provided by Chrome

#5  posted on May 22, 2013 08:28 PDT
Thank you very much for this post and for this site in general, it has been very helpful in improving my SEO Ranking's on many of the search engines, which has increased my PageRank and increased my traffic as well.. Thanks again

#6  posted on June 22, 2013 07:27 PDT
I like this SEO extension. It has been improving my SEO experience.

#7  posted on July 03, 2013 19:24 PDT
Thanks for the tutorial. Its very helful

#8  posted on September 19, 2013 03:10 PDT
Hi! I use this SEO extension. Its a tool that I recommend. Thanks for the tutorial!

#9  posted on September 30, 2013 07:47 PDT
I like the services provided by Chrome

#10  posted on December 29, 2013 03:59 PST
Great. It has increased my blogging experience. Thank's.

#11  posted on December 29, 2013 09:25 PST
thanks, this usefull for my blogging experience

#12  posted on January 03, 2015 07:22 PST
This remarkable google chrome is great!!!

#13  posted on January 03, 2015 07:24 PST
wow this was great for google chrome

#14  posted on March 22, 2015 22:05 PDT
wow this is very useful for the web developers. Thanks for sharing.

Leave your comment
If you want to leave your comment on this article, simply fill out the next form:
Name: * Requirement
E-mail: Optional (won't be published)
Website / Blog: Optional
Are you a human? For anti spammer, please calculate following expression:
7 x 3 + 1 = * Requirement
Comment:
* Requirement
You can use these tags:
[b] Text [/b]: Bold text
[quote] Text [/quote]: Quote text