在Google上启用网络故事 #
网络故事是热门“故事”格式的网络版本，可将视频、音频、图片、动画和文字融为一体，营造出动态的消费体验。借助这种直观的格式，您可以通过点按或者在不同内容之间进行滑动，按照自己的节奏进行探索。
本指南介绍了网络故事在 Google 搜索、Google 探索和 Google 图片等 Google 产品和服务中的显示方式，以及如何实现这些显示方式。
如果您是创作者，请访问 “Google 网络故事”网站，获取无需进行任何编码即可创作故事的相关资源。
下面简要介绍了如何在 Google 上启用网络故事：
- 创建网络故事。
- 确保网络故事是有效的 AMP。
- 验证元数据。
- 检查网络故事是否已编入索引。
- 遵循网络故事内容政策。
网络故事在 Google 产品和服务中的显示方式 #
注意：在各个 Google 平台中的实际呈现效果可能会有不同。
Google 探索
| Google 探索中的轮播界面：在最新版本的 Google 应用中，网络故事可在 Android 和 iOS 设备上显示在 Google 探索中（在信息流页面靠近顶部的区域显示为轮播界面）。该轮播界面已在美国、印度和巴西推出。 示例中是一个围绕生活时尚内容的网络故事轮播界面。此外，还有其他内容的轮播界面，例如美容、健身、名人、养生、娱乐和观点。 |  |
| Google 探索中的单张卡片：网络故事还可以作为单个卡片显示在 Google 探索信息流中，您可以点按浏览其中的故事。虽然此呈现功能已在 Google 探索适用的所有区域以所有适用的语言推出，但在美国、印度和巴西最有可能展示。 |  |
Google 搜索
| Google 搜索中的网格视图：网络故事可以包含在 Google 搜索中的网格视图中。当用户搜索“北京的推荐活动”时，网格视图会显示来自多个发布商的网络故事。当用户搜索特定发布商时，网格视图只会显示来自该发布商网站的网络故事。网格视图的呈现方式在美国英语版本中提供。 |  |
| 在 Google 搜索中显示为单个结果：网络故事可以在 Google 搜索中显示为单个结果。 该呈现方式适用于所有可以使用 Google 搜索的地区和 Google 搜索支持的所有语言。 |  |
Google 图片
| Google 图片：网络故事可以在 Google 图片中显示为带网络故事图标的图片。该呈现方式适用于所有可以使用 Google 搜索的地区和 Google 搜索支持的所有语言。 |  |
创建网络故事 #
网络故事本质上属于网页，必须遵循适用于发布常规网页的指南和最佳做法。您可以通过以下两种方式开始创建：
- 从众多故事编辑器工具中选择一款开始创建故事，无需进行任何编码。
- 如果您有工程方面的资源，可以使用 AMP 开始创建。为确保您的网络故事能够正常呈现，我们建议您使用 Chrome 开发者工具模拟不同的设备尺寸和格式。
为确保顺利完成相关流程，请查看创建网络故事的最佳做法。
观看视频：https://youtu.be/uzRHCXKQZY4
确保网络故事是有效的 AMP #
创作完故事后，请确保网络故事是有效的 AMP。有效的 AMP 故事是指符合各种 AMP 规范的故事。这样即可通过 AMP 缓存投放故事，确保为用户带来应有的效果和最佳体验。您可以使用以下工具确保网络故事是有效的 AMP：
- 网络故事 Google 测试工具：检查网络故事是否有效。
- 网址检查工具：检查网络故事是不是有效的 AMP，并查看网址的 Google 索引编制状态。
- AMP Linter：在开发过程中，通过命令行验证网络故事。
验证元数据 #
若要让网络故事显示在 Google 搜索或 Google 探索中，请提供必要的元数据，以便在预览中显示网络故事。
- 请参阅元数据的完整列表。
- 在网络故事 Google 测试工具中验证您的网络故事预览能否正确显示。
请注意，每个网络故事都需要包含以下字段：publisher-logo-src、poster-portrait-src、title 和 publisher。
检查网络故事是否已编入索引 #
检查 Google 搜索是否已将您的网络故事编入索引。使用网址检查工具提交单个网址或使用“网页索引编制”报告或站点地图报告查看状态。 如果您的网络故事未编入索引：
- 为了方便 Google 发现您的网络故事，请在您的网站上添加指向相应网络故事的链接，或者将相应网络故事的网址添加到您的站点地图。
- 所有网络故事都必须是规范网页。确保每个网络故事都有自己的 link rel=”canonical”。例如：<link rel=”canonical” href=”https://www.example.com/url/to/webstory.html”>
注意：如果同一个故事有多个语言版本，请务必告知 Google 本地化版本。
- 检查并确保您未通过 robot.txt 或 noindex 标记禁止 Googlebot 访问相应网络故事网址。
创建网络故事的最佳做法 #
为了持续吸引您的读者，请遵循创建网络故事的最佳做法。我们建议您先专注于完成关键任务。如果您有更多时间，还可以遵循推荐的最佳做法。
故事讲述 #
| 关键的故事讲述最佳做法 | |
|---|---|
| 视频优先 | 视频比文字或图片更吸引人。尽可能多地使用视频，并使用图片和文字作为补充。 |
更多故事讲述最佳做法 #
| 推荐的故事讲述最佳做法 | |
|---|---|
| 提出您的观点 | 不要局限于事实。分享您的看法。成为您自己的故事的主角。让故事能够引起共鸣。 |
| 有叙事弧 | 在故事的各个网页之间制造悬念。通过提供背景信息和叙事内容，引导用户阅读故事。向坚持读完作品的读者提供回报。 |
设计 #
| 关键的设计最佳做法 | |
|---|---|
| 减少字符数 | 避免包含多个文字过多的网页。考虑将文字数量减少到每个网页约 280 个字符（Twitter 微博的长度）。 |
| 不要遮挡文字 | 确保文字未被网页中的其他内容遮挡。避免使用烧入文字，这样可以防止文字在调整大小以便适应不同的设备尺寸时被其他内容遮挡。 |
| 让文字始终在界限内显示 | 确保读者能够看到网络故事中的所有文字。避免使用烧入文字，这样可以防止文字在调整大小以便适应不同的设备尺寸时溢出容器边缘。 |
| 谨慎使用动画 | 利用动画让故事跃然纸上。避免使用可能会导致用户疲劳的分散注意力或重复性的动画。 |
更多设计最佳做法 #
| 推荐的设计最佳做法 | |
|---|---|
| 使用网络故事专用的号召性用语 | 在重新创作最初针对某个社交平台（例如 Instagram、Snapchat 或 YouTube）创作的故事时，请务必移除所有针对特定平台的读者号召性用语。确保用户能够按照您的网络故事中推荐的任何措施操作。 |
| 使用全出血视频和图片 | 在故事中添加全出血素材资源，为读者打造沉浸感更强的体验。 |
| 避免使用低分辨率或失真的图片和视频 | 使用高画质图片，并在重新调整图片大小以适应纵向模式时保持谨慎。 |
| 向封面页添加徽标 | 添加代表您品牌的高分辨率徽标。 |
| 缩短视频时长 | 我们建议每个网页包含的视频长度不超过 15 秒，或最多 60 秒。 |
| 添加音频 | 使用时长至少为 5 秒且音量均衡的高品质音频剪辑，并确保用户能够听到语音内容。 |
| 考虑针对仅含视频的故事使用自动播放功能 | 基于视频的网络故事自动播放体验可能适合营造悠闲的体验。 |
搜索引擎优化 (SEO) #
| 关键的 SEO 最佳做法 | |
|---|---|
| 提供高品质的内容 | 与任何网页一样，为读者提供实用且有趣的高品质内容是您可以做的最重要的工作。请添加完整的叙事内容，并遵循故事讲述最佳做法以持续吸引您的读者。 |
| 标题保持较短的长度 | 标题保持少于 90 个字符的长度。我们建议您使用少于 70 个字符的描述性标题。 |
| 确保 Google 搜索可以找到您的故事 | 不要在故事中添加 noindex 属性；该属性会阻止 Google 将相应网页编入索引，并阻止其显示在 Google 中。此外，请将网络故事添加到您的站点地图中。您可以使用 Search Console 中的“索引涵盖范围”报告和“站点地图”报告查看 Google 能否找到您的网络故事。 |
| 让故事自身即是规范网页 | 所有网络故事都必须是规范网页。确保每个网络故事都有自己的 link rel=”canonical”。例如：<link rel=”canonical” href=”https:/
|
| 附加元数据 | 确保您的网络故事遵循 AMP 故事元数据指南。添加您通常在网页中添加的标记，例如：
|
更多 SEO 最佳做法 #
| 推荐的 SEO 最佳做法 | |
|---|---|
| 添加结构化数据 | 我们建议您在网络故事中添加结构化数据，帮助 Google 搜索了解您的网络故事的结构和内容。 |
| 在图片中添加替代文本 | 建议您在图片中添加替代文本，以便让您的故事更容易被发现。 |
| 将故事集成到您的网站中 | 我们建议您将网络故事集成到您的网站中，例如从您的首页或类别页面（如果适用）链接到您的网络故事。例如，如果您的网络故事以某个旅游目的地为主题，并且您的一个网页中列出了您的所有旅游类文章，那么您也可以在该类别页面中添加指向此网络故事的链接。使用 www.example.com/stories 等其他专用着陆页（可从首页等关键网页链接到此类着陆页）或许也能奏效。 您无需在网络故事的网址中指明其采用网络故事格式或 AMP 故事技术。理想情况下，您的网络故事会集成在更广泛的网址策略中。 例如，如果您的 “New York Travel” 文章使用的是 “/new-york/travel/title-of-article.html” 等格式，则可以考虑为您的网络故事使用完全相同的目录结构和网址格式。 |
| 使用 AMP 故事网页附加内容 | AMP 故事网页附加内容可用于在您的网络故事旁边显示其他信息。这有助于为您的网络故事中所呈现的内容提供额外的详细信息、深入探讨或后续历程。 |
| 在视频中添加字幕 | 在视频中添加字幕，帮助读者更好地理解您的故事。避免使用烧入视频中的字幕，以确保字幕不会与其他内容重叠或溢出屏幕边缘。 |
| 优化仅包含视频的故事 | 我们建议您使用语义 HTML 制作网络故事。不过，某些网络故事编辑器工具可能会导出将每张幻灯片的格式都设为视频文件（将所有文字都烧入视频）的故事。在这种情况下，我们建议您将视频内部显示的确切文字作为 amp-video 元素的 title 属性进行添加。同样，只有在您无法在网络故事中使用语义标记时才可以这样操作。 |
| 添加对横向显示屏的支持 | 若要让网络故事能够显示在桌面版 Google 搜索结果中，请添加对横向显示屏的支持。 |
技术 #
| 关键的技术最佳做法 | |
|---|---|
| 让网络故事成为有效网页 | 网络故事必须是有效的 AMP 网页。为避免出现无效 AMP 问题，请使用 AMP 验证器工具测试您的故事，并修复检测到的所有错误。 |
| 不要将文字添加到海报图片中 | 避免使用包含烧入文字的图片，因为这样可能会在用户在 Google 搜索中预览您的故事时遮挡故事标题。如果无法清晰地阅读标题，用户继续阅读的可能性就会降低。 |
| 设置合适的海报图片大小和宽高比 | 确保与 <amp-story> poster-portrait-src 属性相关联的图片至少为 640×853 像素，并使用 3:4 的宽高比。 |
| 为徽标添加合适的宽高比 | 确保与 <amp-story> publisher-logo-src 属性相关联的徽标图片至少为 96×96 像素，并且宽高比为 1:1。 |
更多技术最佳做法 #
| 推荐的技术最佳做法 | |
|---|---|
| 添加 og:image | 我们建议在 <meta> 标记中添加 og:image，以便让您的故事更容易被发现。 |
其他资源 #
- Google 网站中的网络故事：以创作者为中心的网络故事制作资源。
- 在 Google 搜索上启用网络故事：面向开发者的指南，其中介绍了如何制作网络故事，使其符合在 Google 搜索中显示需要遵循的技术指南。
- AMP 故事网站：以开发者为中心的网络故事格式功能。
- 网络无障碍功能：关于如何确保网络故事可供所有用户访问的提示。
- 结构化数据指南：详细介绍如何添加结构化数据，帮助 Google 搜索理解您的内容。
Google网络故事内容政策 #
网络故事必须符合 Google 探索政策和 Google Search Essentials 的要求，才能在 Google 探索和 Google 搜索中显示为单个结果。网络故事必须符合以下附加内容政策的要求，才能在 Google 产品和服务中以更丰富的体验（例如，Google 搜索中的网格视图、Google 图片和 Google 探索中的轮播界面）显示。如果严重违反网络故事内容政策，网站可能会永久停止在 Google 产品和服务中以更丰富的体验显示。
受版权保护的内容 #
我们不允许发布侵犯他人版权的网络故事。网络故事旨在反映原创作品，因此除非您已获得许可，否则我们不允许您发布包含他人的受版权保护作品的网络故事。对于获得相关权利以让您的网络故事显示在 Google 产品和服务中，Google 不承担任何义务或责任。如果您的网络故事侵犯他人的版权，我们可能会阻止其显示出来。如需了解详情，请参阅我们的版权程序。
文字过多的网络故事 #
我们不允许发布文字过多的网络故事。如果大多数网页包含的文字内容都超过 180 个字符，网络故事就可能不符合要求。建议尽量使用短小的视频（每个网页低于 60 秒）。
低画质素材资源 #
我们不允许发布因所含图片和视频素材资源经过伸展或像素化处理而导致观看者体验受到负面影响的网络故事。
缺乏叙事技巧 #
我们不允许发布网页之间没有一脉相承的主题或叙事结构的网络故事。
故事内容不完整 #
我们不允许发布内容不完整或要求用户点击链接转到其他网站或应用以获取重要信息的网络故事。
过度商业化 #
我们不允许发布以宣传某种服务或产品为唯一目标，尤其是您可能会通过用户消费您的网络故事而直接获益的网络故事。允许使用联属网络营销链接，前提是这些链接仅限于网络故事中的一小部分。可以按照故事广告指南的要求放置展示广告。 符合 Google 网页搜索网络垃圾政策的优质联属营销计划受到支持。
