问如何以与源代码不同的顺序显示HTML

EN

在我看来，你的客户似乎不了解SEO是如何与当今的爬虫一起工作的。五年前，这是一个不同的故事；你最好在代码中把重要的链接放在最上面。如今，情况并非如此，尽管有些人仍然对此深信不疑。

尽管如此，就可访问性而言，重新排序源代码是一个糟糕的想法。屏幕阅读器按顺序阅读源代码，从而使使用辅助技术的人更难阅读和导航网站。

所以，我给你的建议是，试着告诉你的客户，源代码中的内容顺序对今天的搜索引擎来说并不重要，当你开始以一种不合逻辑的方式重新排序内容时，它会严重损害可访问性。换句话说，不要做这件事。

这两篇文章演示了如何实现这个"SEO技巧“。

Markup Hierarchy – Advantages in SEO | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

Navigation Markup After Content | CSS-Tricks

我特别喜欢这个comment (引用谷歌)：

“我们的搜索引擎也会分析页面内容。然而，我们的技术不是简单地扫描基于页面的文本(网站发布者可以通过元标签对其进行操作)，而是分析页面的完整内容，并分析字体、细分和每个单词的精确位置。

来源：Google Technology Overview

听起来更像是猜测工作，而不是经过验证的方法。我倾向于认为这个技巧是在浪费时间。

我认为这个Matt Cutts: SEO Tips for Bloggers – Place keywords early on page是理论的来源，或者至少得到了进一步的支持。

在不知道您希望它们如何排序的细节的情况下，我建议您使用浮动div将东西放到正确的位置。有时代码顺序会影响显示顺序，但如果div被“浮动”到页面的不同部分，则不会影响显示顺序。在不知道你想要的布局的情况下，很难做到具体。