Googlebot能否看到通过JavaScript加载的内容?

2018-10-31 08:55 栏目:技术学堂 查看()

如果您的客户在其网站的某些部分(在 的示例中)依赖JavaScript,那么 的工作就是尝试复制Google实际查看网页的方式。 想回答一个问题,“Google是否按照 想要的方式查看网页/网站?”

  为了更准确地描述Googlebot看到的内容, 需要尝试模仿它抓取页面的方式。

  怎么做?

  使用Google新推出的适合移动设备的测试工具

  目前,尝试复制Googlebot在网站上看到的最快,最准确的方法是使用Google的新移动友好工具。 的同事Dom最近写了一篇比较Search Console Fetch和Render,Googlebot以及移动友好工具的深度帖子。他的发现是,大多数时候,Googlebot和移动友好工具产生了相同的输出。

  在Google的移动友好工具中,只需输入您的网址,点击“运行测试”,然后在测试完成后,点击窗口右侧的“源代码”。您可以获取该代码并搜索任何页面内容(标题标签,规范等)或链接。如果他们出现在这里,谷歌很可能会看到内容。

  在Google中搜索可见内容

  感觉检查总是好的。检查GoogleBot是否已在您网页上编入内容的另一种快速方法是,只需在您的网页上选择可见文字,然后创建网站:在Google中搜索包含所述文字的引文。

  在 的示例中,页面上有可见文本,内容为......

  “无论您是从事营销,业务开发还是IT,您都会感到紧迫感。或者可能是机遇?”

  当 建立网站时:搜索这个确切的短语,对于这个确切的页面, 什么都得不到。这意味着Google尚未对内容编制索引。

  用工具爬行

  大多数抓取工具都具有现在抓取JavaScript的功能。例如,在Screaming Frog中,您可以前往配置> spider> rendering>然后从下拉列表中选择“JavaScript”并点击保存。DeepCrawl和SiteBulb也都具有此功能。

  在此处,您可以输入您的域/ URL,并在您选择的工具完成抓取后查看呈现的页面/代码。

  例:

  在尝试回答此问题时, 首选的是首先将域名输入Google的移动友好工具,复制源代码,然后搜索重要的页面元素(想想标题标签,

  ,正文副本等)使用像diff checker这样的工具将渲染的HTML与原始HTML进行比较也很有帮助(Screaming Frog也有一个可以并排执行此功能的功能)。

  对于 的示例,以下是移动友好工具的输出显示给 的内容。

  经过几次搜索后,很明显这里缺少重要的页面元素。

  还进行了第二次测试,并确认Google未对此页面上的正文内容编制索引。

  这一点的含义是Googlebot没有按照 想要的方式看到 的内容,这是一个问题。

  让 跳过去,看看 可以推荐客户端

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

郑重申明:西恩网络以外的任何单位或个人,不得使用该案例作为工作成功展示!