为什么要隐藏内容？
将内容放置在选项卡或手风琴面板中允许客户查看更短、干净且用户友好的网页。在响应式设计中使用选项卡时，它们使桌面、平板电脑和移动设备能够包含适合设备呈现的相同信息。单击选项卡会显示对内容主体进行补充的附加内容。
实验总结表
| 物品 | 页面 加载内容 |
2018 年可索引 | 2021 年可索引 |
|---|---|---|---|
| 没有标签 | 是的 | 是的 | 是的 |
| 1.可见标签（静态） | 是的 | 是的 | 是的 |
| 2.隐藏标签（静态） | 是的 | 是的 | 是的 |
| 3.内部JSON数据（静态） | 是的 | 是的 | 是的 |
| 4. 内部 JSON 数据（覆盖） | 不 | 不 | 不 |
| 5.外部JSON数据（静态） | 是的 | 不 | 不 |
| 6. 外部 JSON 数据（覆盖） | 不 | 是的 | 是的 |
| 7. OnClick 内部 JSON 数据（静态） | 是的 | 是的 | 是的 |
| 8. OnClick 内部 JSON 数据 | 不 | 不 | 不 |
| 9. OnClick 外部 JSON 数据（静态） | 是的 | 是的 | 是的 |
| 10. OnClick 外部 JSON 数据（动态） | 是的 | 不 | 不 |
| 11. 允许 iFRAME 机器人 | 是的 | 是的 | 不 |
| 12. 不允许使用 iFRAME 机器人 | 是的 | 不 | 不 |
标签内容的历史
在过去的几年里，谷歌调整了对隐藏内容的建议，主要是为了适应执行 JavaScript 的变化，并为引入移动优先索引铺平道路。
2014 年之前，谷歌将标签内容编入索引。爬虫和索引器不太先进，没有渲染功能。当涉及到被 JavaScript 隐藏的内容时，谷歌只是简单地索引了页面源。
同年 11 月，在 Google 网站管理员环聊期间，情况发生了变化，约翰·穆勒透露，该搜索引擎实际上已经“相当一段时间”打折隐藏内容。
这让 SEO 社区中的许多人感到惊讶，但直到 2016 年 11 月，Google 才对这个主题再多说几句，当时Gary Illyes在 Twitter 对话中提到移动优先索引实际上应该具有完整的索引能力，因为移动设备上的标签内容被认为是成为良好用户体验的一部分。
他还在2017 年 6 月的 SMX West 上表示，移动优先指数可能需要长达五年的时间才能完全推出。
2017 年 10 月透露了更多信息，当时John Mueller 澄清说，标签式内容将被视为移动优先索引的一部分，条件是它加载到初始文档对象模型（“DOM”）上。
他还确保注意，如果在单击选项卡后加载内容，则不会考虑将其编入索引。
移动优先索引时间表的下一个重大飞跃是在 2018 年 3 月底，当时谷歌正式宣布推出并表示现在将越来越多地使用移动版本的网站内容进行索引。
本实验
动作要点
您可以查看标签式内容实验网页的来源。
我们旨在测试和检查在网页上插入内容的不同方式，包括 DOM 加载和onClick事件。
为了确保其成功和合法性，我们必须遵守某些先决条件，其中包括：
- 使用 Google 以前“未曾见过”的新网址。
- 确保每个标签上的内容独特，每个标签的长度少于 32 个字。
- 注意不要“ping”测试中涉及的任何 API 或 iFRAME。
- 能够监控网页和 API 的流量。
- 使用 Bootstrap 4 (Alpha) 选项卡。
我们测试了一条非标签信息并标签了八个不同的标签，有 12 种可能的场景。初始控制测试表明标签区域外的静态 HTML 是可索引的。
静态 HTML 是 HTML 选项卡之外的内容。
site:merj.com “标签式内容可以改善移动用户体验。”
2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
1. 可见标签
标签名称：“可见”
该选项卡在页面加载时处于活动状态并包含静态 HTML 标记。使用的站点操作员是：
site:merj.com "The first tab has static content that is always visible and should be seen."2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
2. 隐藏标签
标签名称：“不可见”
该选项卡在页面加载时默认隐藏，并包含静态 HTML 标记。
site:merj.com "Content that is not visible on the initial DOM load, but is static should be seen."2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
3. 内部 JSON 选项卡（静态）
选项卡名称：“Int JSON”
该选项卡默认隐藏，HTML 标记应由内部 JSON 替换：
site:merj.com "Initial content was here before the internal hash was used to generate a new message."2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
4.内部JSON选项卡（动态）
选项卡名称：“Int JSON”
该选项卡默认是隐藏的，带有静态 JSON（JavaScript 字典），它出现在页面加载中：
site:merj.com "The DOM load has triggered this internal replacement message."在 2018 年期间，Google 没有将内容编入索引。
有趣的是，JavaScript 字典中被替换的信息不被视为内容。
在 2021 年期间，Google 未将内容编入索引。
5. 外部 JSON 选项卡（静态）
选项卡名称：“Ext JSON”
默认情况下，该选项卡使用 HTML 标记隐藏，应由外部 JSON 替换：
site:merj.com "Initial content was here before the external AJAX call to a JSON API."在 2018 年期间，Google 没有将内容编入索引。
在 2021 年期间，Google 未将内容编入索引。
6. 外部 JSON 选项卡（动态）
选项卡名称：“Ext JSON”
该选项卡默认隐藏，通过 AJAX 调用 API，在页面加载时返回 JSON：
site:merj.com "A DOM load has occurred. This content has been called externally to replace the message."2018 年，谷歌成功地将内容编入索引。
来自 JSON API 的内容被视为内容。
2021 年，Google 成功地将内容编入索引。
7.内部点击JSON选项卡
标签名称：Int JSON Click
默认情况下，该选项卡使用静态 JSON（JavaScript 哈希）和应该被覆盖的静态 HTML 隐藏：
site:merj.com "An internal onClick event will replace this paragraph using an internal hash."2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
8.内部点击JSON选项卡（静态）
标签名称：Int JSON Click
默认情况下，该选项卡使用静态 JSON（JavaScript 哈希）隐藏，仅在使用onClick事件单击选项卡时加载：
site:merj.com "The user has triggered this internal replacement message after clicking on an onClick tab."在 2018 年期间，Google 没有将内容编入索引。
将onClick事件与内部内容一起使用不会触发内容进行爬网。
在 2021 年期间，Google 未将内容编入索引。
9. 外部 JSON 选项卡（动态）
选项卡名称：Ext JSON Click
默认情况下，选项卡隐藏在静态 HTML 中，应替换为对 API 的 AJAX 调用，仅当使用onClick事件单击选项卡时才返回 JSON 。
site:merj.com "An external onClick event will replace this paragraph using an external AJAX call to a JSON API."2018 年，谷歌成功地将内容编入索引。
2021 年，Google 成功地将内容编入索引。
10. 外部 JSON 选项卡
选项卡名称：Ext JSON Click
默认情况下，该选项卡是通过对 API 的 AJAX 调用隐藏的，该 API 仅在使用onClick事件单击该选项卡时才返回 JSON ：
site:merj.com "A click trigger has occurred. The user has requested this external replacement message."在 2018 年期间，Google 没有将内容编入索引。
将onClick事件与内部内容一起使用不会触发外部内容进行爬网。
在 2021 年期间，Google 未将内容编入索引。
11. iFrame 允许机器人选项卡
标签名称：IFRAME IF
该选项卡默认隐藏，带有一个嵌入的 iFRAME，其中包含一个机器人指令“ index,follow ”，该指令出现在页面加载中：
site:merj.com "A simple IFRAME that can be indexed and can be embedded within a tab to provide generic duplicate messaging across multiple web pages."2018 年，谷歌成功地将内容编入索引。iFRAME 仅通过此网页链接。它已被找到并编入索引。
在 2021 年期间，Google 未将内容编入索引。iframe 内容不再编入索引。
12. iFrame 禁止机器人选项卡
标签名称：IFRAME NINF
默认情况下，该选项卡是隐藏的，嵌入的 iFRAME 包含一个 robots 指令noindex,nofollow，该指令出现在页面加载中。
site:merj.com "A simple IFRAME with a noindex directive should not be indexed."在 2018 年期间，Google 没有将内容编入索引。
在 2021 年期间，Google 未将内容编入索引。
