Seo 什么HTML5标签应该用于“一个”；“行动呼吁”；迪夫？

我是HTML5新手，我想知道在主页上主要内容旁边的专栏中，调用Action div应该使用哪个HTML5标签

备选案文1：

<aside>
    //call to action
</aside>

//行动呼吁

备选案文2：

<article>
    <section>
       //call to action
    </section>
</article>

//行动呼吁

我问这个问题的原因是因为我不认为这两种选择都是完美的。也许我错过了什么。谢谢

我的行动呼吁HTML：

        <section class="box">
            <hgroup>
                <h1 class="side">Call Now</h1>
                <h2 class="side">To Schedule a Free Pick-Up!</h2>
                    <ul class="center">
                        <li>Cleaning</li>
                        <li>Repair</li>
                        <li>Appraisals</li>
                    </ul>
                <h3 class="side no-bottom">(781) 729-2213</h3>
                <h4 class="side no-top no-bottom">Ask for Bob!</h4>
            </hgroup>
            <img class="responsive" src="img/satisfaction-guarantee.png" alt="100% Satisfaction Guarantee">
            <p class="side">We guarantee you will be thrilled with our services or your money back!</p>
        </section>

现在打电话
安排免费接送！

清洁
修理
评价

(781) 729-2213
找鲍勃！
我们保证您会为我们的服务或退款而激动不已

这是三列布局的右列上的一个框。中间大栏的内容概括了该公司的服务。如果你想使用这些服务，你必须安排一次接送，因此需要采取行动

---

有人反对使用HTML5吗，或者有更好的方法吗

它只是指向另一个页面的链接。使用div.

正确的标记取决于您未提供的实际内容

也就是说，无论内容是什么，

标记没有语义值，都可以将所有内容包装在div中（尽管可能没有必要）。你的两个例子可能不正确，除非你的“行动呼吁”是一篇完整的文章（我怀疑是这样的）

调用操作可能发生在

中，但调用操作本身不太可能发生。同样，这取决于内容（它是什么）和上下文（它与其他内容的关系）

---

通常，“行动号召”是某个地方的一个链接，所以对我来说最明显的答案是使用锚，

我的看法是，新HTML5结构元素的最佳实践仍在制定中，新HTML5经济的宽容性意味着您可以建立最适合您的应用程序的约定

在我的应用程序中，我对反映视图布局的标记（即创建页面之间总体一致性的模板）和内容本身（通常是在插入布局中的各个区域之前接收额外标记的任何函数或查询结果）有单独的考虑。区别很重要，因为布局元素语义（如页眉、页脚和旁白）在搜索过程中并没有真正帮助区分内容，因为标记通常在页面之间重复。我特别喜欢使用HTML5中的语义差异来描述用户实际搜索的内容。例如，我通常使用article包装主要内容，使用nav包装任何关联的链接列表。小部件包装器通常与页面布局相关联，因此我将按照模板的约定来实现该指南

每当我必须决定语义名称与通用名称时，我的一般启发是：

• 如果页面模板中已有可能的先例，请遵循该先例
• 如果所讨论的元素是页面布局的新部分（相对于呈现到布局中某个区域的内容查询），并且模板中已经没有指导模式，那么div可以将该页面布局行为关联到
• 如果内容是动态创建的（即，在请求时实例化到布局中的任何内容——帖子、导航、大多数小部件），请将其包装在语义包装器中，该包装器可以最好地描述该项目是什么（与您认为它应该如何显示相比）
• 每当创作或生成内容时，在该内容中适当使用语义HTML5标记（hgroup用于括起层次标题，section用于组织文章中的块，等等）。这是未来的证据丰富的搜索

根据所有这些，div可以作为小部件的包装器，除非您的页面模板已经建立了不同的小部件包装器。此外，使用标题元素在小部件中创建大而粗体的外观是将标记用于外观，而不是语义。由于您的特定用法是基于外观的，因此最好将div或span与CSS类一起使用，这样可以根据需要为非特定文本指定大小、间距和其他装饰，而不必覆盖标题元素的浏览器默认值。我将保存页面标题、小部件标题和页面主要内容区域内的标题元素。有可能是SEO排名问题的标题，不是主要内容的一部分滥用

---

我希望这些想法能帮助您考虑HTML5标记的使用。

就标记的语义而言，Don的建议是有意义的。（正如您所说，您的CTA在视觉上位于主要内容的旁边，其次是该内容，我倾向于将

放在一边
，但没有一个正确的答案。）

然而，您已经将您的问题标记为“seo”，因此我认为您对使用正确标记的seo好处感兴趣。在这个时候，谷歌并不特别看重漂亮的语义标记，他们不在乎像
旁白
，
部分
，和
div
这样的东西之间的区别。这可能部分是因为这些标记的含义仍在定义中（通过Web开发人员的实践），但它们甚至似乎忽略了与搜索结果明显相关的标记（例如
nav
，这几乎总是与搜索结果中的页面描述无关）

我