Return to site

最低必要的知识 , 你需要使用 JavaScript 今天 & SEO

· seo优化

如果你的 SEO 工作包括在某些层面上 , 你最可能听到越来越多关于 JavaScript , 它的抓取和索引。坦白说 , 记住与它斗争 , 许多网站利用现代 JavaScript 加载到今天在关键内容。因此 , 我们需要被配备来讨论这一话题时才能有效工作。

这个岗位的目标 , 为您提供最低必要的知识。本帖不介绍具体细节 , 描述 , 或者给你最详细的细节。有很多令人难以置信的写作 , 已经这么做了 — — 我建议给他们阅读 , 如果你有兴趣我下潜 (链接至我的收藏夹在底部) 。

为了进行有效的顾问说到的主题和 SEO 的 JavaScript , 我们需要能够回答三个问题 :

  1. 这个域 / 页面的依靠客户端 JavaScript 加载 / 改变页面的内容或链接呢 ?
  2. 如果是的 , 是记住看到的内容的加载在通过 JavaScript 正确吗 ?
  3. 如果不是 , 什么是理想溶液 ?

一些具有快速搜索 , 我找到三个着陆页的实例 , 使用 JavaScript 来在负载关键的内容。

  • sitecore 研讨会页面
  • Hulu 的着陆页的 “路径”
  • L ’Or é al 的主页

我打算使用 sitecore 研讨会登陆页面通过这些谈话要点如何回答上述问题。

我们将在 “我如何做这个“ 第一方面 , 最后我将延伸对几个核心概念和链接到其他资源。

问题 1 : 所述域中的客户端 JavaScript 加载 / 改变页面的内容或链接呢 ?

第一步骤涉及 JavaScript 来诊断任何问题是检查域使用它加载在至关重要的内容可能影响 SEO 内容 ( 页面或链接) 。理想地 , 这将发生在你新的客户端 (在初始技术审核) , 或在您的客户端 / 重新发布新网站的功能。

我们要怎样做呢 ?

询问客户

问 , 都归你 !不过说实在的 , 最快 / 最容易的一个事情 , 一个是顾问联系您 ( 或开发人员对 PoC 的账户 , 并请他们。毕竟 , 他们是在网站上每天 !

[ 客户端 ] "嗨 , 我们目前做的扫描技术。我们如果任何内容检查是至关重要的 (链接、页面的内容 ) 加载在经由 JavaScript 。我们会做一些手工测试 , 但容易的方式来确认这一点 , 是问 !你能不能 ( 或团队 ) 回答完了以后 , 好吗 ?

1.我们使用客户端 JavaScript 加载在重要内容 ?
2.如果是的 , 我们可以得到的列表的内容是什么 ? 是在经由加载 JavaScript ? ”

手动检查

即使在大型电子商务网站的数百万网页 , 通常只使用少数几个重要页面模板。在我的经验 , 应该只需要一个小时来手动检查。我使用的Chrome 插件的开发者禁用 JavaScript , 从那里 , 模板和手工检查重要的网站 ( 首页 , 分类页 , 产品页、博客等 )

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

一有进步 , 记下笔记内容还没被加载 , 在加载错误 , 任何内部链接 , 或工作不正常。

在该步骤结束时 , 我们应该知道如果所述域中依赖于 JavaScript 加载 / 改变页面的内容或链接。如果答案是肯定的 , 我们也应该知道这 ( 首页 , 分类页 , 特定模块等) 。

爬行

你还可以爬的场地 ( 像青蛙 ) 与 sitebulb 尖叫或 JavaScript 渲染关闭 , 然后运行同一个抓取 JavaScript , 和具有内部链接和页面元素。

例如 , 可能是当你的网站爬行的 JavaScript 渲染关闭 , 在标题标签中不出现。我认为这将引发动作的站点进行爬行与 JavaScript 渲染以查看是否出现在标题标签 (如手动检查) 。

实例

在我们的例子中 , 我继续做人工检查。我们可以从下面截屏中看到 , 当我们禁用了 JavaScript , 内容无法加载。

换句话说 , 在回答第一个问题是这个页面“是的 , JavaScript 被用于负载的关键部分。”

问题 2 : 如果是的 , 是记住看到的内容的加载在通过 JavaScript 正确吗 ?

如果你的客户正依赖 JavaScript 来开发研究网站 ( 在本例中 ) 它们 , 我们的工作是试图复制谷歌如何进行实际看到的页面。我们要解决这个问题 , “Google 网站看到这一页 / 我们的意愿 ?”

为了获得更精确的描绘 Googlebot 是看到什么 , 我们需要试图模仿其抓取的页面。

我们该怎么做呢 ?

使用谷歌新推出的环保测试工装

目前 , 最快捷、最准确方式尝试记住什么是网站上看到的是通过使用谷歌新推出的友好工具。我的同事DOM 最近写了一篇颇有深度的帖子比较搜索和获取控制台渲染 , 爬虫 , 友善和移动工具。他的发现是 , 大多数时候 , 该移动工具和谷歌蜘蛛友好导致相同的输出。

在谷歌 “移动友好的工具 , 只要输入你的网址 , 点击“ 运行测试 ”, 然后在测试完成后 , 单击“ 源编码 ”窗口的右侧。可以利用任何代码并搜索页面的内容 (标题 canonicals 等。 )或联系。如果他们出现这里 , Google 最可能看到的内容。

可见谷歌在搜索的内容

它总是好的感官检查。另一个快速地检查是否已经对爬虫索引内容页面是通过简单地选择可见文本页面 , 并且做一个网站 : 它在 Google 搜索用于与围绕所述文本。

在我们的示例可视文本的网页 …

"无论你是从事营销、业务发展,或它,你感受到了一种紧迫感。或也许机会?"

当我们做一个网站 , 查找此短语 , 因为这种精确的页面 , 我们什么也得不到。这意味着 Google 索引的内容。

爬行工具

大多数工具具有爬行爬行功能的 JavaScript 。例如 , 在青蛙惨叫你可以到蜘蛛头配置 > > > 然后选择渲染 “JavaScript” 从下拉菜单 , 点击保存按钮。deepcrawl和sitebulb具有这个特征。

从这儿你可以输入你的域名 / URL 并看到所呈现的页面代码 / 一旦工具的选择已完成爬网。

示例 :

当试图回答这个问题 , 我的选择是通过输入域开始到谷歌的友好工具移动 , 同时复制原始码 , 并搜索重要页面元素 ( 标题标签 < H1 > 、主体部分等) 。但使用这样的工具差分检测器比较了 HTML , HTML 呈现原始尖叫 (青蛙还有一个功能 , 你可以这样做) 。

例如 , 这里的输出表示用户友好工具移动。

经过几次搜索 , 页面元素是重要的。

在第二测试和证实 , Google 索引的主体内容中找到这个页面上。

言下之意 , 没有看到我们的内容记住了我们的意愿 , 这是一个问题。

让我们跳跃前进 , 看看有什么我们可以推荐客户。

问题 3 : 如果我们坚信谷歌蜘蛛没有看到我们的内容 , 我们建议应该怎么处理 ?

现在我们知道的是 , 使用 JavaScript 加载域的重要内容 , 我们知道谷歌蜘蛛是最不可能看到该内容后 , 最后一步是推荐客户的理想解决方案。关键词 :推荐、尚未实现。这是 100% 我们就必须为标志的问题 , 是很重要的 (以及可能的影响) , 理想的解决方案。它是 100% 不做开发商的工作 , 即指出的方案有其独特的资源 / / 堆栈等。

我们该怎么做呢 ?

你想要的服务器侧渲染

主要原因是谷歌看不到 sitecore 的着陆页的 , 就是因为 sitecore 的着陆页被询问的用户 (US 、 Googlebot) 而工作的加载 JavaScript 的页面。换句话说 , 它们是利用客户端侧 JavaScript 。

Googlebot 是着陆页面上 , 试图尽可能最好地执行 JavaScript , 那么需要离开前就见任何内容。

解决之道是要代替 sitecore 的着陆页已经加载在自己的服务器上。换句话说 , 我们要采取繁重的爬虫 , 并把它放在 sitecore 的服务器。这将确保当 Googlebot 的页面 , 它不必做任何繁重的工作 , 而是可以渲染的 HTML 。

在这种情况下 , 对土地和 Googlebot 已经看到的 HTML 页面 (与所有内容) 。

更多选项 ( 具体设置像同构 (英文)

这是它是一个位在草丛中 , 但混合动力解决方案。最好的时刻被称为同构。

在该模型中 , 我们要求的第一客户端请求的服务器 , 任何将来的请求的客户端。

这样的网页爬虫、客户端服务器已经执行了初始 JavaScript 的页面 , 发送所呈现的 HTML 浏览器 ; 如果在客户端侧。

如果你想要这个推荐的解决方案 , 请阅读本文来自 Airbnb 团队覆盖设置在同构。

Ajax 爬行没有 = 去

我不会详细报道 , 但只是知道谷歌此前的 Ajax 爬行溶液JavaScript 已经被中止并且将不工作。我们不推荐这种方法。

( 不过 , 我很想听任何个案都实现这种解决方案。谷歌的回应是怎样的 ?此外 ,这里写了从我的同事 Rob.)

摘要

在风险严重的简单化 , 这就是你所需要做的工作 , 并在 2018 年 SEO JavaScript :

  1. 你知道 , 当客户机 / 域的使用客户端 JavaScript 加载在页面的内容或链接。
    1. 问开发商。
    2. 关闭 JavaScript 和做一些手工测试的页面模板。
    3. 使用 JavaScript 爬虫爬行。
  2. 检查内容是看记住我们想让它。
    1. 谷歌 “移动友好的收银员。
    2. 做一个网站 : 搜索在页面上的可视内容。
    3. 使用 JavaScript 爬虫爬行。
  3. 理想的建议给到客户。
    1. 服务器侧渲染。
    2. 混合解决方案 (同构) 。
    3. 不是 Ajax 爬行。
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