Page?Layout?Ideas

发布时间：2020-12-15 03:26:06 所属栏目：C语言来源：网络整理

导读：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

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.

Below is the basic template.

LEFT SECTION
ITEM1
ITEM2
ITEM3

Main Body

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

Main Body

LEFT SECTION
ITEM1
ITEM2
ITEM3

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!