Skip to main content

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.

Comments

Popular posts from this blog

iPhone 5 Rumor Roundup

Release Date The latest rumors regarding the iPhone 5 indicate that the official release date will be officially announced during the next Apple event which is to be held on September 12th 2012. According to Verizon CFO, Fran Shammo, Apple (AAPL) will stick to last year's release date and launch the iPhone 5 in October 2012. Although during the 2012 WWDC we had the opportunity to get some more details about iOS 6, no hardware specifications were released. source - 9to5mac.com Larger Screen The iPhone 5 is rumoured to have a larger, 4 inch retina display. source - Apple.pro Nano SIM According to the Financial Times, mobile carriers in Europe are stocking up on Nano SIM cards. This might be related to the release of the next generation iPhone. Smaller Dock Connector Another wide spread rumour is that Apple will release the iPhone 5 with a smaller, 8 pin dock connector. This means that new cables will be available for  new Apple devices released in the future. Did you hear any new rum...

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo

HTML Codes for Romanian Characters

Character Simple Code Numerical Code Hex Code Ă &#258; &#x102; ă &#259; &#x103; Â &Acirc; &#194; &#xC2; â &acirc; &#226; &#xE2; Î &Icirc; &#206; &#xCE; î &icirc; &#238; &#xEE; Ș &#x218; &#xDA; ș &#x219; &#xDB; Ş &#350; &#x15E; ş &#351; &#x15F; Ţ &#354; &#x162; ţ &#355; &#x163;