Guiding Principles for SEO Freindly HTML Coding

HTML coding is now a standard guideline to create websites that are SEO friendly. These codes make the website light in weight making them accessible through various mobile devices as well. For a website in today’s world, increasing the page rank is possible through proper marketing of websites and through proper channels.

When a webpage is encoded with HTML coding, it is easily detected by the search engines. Hence, HTML codes are valuable components in web development as these help in the SEO of your site.  Use of proper HTML coding elements gives out signals that pull in the spiders to crawl through the pages.

Also Read: Thirteen Amazing HTML Editors For Web Developers

Guidelines for efficient HTML coding:-

HTML coding forms the very basic element when you create a website. However, following some basic guidelines will help you achieve better SEO for your site along with increased visibility.

1. Using generators

Each template of your website or each webpage needs to contain HTML code. You can always code the entire sheet from the very beginning with your own code. However, to make things easier for you and for the SEO of your site, there is available a list of generators that you can choose from. These are codes that are readily available, which you can embed in your web page.

Using these generators is quite simple. All you need to do is fill out a form and you will be presented with the template as you want it to appear. For example, shikiryu.com is one great template generator.

2. Use good ID values

While HTML codes, use of uniform schemes for giving value of names and ID values. Values should be compact and precise. It should also be reasonable as it is necessary for attracting search engine spiders. Using mixed-case values is recommended. This increases the proper and quicker decoding of HTML coding. Below is an example of an HTML code snippet.

1
2
3
4
5
<b>Member? </b><input type="Checkbox" name="cbIsMember"><br>
<b>Admin? </b><input type="Checkbox" name="cbIsAdministrator"><br>
<b>Owner? </b><input type="Checkbox" name="cbIsOwner"><br>

The sample code is that of a checkbox. The best thing of the code is the detailed explanation of the code element type, purpose of the code and the readability of the mixed case.

3. Meaningful titles tags

Titles form an important element in any web page. Proper HTML coding of the title tag is necessary to gain visibility as well as for better SEO of the page. It makes the web page more relevant for the search engine to find. For example if we take the title of this article, the HTML code written will be

1
<title>Use of HTML Coding to Increase SEO of Website</title>

This title when displayed, in the search engine result page will appear as a highlighted title tag.

4. Indenting content

Clean HTML coding is crawled more frequently by search engine spiders contributing to the SEO of the site. Indenting the codes helps in determining the beginning and end of the content. For a good indent attribute use a maximum of four spaces for different levels of indention. Wisely use the development tool to convert tabs into spaces. This will help in the keeping appearance of the webpage consistent when viewed from different device.

HTML Coding Principles

An example of indention is:

1
2
3
<table width="80%"><tr>  <td>   <form name="frmLogin"      action="login.asp">    <b>Login: </b><input name="txtLogin"               type="text"               size="25"><br>    <b>Password:</b><input name="txtPwd"                type="password"                size="25">    <input type="Submit" value="Login">   </form>  </td> </tr> <tr>  <td align="center" valign="top">   <p>To log into the system, enter your user
name and password in the text boxes. Then      click the "Login" button.   </p>  </td> </tr></table>

5. Divide codes

Dividing or categorizing codes make it easier for the search engines to decipher the HTML coding. Engineer your web page design into major sections. Proper division of codes from the initial stage contributes in better indention of the web page. It mainly negates the confusion that might arise if a messy code is structured.

Dividing or categorizing the HTML codes is particularly helpful if you intend to create a web page with complex or lengthy HTML codes.

Below is an example of a divided layout using “divs”

Note here that each section starting from the content, till the footer is divided into sub categories or <divs>.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s