6 Steps to SEO Glory through HTML Codes

There is much more than meets the eye in terms of a successful SEO campaign. Even the best CMS will matter little of your coding is not formatted correctly. In many ways, we can look at the proper HTML codes as the “wizard” behind the curtain in terms of ultimate success. Let's look at six tried-and-true tips which will raise your site to the next level.

The Title

What good would it be if you wrote 25 different books and each had the same title? This is the same concept in regards to HTML titles. Take some time and think about how each headline describes what it is that you are offering. If not, there can even be times when Google modifies the text to suit its own needs!

 The Meta Description

This is another area which some developers fail to take seriously. Think of the meta description as a synopsis of your book. Meta descriptions are also great at telling a search engine what your page is about; another crucial area in terms of rankings and exposure.

Header Tags

This is another area which is not often given enough credit. Tags such as <h1>, <h2>, <h3> and so on are able to provide a hierarchical structure to your content. In other words, they tell the reader (and the search engine) which topics are the most important and how each section is related to its counterparts. Thankfully, these are very easy to embed within a text and programs such as WordPress actually REQUIRE such tags in order for an article to pass with flying colors.

Picture Tags

These are sometimes referred to as <alt> tags or <alt> text. The main misconception is that these tags will enable a viewer to understand what a picture may contain if it does not display properly. However, we are overlooking (once again) the power of these tags in terms of rankings. Properly labeled <alt> tags can help to improve the rankings of individual pages. This is because these tags are interpreted by algorithms and enable your images to list within a search (such as a Google image search). So, always remember to add picture tags.

The “Canonical” Factor

This feature is often overlooked, as many do not quite understand what it is. An HTML code which reads : rel=“canonical” is used when there are a number of pages which contain similar content. The first benefit of this addition is that users will be more likely to know which page to click on. However, we once again have to return to the overlords at Google. Duplicate content is heavily penalized. If you do not add in this coding, your rankings will inevitably deflate. Should you feel that numerous pages are very similar, it is a good idea to use this tag.

The <link rel=”stylesheet”> Edge

Many pages contain either JavaScript or CSS coding. Although this is quite common, these very same programs contribute to slower loading times. Google penalizes sites which do not load quickly and users could likewise migrate to other portals. This HTML attribute is able to externalize such coding; only using it when it is necessary. So, your pages will load faster and it is more likely that your visitors will find what it is that they are looking for. This small change can make a big difference.

These six HTML tips should be incorporated into any website. Whether you have just started your own page or you are looking to revamp its entire structure, the results can be truly phenomenal.


  1. http://searchengineland.com/googles-matt-cutts-look-title-match-query-190039
  2. https://9clouds.com/2014/01/23/the-importance-of-alt-attributes-aka-alt-tags-or-alt-text/
  3. http://usabilitygeek.com/7-html-guidelines-for-website-usability-seo/
Social tagging: > >

Leave a Reply