The Definitive Guide To Meta tags

Murali Mohan Mandarapu
5 min readDec 30, 2017

--

Meta tags are snippets of informational code that have been located between your tags that are a part of the HTML document you’ve generated.

Now on to the list!

Keywords

You can use a Meta tag to include keywords which will make your page easier to search for, within your site.

<meta name="keywords" content="your, tags"/>

Robots

The robots Meta tag is used to specify whether or not you want robots to access your page.

<meta name="robots" content="index,follow" /><meta name="robots" content="noindex,nofollow" />

The content of this tag can be noindex or index, and/or nofollow or follow. Noindex prevents the page from being indexed, while nofollow stops the robot from following any of the links from the page.

Generator

The Meta Generator tag is used to declare the name and version number of the publishing tool used to create the page. Tool vendors use the Meta Generator tag to assess market penetration.

<meta name=”generator” content=”name”>

Description

The description Meta tag provides a summary of your page in the list of sites found. Some Search Engines will also use this Meta tag. Some Search Engines will also use this Meta tag.

<meta name="description" content="150 words"/>

Maintainer

The maintainer Meta tag provides the name of the person responsible for maintaining a page. You will be contacted by email when your site is due for review.

<meta name="maintainer" content="name"/>

Review

UWS web sites use this tag so that when the ‘review’ date approaches, whoever is listed as the ‘maintainer’ is contacted by email and made aware that the information on the web page/s need to be reviewed.

<meta name="review" content="Sunday, July 18th, 2010, 5:15 pm" />

Refresh

The refresh tag is used to automatically load a new page or reload the current page after the specified period of time (in seconds).

<meta http-equiv=”refresh” content=”5;url=http://example.com/" />

Copyright

The copyright Meta tag is used to add an official copyright notice to your page.

<meta name="copyright"content="company name">

Abstract

The Meta Abstract tag will allow search engines that are apart of your field of expertise to index your website correctly.

<meta name="abstract" content="Short description of page">

Author

The Meta Author tag will display the author of the document. This Meta tag will reference the name of the person who developed the HTML/XML document being viewed.

<meta name="author" content="name, email@example.com">

Content Language

The Meta Content Language tag declares the natural language of the document. This is also known as the Meta Name Language. Robots use this tag to categorize the language of the web page.

<meta http-equiv=”content-language” content=”en-GB”>

Content Type

The Meta Content Type tag is used to declare the character set of a website. It has become recommended to always use the Meta Content Type tag even if you use a DTD declaration above the Header.

<meta http-equiv=”Content-Type” content=”text/html;
charset=iso-8859–1">

Designer

The Meta Designer tag is used to declare the designer of the website.

<meta name="designer" content="name">

Distribution

The Meta Distribution tag is used to declare the distribution of your web content. The three classifications of distribution are:

  • Global (the entire web)
  • Local (reserved for the local IP block of your site)
  • IU (Internal Use, not for public distribution).
<meta name="distribution" content="Global">

Expires

The Meta Expires tag is used to declare the date and time after which the web document should be considered expired.

<meta http-equiv="Expires" content="0">

Language

The Meta Language tag is used to declare the language used on the website. Webmasters who wish to declare the primary language of the web page can use the Meta Language tag.

<meta name="language" content="ES">

Rating

This meta tag is often use to let the younger web-surfers know the content is appropriate. If you use this tag the wrong way (call an adult website safe for kids is bad!) you will get banned for live.

You can use on of the following values:

  • general
  • mature
  • restricted
  • 14 years
  • safe for kids
<meta name="rating" content="General">

Reply To

The Meta Reply To tag is used to harvest email addresses. The Meta Reply To tag is a Spammers tag. The Meta Reply To tag picks up your email address, then hits you fast and hard with offers-a-plenty.

<meta name="reply-to" content="email@example.com">

Title

The Meta Title tag is used to declare the title of the page. The Meta Title tag would normally have the same title as contained in the tag.

<meta name=”Title” content=”Page Title Here”>

Subject

The Meta Subject tag is used to declare the subject of the website.

<meta name="subject" content="your website's subject">

Url

The Meta URL tag is used to declare the address of the website.

<meta name="url" content="http://www.websiteaddrress.com">

Cache-Control

The meta cache control tag allows Web publishers to define how pages should be handled by caches. They include directives to declare what should be cacheable, what may be stored by caches, modifications of the expiration mechanism, and re-validation and reload controls.

The allowed values are:

  • Public — may be cached in public shared caches
  • Private — may only be cached in private cache
  • no-Cache — may not be cached
  • no-Store — may be cached but not archived
<meta http-equiv="Cache-Control" content="no-cache">

OpenGraph Meta Tags

The Open Graph protocol enables any web page to become a rich object in a social graph.

The following properties are

og:title: This is almost like a normal html title tag that a search engine would use.

<meta name="og:title" content="The Rock"/>

og:type: This tag shows the type of content that’s been shared. It could be a video, picture, blog post

<meta name="og:type" content="movie"/>

og:url : At times when you have more than one URL for the same content, this ensures that all shares go to one URL.

<meta name="og:url" content="http://www.imdb.com/title/tt0117500/"/>

og:image: This is how you ensure that a specific thumbnail will be shown when the content is shared. This directly leads to higher conversion rates.

<meta name="og:image" content="example.jpg"/>

og:site_name: This indicates the name of your website.

<meta name="og:site_name" content="IMDb"/>

og:description : This is almost similar to the html meta description tag because it is used to describe your content.

<meta name="og:description" content="A group of U.S. Marines, under command of..."/>

fb:page_id: Objects are created by adding Open Graph meta tags to the page where your content is hosted

<meta name="fb:page_id" content="43929265776" />

Some properties can have extra metadata attached to them. These are specified in the same way as other metadata with propertyand content

<meta name="og:email" content="me@example.com"/><meta name="og:phone_number" content="650-123-4567"/><meta name="og:fax_number" content="+1-415-123-4567"/><meta name="og:latitude" content="37.416343"/><meta name="og:longitude" content="-122.153013"/><meta name="og:street-address" content="California"/><meta name="og:locality" content=" elto"/><meta name="og:region" content="CA"/><meta name="og:postal-code" content="94304"/><meta name="og:country-name" content="USA"/><meta property="og:type" content="game.achievement"/><meta property="og:points" content="POINTS_FOR_ACHIEVEMENT"/>

og:video: Tag has the identical tags. Video tag defined type, content, number of pixels wide and height.

<meta property="og:video" content="http://example.com/awesome.swf" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://example.com/html5.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="http://example.com/example.vid" />
<meta property="og:video:type" content="text/html" />

og:audio: Audio tag

<meta property="og:audio" content="http://example.com/example.mp3" />
<meta property="og:audio:title" content="Example Song" />
<meta property="og:audio:artist" content="Example Band" />
<meta property="og:audio:album" content="Example Album" />
<meta property="og:audio:type" content="application/mp3" />

success of every websites now depends on search engine optimisation and digital marketing strategy. If you are on first page of all major search engines then you are ahead among your competitors in terms of online sales.

--

--