html - 在主要内容之前或之后标记

Question

我有以下产品列表页面的 HTML 片段：

<section>
    <aside class="pull-left">
        Sidebar
    </aside>

    <div class="pull-right">
        <article>
            Product
        </article>

        <article>
            Product
        </article>
    </div>
</section>

在此之前有很多 HTML 来创建标题和导航菜单

如您所见，它<aside>位于内容的主要部分之前（但在标题和导航栏之类的内容之后）。这种定位会伤害SEO吗？我应该将产品列表放在产品列表<aside> 之后<aside>以提高排名，还是在语义上标签是补充内容并不重要？

Answer 1

标准做法是将页面中最重要的部分放在 HTML 文档中尽可能高的位置。在您的情况下，侧边栏应放在产品列表之后。阅读本教程以获取更多信息。