Html 网站结构的丰富片段

我最近发现了丰富的代码片段及其用法，可以让搜索引擎理解 内容的类型，如地址、人员等

我有一个网站，每个页面我都复制菜单（一个简单的菜单，链接到网站的所有页面~20页） 由于

正文

中的第一个元素是菜单，谷歌对所有页面进行相同的搜索预览：菜单，而不是页面的实际内容

因此，我想知道是否有一种方法可以告诉搜索引擎页面的结构：例如，一些元素是导航元素，一些是内容，一些是版权。。。 描述页面的“人类”结构

我所理解的是，丰富的代码片段旨在描述“现实生活”的信息，而我搜索的内容与此类似，只是为了描述结构

我希望这是有意义的

---

对不起，我的英语不好。

这可能就是您要找的：

<meta name="description" content="A description of the page" />

此标记提供页面的简短描述。在某些情况下，此描述用作搜索结果中显示的代码段的一部分。

---

谷歌将获取该字符串，并将其显示在搜索结果中

这可能就是您要查找的内容：

<meta name="description" content="A description of the page" />

此标记提供页面的简短描述。在某些情况下，此描述用作搜索结果中显示的代码段的一部分。 谷歌将把这个字符串显示在搜索结果中

因此，我想知道是否有一种方法可以告诉搜索引擎页面的结构：例如，一些元素是导航元素，一些是内容，一些是版权。。。描述页面的“人类”结构

这就是HTML元素的用途。有些人使用术语“语义标记/HTML”来表示这一点。当然，这也有其局限性，因为并非每种结构/内容类型都可以描述

针对您的示例的解决方案：

• 对于导航，有两个选项
• 页面的主要内容可以通过和自动找到（在HTML5.1中还有）
• 版权信息应该在中给出，可能是在。如果是指向许可证的链接，则应使用

通常，您应该遵循以下步骤（从结构到内容）：

尽可能详细地使用适当的HTML元素

使用已定义/已注册（用于

链接

、

a

和

区域

元素）

对所有元素使用（

class

属性值）

使用定义/注册（在

meta

元素中）

使用和/或（所有元素的新属性）

可以提供有关用于辅助功能的结构的其他信息

因此，我想知道是否有一种方法可以告诉搜索引擎页面的结构：例如，一些元素是导航元素，一些是内容，一些是版权。。。描述页面的“人类”结构

这就是HTML元素的用途。有些人使用术语“语义标记/HTML”来表示这一点。当然，这也有其局限性，因为并非每种结构/内容类型都可以描述

针对您的示例的解决方案：

• 对于导航，有两个选项
• 页面的主要内容可以通过和自动找到（在HTML5.1中还有）
• 版权信息应该在中给出，可能是在。如果是指向许可证的链接，则应使用

通常，您应该遵循以下步骤（从结构到内容）：

尽可能详细地使用适当的HTML元素

使用已定义/已注册（用于

链接

、

a

和

区域

元素）

对所有元素使用（

class

属性值）

使用定义/注册（在

meta

元素中）

使用和/或（所有元素的新属性）

---

可以提供有关您的可访问性结构的其他信息。

啊，是的，我考虑过了，但这并不完全是我要搜索的内容，因为某些页面是自动生成的，我无法要求用户提供正确的描述。理想的解决方案是，在每个页面的主体中，我能够描述html元素的用途。但是，如果没有这样的东西，那么是的，我想我将不得不采用这种解决方案。啊，是的，我考虑过这一点，但这并不完全是我搜索的内容，因为某些页面是自动生成的，我无法要求用户提供正确的描述。理想的解决方案是，在每个页面的主体中，我能够描述html元素的用途。但是，如果没有这样的事情，那么是的，我想我将不得不采用这个解决方案。谢谢你非常好和完整的答案。我读过关于微格式的书，我发现它使用类属性非常奇怪而且有点混乱，我认为这些属性主要是用来设置元素的样式的。你仍然认为这是一种好的做法，还是我应该更喜欢其他方法？@user1843507：是的，没错——微格式既快又脏，是一种定义松散的约定。如果您找到一些可用于内容的微格式，您可以快速添加相关的

类

值(→ 不会受伤，可能会有帮助）。但我不会花太多的精力，因为这会更好地投资于。你完全可以跳过这一步，完全不使用微格式。谢谢你非常好和完整的回答。我读过关于微格式的书，我发现它使用类属性非常奇怪而且有点混乱，我认为这些属性主要是用来设置元素的样式的。你仍然认为这是一种好的做法，还是我应该更喜欢其他方法？@user1843507：是的，没错——微格式既快又脏，是一种定义松散的转换