HostMonster Web Hosting Help

How to use Meta Tags


How to use meta tags.


  • Meta tags are included in the html, between the <head> and </head> at the top of the document
  • It is crucial to get the correct information in these as this could decide whether or not your web site is listed
  • The meta tags (in the HTML of each page) for title , keywords and description should be utilized to their full value, and match keywords that appear in the body of the page
  • Some search engines (not all) use meta tags to obtain the information about your site - directories don't use them
  • Meta tags are an important aspect of search engine optimization


  1. Think of a short keyword intensive phrase for the page
    • Use this as the page title
    • Keep to 90-150 characters or less (incl. spaces, punctuation etc.) Meta tags for search engine optimization<title> </li> </ul> <li>Use this phrase as the basis for a <strong>short paragraph </strong> for the <a href="#description" style='color: rgb(255, 0, 0);font-weight: bold;text-decoration: underline; '>description </a> meta tag <ul> <li><strong>Do not split the phrase </strong> up in the paragraph - keep it intact <li>It is beneficial to <strong>include any other keyword phrases </strong> may be relevant for the page <li>Keep to 250 characters (incl. spaces, punctuation etc.) <meta name="description" content="Meta tags for search engine optimization, including page title, keywords and description."> </li> </ul> <li>Use this description paragraph as the <strong>opening paragraph in the main content </strong> of the page <ul> <li>n.b. There is not much point putting keywords in the description meta tag if they are not included in the actual body content anywhere </li> </ul> <li>Think of any <strong>other possible keyword/keyword phrases </strong> which are relevant to the page <ul> <li>Use these and the <strong>keywords from the title and description </strong> for the <a href="#keywords" style='color: rgb(255, 0, 0);font-weight: bold;text-decoration: underline; '>keywords </a> meta tag <meta name="keywords" content="meta tags search engine optimization keywords description page title"> </li> </ul> </li> </ol> <h3><a name="title"></a>Title </h3> <p>The <strong><title> </strong> tag is becoming <strong>increasingly important </strong> to listings. </p> <ul> <li>It should be <strong>descriptive, </strong>but <strong>short </strong>(about 150 characters) <li><strong>Include keywords </strong> <ul> <li>Build it around a <strong>target phrase </strong> for the page <li>It needs to make sense as a sentence, but try to limit the use of irrelevant words (a, the, etc.) <li>Try to make it <strong>specific to your web site </strong> <li>Never over the top, marketing hype "we are the best site etc." <ul> <li>Is not descriptive or include valuable keywords <li>Can get you kicked off certain search engines/directories! </li> </ul> </li> </ul> <li>What the user sees at the <strong>top of their browser </strong> and therefore what is <strong>shown when they bookmark </strong> a page - make it useful! </li> </ul> <h3><a name="description"></a>Description </h3> <p>The <strong>description </strong> (<meta name="description" content="This is what the user sees when the search engine displays the site in a list among all other similar sites and can sway which they click on">) </p> <ul> <li>This should be <strong>informative </strong> and <strong>not too long </strong> (there are recommended limits - around 250 characters) as only a set number of characters will be displayed <li>Should <strong>include keyword phrases </strong> <ul> <li>Ideally keywords which are repeated in the <strong>title </strong>and <strong> body content </strong> of the page <li>Put your <strong>most important keywords </strong> at the <strong>beginning </strong> of the <br> description <li><strong>Don't </strong> use too many <strong>stop words </strong> (a, on, the, etc) - search engines don't index them - wastes your description </li> </ul> </li> </ul> <h3><a name="keywords"></a>Keywords </h3> <p>The <strong>keywords </strong> (<meta name="keywords" content="keyword keyword keyword">) </p> <ul> <li>These are the <strong>possible keywords </strong> a <strong>user </strong> may submit when <strong>searching for information </strong> <li>It is worth putting in <strong>variations </strong>, <strong>acronyms </strong> (e.g. employment, vacancies, jobs, careers) and spelling mistakes of words <li>Use <strong>plural </strong> over singular <li><strong>Don't use commas </strong> between keywords: <ul> <li><strong>Adds characters </strong> and <strong>separates words </strong> which may be searched for together <li>Makes repeating of words harder (SEs don't like repetition) <li><strong>Experiment </strong> - if no commas isn't helping your listing, <strong>reassess </strong> after a few months </li> </ul> <li><strong>1000 characters </strong> (or less) in total - more is just ignored <li><strong>Don't repeat </strong>a keyword more then 3 times <ul> <li>Be careful over variations of the same word (e.g. cook, cooked, cooking) </li> </ul> <li><strong>Match </strong> with important <strong>keywords </strong> in the <strong>body content </strong> of the page </li> </ul> </blockquote> <div>Knowledgebase Article <img src="//"> 109,003 views <a class="bookmark_link" alt="How to use Meta Tags" href="/hosting/help/105" title="How to use Meta Tags" rel="sidebar"><img src="//"> bookmark</a> <div class="visible_parent res_share"><img src="//"> share <div class="hidden_child res_share_hov"> Share or save this via: <ul class="share"> <li><a href="mailto:?SUBJECT=How%20to%20use%20Meta%20Tags&BODY=" target="_blank"><img src="//"> E-mail</a></li> <li><a href="" target="_blank"><img src="//"> Twitter</a></li> <li><a href="" target="_blank"><img src="//"> Google Bookmarks</a></li> <li><a href="" target="_blank"><img src="//"> Facebook</a></li> <li><a href="" target="_blank"><img src="//"> MySpace</a></li> <li><a href="" target="_blank"><img src="//"> Digg</a></li> <li><a href="" target="_blank"><img src="//"> Reddit</a></li> <li><a href="/hosting/help/105" target="_blank" title="How to use Meta Tags" rel="sidebar"><img src="//"> Bookmark</a></li> <li><a href="" target="_blank"><img src="//"> Delicious</a></li> <li><a href="" target="_blank"><img src="//"> LinkedIn</a></li> <li><a href="" target="_blank"><img src="//"> StumbleUpon</a></li> </ul> <div class="box_stub"></div> </div> </div> <img src="//">tags: <span class="updated">(updated 2172 days ago)</span> </div> <br><br> <form name="theform" action="/hosting/help/resource" method="POST"> <input type="hidden" id="resource_id" name="resource_id" value="105"> <div class="js_only"> Was this resource helpful? <div class="buttons"> <a href="#vote" class="positive btn" alt="Helpful">Helpful</a> <a href="#vote" class="negative btn" alt="Unhelpful">Unhelpful</a> </div> <br class="clear"> <br class="clear"> Did this resolve your issue? <div class="buttons"> <a href="#vote" class="positive btn" alt="Solved">Solved</a> <a href="#vote" class="negative btn" alt="Unsolved">Unsolved</a> </div> </div> <noscript> <style>.js_only {display:none;}</style> Was this resource helpful? Yes <input type="radio" name="helpful" value="1">   No <input type="radio" name="helpful" value="-1"> <br> Did this resolve your issue? Yes <input type="radio" name="solved" value="1">   No <input type="radio" name="solved" value="-1"> </noscript> <br class="clear"><br class="clear"> Please add any other comments or suggestions about this content: <br> <textarea class="tcomment" name="comment"></textarea> <br><br> <div class="buttons"><button class="btn_primary" type="submit">Submit</button></div> </form> <br> <br> <br> <h2>Recommended Help Content</h2> <div class="resource_kb visible_parent search_result" id="resource_2514"> <div class="res_title"> <a href="/hosting/help/2514">WordPress: Categories and Tags</a> </div> <div class="res_desc">Categories and Tags <span class="updated">(updated 16 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 70 views <img src="//">tags: </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_360"> <div class="res_title"> <a href="/hosting/help/360">Character sets in HTML</a> </div> <div class="res_desc">Instructions to set different character sets in HTML. Note: Not all character sets will be correctly rendered with this encoding format, but most will. You can find specific information about which ch <span class="updated">(updated 1235 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 74,410 views <img src="//">tags: <a href="/hosting/help/tag/arabic">arabic</a> <a href="/hosting/help/tag/change">change</a> <a href="/hosting/help/tag/character">character</a> <a href="/hosting/help/tag/chinese">chinese</a> <a href="/hosting/help/tag/html">html</a> <a href="/hosting/help/tag/japanese">japanese</a> <a href="/hosting/help/tag/language">language</a> <a href="/hosting/help/tag/languages">languages</a> <a href="/hosting/help/tag/sets">sets</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_416"> <div class="res_title"> <a href="/hosting/help/416">Email Auto Responder</a> </div> <div class="res_desc">What is an Auto Responder? How do I Create Auto Responders? <span class="updated">(updated 1169 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 138,739 views <img src="//">tags: <a href="/hosting/help/tag/auto">auto</a> <a href="/hosting/help/tag/automatic">automatic</a> <a href="/hosting/help/tag/automatically">automatically</a> <a href="/hosting/help/tag/mail">mail</a> <a href="/hosting/help/tag/reply">reply</a> <a href="/hosting/help/tag/responder">responder</a> </div> <br style="clear:both;"> </div> <h2>Related Help Content</h2> <div class="resource_kb visible_parent search_result" id="resource_38"> <div class="res_title"> <a href="/hosting/help/38">Email Auto Responder Setup</a> </div> <div class="res_desc">How do I create an E-mail Autoresponder? <span class="updated">(updated 1369 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 91,181 views <img src="//">tags: <a href="/hosting/help/tag/autoresponder">autoresponder</a> <a href="/hosting/help/tag/email">email</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_2315"> <div class="res_title"> <a href="/hosting/help/2315">Canonical URLs: Telling Search Engines which to Use</a> </div> <div class="res_desc">Explains how to use Canonical URLs. <span class="updated">(updated 964 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 11,749 views <img src="//">tags: </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_104"> <div class="res_title"> <a href="/hosting/help/104">Adding Favorites icon (Favicon) to site</a> </div> <div class="res_desc">How can I add a favorites icon (favicon) to my site. <span class="updated">(updated 1903 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 223,610 views <img src="//">tags: <a href="/hosting/help/tag/icon">icon</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_518"> <div class="res_title"> <a href="/hosting/help/518">Site Not First in Search Engine Results</a> </div> <div class="res_desc">Why is my site not the first result on Google or an other search engine? <span class="updated">(updated 1512 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 107,661 views <img src="//">tags: <a href="/hosting/help/tag/bing">bing</a> <a href="/hosting/help/tag/engine">engine</a> <a href="/hosting/help/tag/google">google</a> <a href="/hosting/help/tag/search">search</a> <a href="/hosting/help/tag/seo">seo</a> <a href="/hosting/help/tag/yahoo">yahoo</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_408"> <div class="res_title"> <a href="/hosting/help/408">Error Pages</a> </div> <div class="res_desc">This article explains error pages and how they can be customized. <span class="updated">(updated 971 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 114,060 views <img src="//">tags: <a href="/hosting/help/tag/customize">customize</a> <a href="/hosting/help/tag/pages">pages</a> </div> <br style="clear:both;"> </div> <div class="resource_video visible_parent search_result" id="resource_650"> <div class="res_title"> <a href="/hosting/help/autoresponder">Create an Auto Responder</a> </div> <div class="res_desc">You can use autoresponders to send a message back automatically to anyone who sends an email to a certain account. This can be useful for times when you are on vacation or unavailable, or if you have a generic message that you wish to send for a support email address. <span class="updated">(updated 972 days ago)</span></div> <div class="res_actions"> Video "How-to" Tutorial <img src="//"> 117,755 views <img src="//">tags: <a href="/hosting/help/tag/autoresponder">autoresponder</a> <a href="/hosting/help/tag/email">email</a> <a href="/hosting/help/tag/mail">mail</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_474"> <div class="res_title"> <a href="/hosting/help/474">Password Protect a File</a> </div> <div class="res_desc">How do I Password Protect a single file on my website? <span class="updated">(updated 1164 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 109,933 views <img src="//">tags: <a href="/hosting/help/tag/file">file</a> <a href="/hosting/help/tag/passwd">passwd</a> <a href="/hosting/help/tag/password">password</a> <a href="/hosting/help/tag/prompt">prompt</a> <a href="/hosting/help/tag/protect">protect</a> <a href="/hosting/help/tag/secure">secure</a> <a href="/hosting/help/tag/single">single</a> </div> <br style="clear:both;"> </div> <div class="resource_kb visible_parent search_result" id="resource_107"> <div class="res_title"> <a href="/hosting/help/107">Flash files in web pages</a> </div> <div class="res_desc">Example on how to embed a flash file in a webpage <span class="updated">(updated 1131 days ago)</span></div> <div class="res_actions"> Knowledgebase Article <img src="//"> 121,626 views <img src="//">tags: <a href="/hosting/help/tag/audio">audio</a> <a href="/hosting/help/tag/embed">embed</a> <a href="/hosting/help/tag/flash">flash</a> <a href="/hosting/help/tag/swf">swf</a> <a href="/hosting/help/tag/video">video</a> </div> <br style="clear:both;"> </div> </div> </article> <!--<script>function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', gaTrack: true }, 'google_translate_element_sidebar');}</script>--> </section> </div> </article> <footer id="footer" class="clear"> <nav class="footer_nav"> <ul> <li><h3>Getting Started</h3></li> <li><a href="/cgi/profile">Settings</a></li> </ul><ul> <li><h3>Products</h3></li> <li><a href="/cgi/dm">Domains</a></li> <li><a href="/cgi/addons">Addons</a></li> </ul><ul> <li><h3>Support</h3></li> <li><a href="//" target="_blank">Contact</a></li> <li><a href="/cgi/chat" target="_blank">Live Chat</a></li> <li><a href="/cgi/help/ticket" target="_blank">Create Ticket</a></li> <li><a href="/cgi/help/history" target="_blank">Ticket History</a></li> <li><a href="/cgi/help" target="_blank">Knowledgebase</a></li> </ul><ul> <li><h3>Company</h3></li> <li><a href="//" target="_blank">About Us</a></li> <li><a href="/cgi/partners">Partners</a></li> <li><a href="/cgi/partner" target="_blank">Affiliates</a></li> <li><a href="//" target="_blank">Terms of Service</a></li> </ul> </nav> <div class="footer_bottom social copyright"> </div> <div class="analytics"> <img height="1" width="1" style="border-style:none;" alt="" src="//"> </div> <script> var page_settings = {"best_domain":null,"help_request":"/hosting/help/resource","hosting_subtype":null,"hosting_type":null,"load_cart":1}; require([''], function() {}); </script> <!--[if lt IE 9]><script>$('.accent,.attention,.box,.critical,.shaded').children().last().addClass('last_child');</script><![endif]--> </footer> </body> </html>