HTML 编码顺序与布局问题答案

【问题标题】：HTML coding order versus layout questionHTML 编码顺序与布局问题
【发布时间】：2010-09-02 22:23:23
【问题描述】：

我想设计一个带有标题、导航部分和内容的网站...出于 SEO 的目的，我希望按内容、标题和导航区域的顺序进行编码...但是在查看网站时，我们希望首先看到标题然后是导航区，然后是内容……有什么办法吗？

【问题讨论】：

我不会这样做；现代搜索引擎可以识别导航部分（列表中的链接等）和大量真实内容。
对于 seo 来说真的不值得。如果您希望使用绝对定位等解决方案，您将面临大量其他错误。此外，Google 比这更聪明。

【解决方案1】：

绝对定位。这带来了一系列涉及固定高度的其他问题，但可以让您知道去哪里。 另外，同意 cmets，这不是一个好方法，甚至可能处于“黑帽”SEO 技术的边缘。

<div id="Container">
    <div id="Content"><div>
    <div id="Header"><div>
    <div id="Navigation"><div>
<div>

#Container
{
    position: relative;
}
#Content
{
    position: absolute;
    top: 300px;
}
#Header
{
    position: absolute;
    height: 200px;
    top: 0px;
}
#Navigation
{
    position: absolute;
    height: 100px;
    top: 200px;
}

【讨论】：

我怀疑它会被归类为黑帽技术，因为出于可访问性原因以这种方式组织页面是有好处的。让屏幕阅读器尽可能快地访问页面内容比让用户看到他们不感兴趣的无休止的链接列表要好得多。同样，必须使用 puff-and-sip 导航的用户不想必须通过所有菜单链接才能到达主页内容。
现在 WAI ARIA 地标角色解决了可访问性问题，所以也不要因为这些原因这样做。