html - 如何使用单独的 span 标签处理 SEO

Question

我有一个英雄元素的概念，其中几个单词在单独的<span>元素中输出。所以标记可能看起来像这样：

<div class="row">
    <span>Word</span>
    <span>Word 2</span>
    <span>Word 3</span>
    <span>Word 4</span>
</div>
<div class="row">
    <span>Word</span>
    <span>Word 2</span>
    <span>Word 3</span>
    <span>Word 4</span>
</div>
<div class="row">
    <span class="title">The</span>
    <span>Word 2</span>
    <span>Word 3</span>
    <span>Word 4</span>
</div>
<div class="row">
    <span class="title">Title</span>
    <span>Word 2</span>
    <span>Word 3</span>
    <span>Word 4</span>
</div>

如您所见，其中有两个 span 元素具有 class title。这个想法是这些元素的样式会有所不同，因此它们与其他单词不同。这两个词将构成当前页面的实际标题。

这样做时有什么方法可以满足 SEO 的需求吗？我想不出任何方法将这两个元素包装在 a 中h1，并且仍然将它们放在单独的行上，其中其余单词将在单独行上的每个单词之后跟随。从技术上讲，在某处隐藏是可能的h1，但我知道如果我没记错的话，谷歌会将此标记为滥用？

标签： htmlseo