Return to site

网站seo|seo搜索引擎优化-JavaScript和SEO所需的最低可行知识

网站seo

· seo优化

如果你的工作涉及某种程度上的搜索引擎优化,你很可能会听到越来越多关于JavaScript及其对爬行和索引的影响。坦率地说,Googlebot正在努力解决这个问题,许多网站利用现代JavaScript来加载关键内容。因此,我们需要有能力在讨论这个主题时进行讨论,以便有效。

这篇文章的目标是为您提供所需的最低可行知识。这篇文章不会详细介绍细节,描述历史,或者给出关于细节的极端细节。有很多令人难以置信的报道已经做到了这一点 - 如果你有兴趣深入潜水,我建议给他们一个阅读(我会链接到我最喜欢的底部)。

为了成为JavaScript和SEO优化主题的有效顾问,我们需要回答三个问题:

  1. 有问题的域/页面是否依赖客户端JavaScript来加载/更改页面内容或链接?
  2. 如果是,Googlebot是否正确看到通过JavaScript加载的内容?
  3. 如果没有,什么是理想的解决方案?

通过快速搜索,我能够找到三个利用JavaScript加载关键内容的目标网页示例。

我将通过每个谈话要点使用Sitecore的Symposium登陆页面来说明如何回答上述问题。

我们将首先介绍“我该如何做”这一方面,最后我将扩展一些核心概念并链接到更多资源。

问题1:相关域是否依赖客户端JavaScript来加载/更改页面内容或链接?

诊断涉及JavaScript的任何问题的第一步是检查域是否使用它来加载可能影响SEO(页面内容或链接)的关键内容。理想情况下,只要您获得新客户(在初始技术审核期间),或者您的客户重新设计/启动网站seo的新功能,就会发生这种情况。

我们该怎么做呢?

问客户

问你应接受!但是,严肃地说,作为顾问,您可以做的最快/最简单的事情之一是联系您的POC(或帐户上的开发人员)并询问他们。毕竟,这些是每天在网站上工作的人!

“嗨[客户],我们目前正在网站上进行技术扫描。我们检查的一件事是,是否有任何关键内容(链接,页面内容)通过JavaScript加载。我们会做一些手动测试,但要确认这一点很容易!你(或团队)可以回答以下问题吗? 
1.我们是否使用客户端JavaScript加载重要内容? 
2.如果是,我们是否可以获得通过JavaScript加载的内容/内容的项目符号列表?“ 手动检查

即使在拥有数百万页的大型电子商务网站上,通常也只有少数重要的页面模板。根据我的经验,手动检查最多只需要一个小时。我使用Chrome Web Developers插件,从那里禁用JavaScript,并手动检查网站的重要模板(主页,类别页面,产品页面,博客文章等)

在上面的示例中,一旦我们关闭JavaScript并重新加载页面,我们就可以看到我们正在查看空白页面。

在您取得进展时,记下有关未加载的内容,加载错误或任何无法正常工作的内部链接的注释。

在此步骤结束时,我们应该知道相关域是否依赖于JavaScript来加载/更改页面内容或链接。如果答案是肯定的,我们也应该知道这种情况发生的位置(主页,类别页面,特定模块等)

爬行

您还可以在关闭JavaScript渲染的情况下抓取站点(使用Screaming Frog或Sitebulb等工具),然后在启用JavaScript的情况下运行相同的爬网,并将差异与内部链接和页面元素进行比较。

例如,当您在关闭JavaScript渲染的情况下抓取网站时,可能不会显示标题标记。在我看来,这将触发一个动作,在JavaScript渲染打开的情况下抓取网站以查看标题标签是否确实出现(以及手动检查)。

对于我们的例子,我继续进行手动检查。从下面的屏幕截图中我们可以看到,当我们禁用JavaScript时,内容不会加载。

换句话说,我们对这个页面的第一个问题的答案是“是的,JavaScript被用于加载网站的关键部分。”

问题2:如果是,Googlebot是否正确看到通过JavaScript加载的内容?

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

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

我们怎么做?

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

目前,尝试复制Googlebot在网站上看到的最快,最准确的方法是使用Google的新移动友好工具。大多数时候,Googlebot和移动友好工具产生了相同的输出。

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

在Google中搜索可见内容

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

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

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

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

用工具爬行

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

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

例:

在尝试回答此问题时,我首选的是首先将域名输入Google的移动友好工具,复制源代码,然后搜索重要的页面元素(想想标题标签,<h1>,正文副本等)使用像diff checker这样的工具将渲染的HTML与原始HTML进行比较也很有帮助(Screaming Frog也有一个可以并排执行此功能的功能)。

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

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

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

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

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

问题3:如果我们确信Googlebot没有正确看到我们的内容,我们应该推荐什么?

现在我们知道该域名正在使用JavaScript加载重要内容,而且我们知道Googlebot很可能没有看到该内容,最后一步是向客户推荐一个理想的解决方案。关键词:推荐,不实施。我们100%的工作是将问题标记给我们的客户,解释为什么它很重要(以及可能的影响),并强调理想的解决方案。尝试开发人员用他们独特的堆栈/资源等来找出理想的解决方案是不是我们的工作。

我们怎么做?

您想要服务器端呈现

谷歌目前无法看到Sitecore的登陆页面的主要原因是因为Sitecore的登陆页面要求用户(我们,Googlebot)在他们的页面上加载JavaScript的繁重工作。换句话说,他们正在使用客户端JavaScript。

Googlebot实际上是在页面上登陆,试图尽可能地执行JavaScript,然后在它有机会看到任何内容之前需要离开。

这里的解决方法是在其服务器上加载Sitecore的登录页面换句话说,我们希望从Googlebot中解脱出来,并将其放在Sitecore的服务器上。这将确保当Googlebot进入该页面时,它不必进行任何繁重的工作,而是可以抓取呈现的HTML。

在这种情况下,Googlebot登陆页面并已经看到HTML(以及所有内容)。

有更多特定选项(如同构设置)

这是它在杂草中的一点点,但有混合解决方案。目前最好的一个被称为同构。

在此模型中,我们要求客户端在其服务器上加载第一个请求,然后将任何将来的请求作为客户端。

因此Googlebot进入该页面,客户端的服务器已经执行了页面所需的初始JavaScript,将呈现的HTML发送到浏览器,之后的任何内容都在客户端完成。

AJAX抓取=没有去

我不会详细介绍这一点,但只是知道谷歌之前的JavaScript AJAX抓取解决方案已经停止使用,最终无法使用。我们不应该推荐这种方法。

概要

冒着严重过度简化的风险,这是您在2018年开始使用JavaScript和SEO时需要做的事情:

  1. 了解客户端的域何时/何地使用客户端JavaScript加载页面内容或链接。
    1. 问问开发者。
    2. 关闭JavaScript并按页面模板进行一些手动测试。
    3. 使用JavaScript抓取工具进行抓取。
  2. 检查GoogleBot是否按照我们想要的方式查看内容。
    1. Google的移动友好检查程序。
    2. 做网站:在页面上搜索可见内容。
    3. 使用JavaScript抓取工具进行抓取。
  3. 给客户一个理想的建议。
    1. 服务器端呈现。
    2. 混合解决方案(同构)。
    3. 不是AJAX爬行。

seo报价:本地化杭州seo嘉兴seo绍兴seo可以上门服务

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly