如果我的 <HEAD> 标签低于我的 <BODY> 标签，我的 SEO 和脚本会发生什么情况？答案

【问题标题】：What would happen to my SEO and Scripts if my <HEAD> tag was below my <BODY> tag?如果我的 <HEAD> 标签低于我的 <BODY> 标签，我的 SEO 和脚本会发生什么情况？
【发布时间】：2013-01-30 06:04:55
【问题描述】：

想想看，XHTML1.1 规范和扩展的 HTML5（假定）......好吧，标记的设计是为了除非另有说明，否则“顺序”并不重要。

显然，Body 标签中的所有内容都以特定方式排序，以供浏览器渲染引擎解释，但 HEAD 和 BODY 标签本身在概念上与渲染顺序无关（尽管它们的名称，除了包含在 HEAD 中；如果include 显然依赖于另一个必须首先加载的包含），因此遵循与任何标记语言相同的规则。

将 HEAD 标签块放在 BODY 标签块下方是可行的（至少在基于 WebKit 的浏览器中），但到目前为止我所能做的就是测试标题标签是否正常工作。不是一个完全有益的测试，但当我在手机上写下这篇文章时，我没有时间进一步思考我的过程。

我想知道这样做会如何影响 SEO，更糟糕的是：加载脚本和 CSS 文件通常在 HEAD 中处理。我知道最近有一种做法是在标记底部或附近发生脚本文件的外部加载，以 ahem 在页面准备好时延迟它们的加载，这会有什么不同的反应吗？

基本上我在问，拥有一个 HEAD 块位于 BODY 块下方的网站的 *影响 * 是什么？

<html>
    <body>
        Test
    </body>
    <head>
        <title>Test</title>
        <script src="test.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="test.css" />
    </head>
</html>

【问题讨论】：

选择您的工作网站并翻转订单。我从未见过它完成，所以我不确定会发生什么。
我认为您对如何呈现页面的方式有误。 css 必须先加载。
它可能会影响 seo 的加载时间……如果这显着提高了您的页面加载量。
这个问题相当投机，问你是否可以把事情放在错误的顺序中并侥幸逃脱，甚至没有给出任何使用颠倒顺序的理由。

标签： html xhtml

【解决方案1】：

如果有的话，它只会对 SEO 产生负面影响。

首先，您的提案导致 HTML 不正确。 HTML4.01 DTD，严格定义了HTML文档的结构mandates that<head>变成<body>之前：

<!ENTITY % html.content "HEAD, BODY">

（如果顺序无关紧要，那就是<!ENTITY % html.content "(HEAD|BODY)+">

其次，我打赌大多数蜘蛛会尽快寻找<head> 元素，如果它在<body> 元素之前找不到一个元素，那么它最多可能会打折你的文档，如果不是完全忽略的话它。我怀疑大多数蜘蛛会忽略在<body> 之后遇到的任何<head> 元素。

第三，它破坏了用户体验。有时页面可能需要一段时间才能加载，但浏览器会在下载时解析 HTML。一旦它看到<title>，它就会将它显示给用户，这样用户就知道页面至少已经部分加载（即使它还没有被渲染）。如果没有此功能，您的用户可能会因为加载速度太慢而沮丧地关闭浏览器选项卡/窗口，因为他们会认为该网站完全没有响应。

【讨论】：

【解决方案2】：

有趣的问题，但我坚信 HTML 结构与人体解剖学（头-身-足）非常相似，如果结构不正确，会发生什么以及它的外观？看起来很难看，很难识别特定的人，这里浏览器会根据通用结构（如 head-body-footer）进行操作，因此这些是我们需要遵循的几个预定义结构以获得最佳结果。

关于搜索引擎优化，非现场搜索引擎优化在我们如何遵循结构的情况下工作，当然它会影响谷歌蜘蛛等等。

【讨论】：