在单个页面上识别多个潜在的精选摘要
Posted: Mon Apr 21, 2025 9:52 am
示例-html5-结构语义-position0-simple-kalicube.png
即使只是这个简单的实现,也能让 Google 感到高兴。现在就行动吧...谷歌会帮助那些帮助它的人。
通过在 <article> 中添加多个部分,您可以表明该主要内容包含不同的、独特的部分,Google 可以使用它来提供问答。在每个部分周围放置一个 <section> 标签:
提供锚点和#id 部分
您可能已经注意到上面示例中的这个细节。将 ID 添加到部分,并使用它们作为锚点进行导航是一个非常好的主意,因为它允许 Google 提取这些部分并将其显示在精选摘要中:
来自页面中 <section> 元素的精选摘要。
请注意,该页面还使用 Schema 结构化标记(见下文)。
此位置 0 来自具有 id 的 HTML5 <section>。它显示了正确的伊朗邮件列表部分描述,但(当前)不使用该部分的 H1 作为精选片段标题。这很遗憾,因为如果有章节标题就更好了。我确信它很快就会到来。
提示: section/id/anchor 组合对于普通结果也很有用。您将获得一个“跳转到”链接、一个适当的描述(而不是元描述)...和站点链接:
serp-site-links-mailjet.png
伟大的 !这是将语义 HTML5 与 id 和 anchors 结合使用的一个很好的理由。
仅供参考:我为我的客户编写了一个工具,用于识别他们现有内容的精选片段机会。在开发这个工具的过程中,我意识到当没有结构语义的HTML5时,机器人很难识别和提取页面的主要内容(核心)。 2018 年,我将确保所有客户都使用语义 HTML5 来构建他们的页面。它很容易实施,并能带来可见且可衡量的结果,所以没有理由回避它。
即使只是这个简单的实现,也能让 Google 感到高兴。现在就行动吧...谷歌会帮助那些帮助它的人。
通过在 <article> 中添加多个部分,您可以表明该主要内容包含不同的、独特的部分,Google 可以使用它来提供问答。在每个部分周围放置一个 <section> 标签:
提供锚点和#id 部分
您可能已经注意到上面示例中的这个细节。将 ID 添加到部分,并使用它们作为锚点进行导航是一个非常好的主意,因为它允许 Google 提取这些部分并将其显示在精选摘要中:
来自页面中 <section> 元素的精选摘要。
请注意,该页面还使用 Schema 结构化标记(见下文)。
此位置 0 来自具有 id 的 HTML5 <section>。它显示了正确的伊朗邮件列表部分描述,但(当前)不使用该部分的 H1 作为精选片段标题。这很遗憾,因为如果有章节标题就更好了。我确信它很快就会到来。
提示: section/id/anchor 组合对于普通结果也很有用。您将获得一个“跳转到”链接、一个适当的描述(而不是元描述)...和站点链接:
serp-site-links-mailjet.png
伟大的 !这是将语义 HTML5 与 id 和 anchors 结合使用的一个很好的理由。
仅供参考:我为我的客户编写了一个工具,用于识别他们现有内容的精选片段机会。在开发这个工具的过程中,我意识到当没有结构语义的HTML5时,机器人很难识别和提取页面的主要内容(核心)。 2018 年,我将确保所有客户都使用语义 HTML5 来构建他们的页面。它很容易实施,并能带来可见且可衡量的结果,所以没有理由回避它。