HTML Meta Tags and SEO

by scottstanton

on March 27, 2012

in Resources

Remembering to add meta tags or knowing which ones to use can be a bit of a task in itself, or can often be overlooked.  That’s when using a HTML editor or template building system can help.  You don’t have to buy special programs and spend hundreds of dollars to build a website any more.  In fact, you can build a free website online at sites like www.wix.com.   On the 26th of March Wix will be unveiling their new, free HTML website builder.  Wix has already gained widespread popularity for their drag-and-drop Flash website builder that allows users to easily build complex, powerful, and stunning websites.  Whether you’re looking for an easy way to put together site with a full screen background, or display your portfolio online, Wix is certainly worth checking out.  It doesn’t matter if you’re a seasoned web developer or an ambitious do it yourself-er, creating a free HTML website or SEO friendly Flash website has never been easier.

The HTML meta tag is a meta element used to give structured metadata to pages on a website.    There are five total HTML and XHTML valid attributes in HTML5: content, http-equiv, name, scheme and charset and a single HTML or XHTML file can contain multiple meta tags.  The tags reside in the head section of the file and are loaded prior to the content of the page being loaded.

In the past, when a programmer started to design a html website they would often utilize the meta tags as a means of search engine optimization.  Because the tags are in the head section, they are not visually present to a visitor browsing the site.  However, when using the meta name attribute a developer can easily plug in appropriate keywords that will help a search engine better categorize the website.  The code is simple and needs to reside within your <head> tags.  An example of a keyword meta element:

<meta name=”keywords” content=”SEO keywords” >

Search engines like Infoseek and AltaVista, amongst others, are noted for popularizing the keywords attribute back in the mid 90’s.  The result was an overwhelming number of companies plugging false keywords in to the attribute or their sites in order to attract more visitors.  The keywords would not be relevant to the site and were only entered in an attempt a high search result, regardless of the fact the site had been indexed wrong and didn’t match the searchers desired result.  Search engines quickly began dropping the keywords attribute as a factor in their site indexing algorithms and the element was considered all but dead when Matt Cutts of search engine super-giant, Google, stated in September of 2009 that they were no longer taking keywords in to account at all.

Unlike the keyword attribute, the description attribute is a widely supported attribute that gives a precise explanation of the content within a web page.  With such a lack of support of the keyword attribute, the description is a great spot for a developer to place some important keywords to help optimize the page for better search engine rankings.  There is no W3C specific length for a description meta tag, though most search engines recommend that it be kept under 155 characters.  Though the description attribute will not be visible on the page that it actually represents, most search engines will display the description under the link to your site in a list of search results.  Having a keywords placed inside a concise and well-written description will help increase traffic to your site.

<meta name=”description” content=”This is an example of a description meta tag.” />

Some developers will also utilize other meta tags such as language or zip code to help the indexing of a site.  The language attribute tells a search engine what the native language the page is written in (English, German, Italian), opposed to how the website was coded (HTML).  Using the language attribute is greatly beneficial in websites that feature multiple languages, as it can be included on each page to assist search engines.  It is suggested that you use this tag if your site is written in non-US English.  For example, a site based out of theUKwould want to include the following meta tag.

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

When a client is looking to boost their local results you can use meta tags like zipcode, city, and country.  However, it’s worth noting that using these tags doesn’t help your search ranking on a site like Google as much as adding your business to Google places most likely would.

Powered by Shutterstock

About scottstanton

Scott Stanton has spent the past decade working nights developing HTML websites as a freelance web designer, only to write about the latest HTML website design trends at his day job as a freelance writer. Scott is a regular contributor for Wix.com and you can hang on his every word @TheScottStanton and on Google+