发送反馈
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
创建网络故事的最佳做法
为了持续吸引您的读者,请遵循创建网络故事 的最佳做法。我们建议您先专注于完成关键任务。如果您有更多时间,还可以遵循推荐的最佳做法。
故事讲述
关键的故事讲述最佳做法
视频优先
视频比文字或图片更吸引人。尽可能多地使用视频,并使用图片和文字作为补充。
更多故事讲述最佳做法
推荐的故事讲述最佳做法
提出您的观点
不要局限于事实。分享您的看法。成为您自己的故事的主角。让故事能够引起共鸣。
有叙事弧
在故事的各个网页之间制造悬念。通过提供背景信息和叙事内容,引导用户阅读故事。向坚持读完作品的读者提供回报。
设计
关键的设计最佳做法
减少字符数
避免包含多个文字过多的网页。考虑将文字数量减少到每个网页约 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://www.example.com/url/to/webstory.html">
附加元数据
确保您的网络故事遵循 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
属性相关联的图片至少为 640x853 像素,并使用 3:4 的宽高比。
为徽标添加合适的宽高比
确保与 <amp-story> publisher-logo-src
属性相关联的徽标图片至少为 96x96 像素,并且宽高比为 1:1。
更多技术最佳做法
推荐的技术最佳做法
添加 og:image
我们建议在 <meta>
标记中添加 og:image
,以便让您的故事更容易被发现。
其他资源
发送反馈
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可 获得了许可,并且代码示例已根据 Apache 2.0 许可 获得了许可。有关详情,请参阅 Google 开发者网站政策 。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-03-22。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
需要向我们提供更多信息?
{
"last_modified": "最后更新时间 (UTC):2024-03-22。",
"state": ""
}