Page Layout Ideas
With some basic HTML tweaking webpages can be made more Search Engine Friendly i.e more relevant in the eyes of a Search Engine, this articles teaches you how to do just that.
Suppose you have a website with 2 sections,
1. The Left Section : Which usually contains menu items, ads, some promotional offers etc.
2. The Main Content Area : Which contains the main textual content of the website.
LEFT SECTION ITEM1 ITEM2 ITEM3 |
|
HTML used for the sample above.
<table width="80%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <b>LEFT SECTION</b><br> ITEM1<br> ITEM2<br> ITEM3<br> </td> <td bgcolor="#D9BBBB" rowspan="2" valign="top"> Main Body </td> </tr> </table> |
Notice, the content of The Left Section appears above The Main Content Area in the source, a Search Engine may thus give more importance / preference to left section of your webpage then your actual content area.
The above structure can be improved for search engine optimization purposes.
The 'Rowspan' attribute of the <td> can be used to solve the above problem. Using rowspan=2 divide the page into two rows, put The Main Content text in the first row, above the Left section, which should be put in the second row.
Optimized HTML Structure<table width="80%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="1"> </td> <td bgcolor="#D9BBBB" rowspan="2" valign="top"> Main Body </td> </tr> <tr> <td> <b>LEFT SECTION</b><br> ITEM1<br> ITEM2<br> ITEM3<br> </td> </tr> </table> |
Optimized Output
| ||
LEFT SECTION ITEM1 ITEM2 ITEM3 |
- 转载请注明来源:IT学习网 网址:http://www.t086.com/ 向您的朋友推荐此文章
- 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们会尽快予以更正。