谷歌SEO教程 2023年04月16日
0 收藏 0 点赞 1,126 浏览 891 个字

推迟加载非关键性内容或不可见内容(通常也称为“延迟加载”)是一种常见的用于提升性能和用户体验的最佳实践。要了解详情,请参阅“网站开发基础”网站上与延迟加载图片和视频相关的指南。但是,如果实现不当,此技术可能会在无意中使内容对 Google 不可见。本文档介绍了如何确保 Google 可以抓取延迟加载的内容并将其编入索引。

若要确保 Google 能看到您网页上的所有内容,请确保每当相关内容在视口中可见时,您的延迟加载实现策略便会加载所有这些内容。下面几个示例说明了如何实现上述目的:

  • 原生延迟加载图片和 iframe
  • IntersectionObserver API 和 polyfill
  • 支持在数据进入视口时加载数据的 JavaScript 库

请务必测试您的实现效果。

如果要实现无限滚动体验,请务必支持分页加载。分页加载对用户很重要,因为它允许用户分享您的内容并与之再次互动。此外,通过分页加载,Google 可以显示指向内容中特定位置(而不是无限滚动页面顶部)的链接。

若要支持分页加载,请为每个部分提供唯一的链接,便于用户直接分享和加载。我们建议在动态加载内容时使用 History API 来更新网址。

配置好实现策略后,请确保该策略能够正常运行。一种方法是使用 Puppeteer 脚本在本地测试实现效果。Puppeteer 是一个控制无头 Chrome 的 Node.js 库。要运行此脚本,您需要 Node.js。请使用以下命令检出并运行此脚本:

git clone https://github.com/GoogleChromeLabs/puppeteer-examples
cd puppeteer-examples
npm i
node lazyimages_without_scroll_events.js -h

运行此脚本后,请手动查看其创建的屏幕截图,以确保截图中包含您希望能被 Google 看到且编入索引的所有内容。

您还可以使用 Search Console 中的网址检查工具查看系统是否已加载所有图片。请检查屏幕截图和所呈现的 HTML,确保系统加载了您的图片。

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/gugeseo/2611.html

相关推荐
谷歌SEO教程第97篇—Google 图片中的图片元数据
指定图片元数据后,Google 图片可以显示有关图片的更多详细信息,例如创作者是谁、用户可以如何使用图片以及版权归属信息。例如,提供许可信息…
日期:2023-07-27 点赞:0 阅读:367
谷歌SEO教程第96篇—HowTo (HowTo) 结构化数据
请使用 HowTo 结构化数据明确告诉 Google 您的内容是 HowTo 内容。HowTo 内容旨在引导用户通过一系列步骤成功完成某项任…
日期:2023-07-27 点赞:0 阅读:329
谷歌SEO教程第95篇—居家活动 (VirtualLocation) 结构化数据
为了帮助用户发现可在家中参与的活动,您可以在自己的线上活动和视频网页中添加结构化数据。当用户搜索可在家中参与的活动时,相关视频和线上活动便会…
日期:2023-07-26 点赞:0 阅读:337
谷歌SEO教程第94篇—FAQ(FAQPage、Question、Answer)结构化数据
常见问题解答 (FAQ) 页包含一系列有关特定主题的问题和答案。如果您正确标记了 FAQ 页,它们可能会在 Google 搜索中显示为富媒体…
日期:2023-07-26 点赞:0 阅读:388
谷歌SEO教程第93篇—事实核查 (ClaimReview) 结构化数据
如果您的某个网页会对他人的声明进行审核,您可以在该网页中添加 ClaimReview 结构化数据。使用 ClaimReview 结构化数据后…
日期:2023-07-26 点赞:0 阅读:294
谷歌SEO教程第92篇—活动 (Event) 结构化数据
我们添加了几个可选属性:organizer、eventStatus、eventAttendanceMode 和 previousStartD…
日期:2023-07-26 点赞:0 阅读:476
发表评论
暂无评论

还没有评论呢,快来抢沙发~