How to Create the Perfect Website Description using the HTML Description Meta Tag


Meta descriptions are HTML attributes which provide a description of the contents of a web page. They are used by search engines to provide preview snippets for the search results.



In this tutorial you will learn to create a meta description which perfectly fits the Google search results page description snippet.




As an example you can google "apple" and see how the www.apple.com description is not truncated and perfectly fits in the two description rows under the search result title.

The first guideline for having the perfect search description is to have between 150 and 160 characters.
You can use a word processor or an online tool for making sure that your search description does not exceed 160 characters.

Mostly, I use Letter Count. If you enter the Apple search description in Letter Count you will see that they have used 142 characters, this being the reason their description is not trimmed.

For implementing the meta search description in your website your code should look something like the code below:


<meta name="description" content="Apple designs and creates iPod and iTunes, Mac laptop and desktop computers, the OS X operating system, and the revolutionary iPhone and iPad."></meta>


This code should be listed between the head tags of your HTML document.

In the code above just replace the apple description with your own description and next time Google indexes your site you will have the perfect search description.

Please leave your comments and questions below.