Page Layout Ideas

前端之家收集整理的这篇文章主要介绍了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.

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
原文链接:https://www.f2er.com/idea/567323.html

猜你在找的IDEA相关文章