如何通过6个步骤诊断和解决JavaScript SEO问题
技术SEO | 高级SEO
作者的观点完全是他或她自己的观点（不包括不太可能发生的催眠事件），并且可能并不总是反映出Moz的观点。
公司使用现代JavaScript框架和React，Angular或Vue等库来构建网站是相当普遍的。现在很明显，网络已经从简单的HTML转移到了JS的九游会ag登录j9。

尽管企业主可以采用多种水平并还不能是什么不平淡无奇地方，但各位所需处理某些市场需求的严肃虚幻：通常数JavaScript结构的转至都还不能顾虑到移动用户或无机人流量。 人们被称为JavaScript谬论：

在听到有关JavaScript框架创建令人惊叹的用户体验的所有嗡嗡声后，大品牌跳上了JavaScript炒作列车。
现实揭示了JavaScript框架非常复杂。
大品牌完全将迁移转移到JavaScript。他们失去了有机交通，往往不得不偷工减料，而不是为用户创造这个惊人的用户体验之旅（我将在本文中提到一些例子）。
由于没有回头路，SEO需要学习如何处理JavaScript网站。

但这说起来容易做起来难，因为在搜索引擎中使JavaScript网站成功对开发人员和SEO来说都是一个真正的挑战。

这段话目的身为我逐步的JavaScript SEO致命格斗规程的事后介绍，以及它目的尽或许比较容易地符合。所以说，给自行来杯速溶咖啡，我不想们玩得欢乐 - 在等你有五个步奏来有所帮助您测试和克服JavaScript SEO状况。

第1步：使用网址检查工具查看Google是否可以呈现您的内容
网址检查工具（以前称为Google Fetch and Render）是一款出色的免费工具，可让您检查Google是否可以正确呈现您的网页。

网扯全面检查方法耍求您将公众号接到Google Search Console。若果您是没有个人帐户，请查验Google的帮忙网站。 另存Google Search Console，如果点开网站九游会ag登录j9排查按健。   在“URL表格样式”数据类型中，键入要核查的窗口的全部URL。 其次单击TEST LIVE URL。

测试完成后，单击VIEW TESTED PAGE。

 

最后，单击“屏幕截图”选项卡以查看呈现的页面。

向下滚动屏幕截图以确保您的网页正确呈现。问自己以下问题：

主要内容是否可见？
谷歌可以看到用户生成的评论吗？
Google可以访问类似文章和产品的区域吗？
Google能否看到您网页的其他重要元素？

为什么说样的触摸屏截屏看下来和在访问 器中见到的不同的？一些也是些可能的缘由：

Google在渲染时遇到了超时。
渲染时发生了一些错误。您可能使用了Google Web渲染服务不支持的一些功能（Google使用已有四年历史的Chrome 41进行网络渲染，但不支持许多现代功能）。
您屏蔽了Googlebot的重要JavaScript文件。
第2步：确保您没有错误地阻止JavaScript文件
如果Google无法正常呈现您的网页，您应该确保没有在robots.txt中阻止Googlebot的重要JavaScript文件

TL; DR：啥是robots.txt？ 这些是有一个纯文本文档文档，显示Googlebot或一点任何收指数擎广州POS机人会不会不可以他俩ajax请求新页面/九游会ag登录j9。 极其幸运的是，URL查用具所述了robots.txt阻拦的表现界面的大多数信息。

但是，如何从渲染的角度判断被阻止的资源是否重要？

您有几个选择项：基本上和高层。

基本
在大多数情况下，简单地向开发人员询问它可能是一个好主意。他们创建了您的网站，所以他们应该很清楚。

很明显，假如按键小精灵的称呼被是指content.js或productListing.js，它可以是有关系的，不应有被屏蔽。 不小心的是，就近年衡量，URL查看是不会通知格式您关以被阻挠的JS文件下载的造成性。先前的Google Fetch和Render有那么九游会ag登录j9按钮：

高级
现在，我们可以使用Chrome开发者工具。

源自教育学校最终目的，我们公司将查之下URL：http：//botbenchmarking.com/youshallnotpass.html 在2016的版本的Chrome中另存该界面，其次转到Chrome定制开发者辅助工具。其次转到“网”界面卡并重置界面。 再，进行需用的信息（在公司的事件中是YouShallNotPass.js），右键单击，再进行避免恳求URL。   刷出网页页面，查验要不要有不管什么很重要游戏内容消失不见。若是 是这，这么您必须要考虑从robots.txt档案中删出某些的规定。

第3步：使用URL检查工具修复JavaScript错误
如果您看到Google Fetch和Render未正确呈现您的网页，则可能是由于呈现时发生的JavaScript错误。

要实行查看，请在“URL查看”方法中单击“较多信息内容”选择卡。

然后，向开发人员显示这些错误，让他们修复它。

JavaScript代码怎么用中只能有一个问题也可以进行为Google显现出，这反上下颠倒会使您的网 始终无法 改变。 您的网站下载已经在比较近的网页器中常规运转，但如若它在旧网页器中游戏崩溃（Google Web渲图服务的立于Chrome 41），您的Google排明已经会骤降。 需用一下举例说明吗？

官方Angular文档中的一个错误导致Google无法呈现我们的测试Angular网站。
曾几何时，谷歌取消了Angular 2+的官方网站Angular.io的一些页面。
如果你想知道它为什么会发生，请阅读我的JavaScript SEO终极指南。

还有：若是随着某一因为您没时间安全用URL全面检查方法来校准JavaScript系统错误，则行安全用Chrome 41。 就各人一般说来，我更最爱实用Chrome 41参与调测，而且它更万能，并给出最大的灵巧性。其实，URL定期检查交通工具在模仿Google Web渲图服务项目时更好最准确，这就为任何我推荐 某些刚沾染JavaScript SEO的人。

第4步：检查您的内容是否已在Google中编入索引
仅仅了解Google是否可以正确呈现您的网站是不够的。您必须确保Google已正确索引您的内容。最九游会ag登录j9选择是使用site：命令。

这也是一些相当比较简单的另一方面相当有力的专用工具。它的句型相当比较简单的：site：[站点的URL]“[要搜索网页的电影片段]”。请特别注意，您不会在site：和URL区间内置放分隔符。 公司举个例子您要诊断Google有无将接下来word文档目录为“在大部分平墙上发掘”，该文本在Angular.io的主页面有所表达。

在Google中键入以下命令：site：angular.io“开发所有平台”

正如你所看到的，谷歌将这些内容编入索引，这就是你想要的，但情况并非总是如此。

并带走：

尽可能使用site：命令。
检查不同的页面模板，以确保您的整个网站正常工作。不要停在一页！
如果你没事，请转到下一步。如果情况并非如此，可能有几个原因导致这种情况发生：

Google仍然没有呈现您的内容。它应该在Google访问网址后的几天/几周内发生。如果您网站的特征要求您的内容尽快编制索引，请实施SSR。
Google在呈现网页时遇到超时。你的脚本快吗？当服务器负载很高时，它们是否仍然响应？
谷歌仍在请求旧的JS文件。好吧，谷歌试图缓存很多，以节省他们的计算能力。因此，CSS和JS文件可能会被激活缓存。如果您发现自己修复了所有JavaScript错误并且Google仍无法正确呈现您的网站，则可能是因为Google使用旧的缓存JS和CSS文件。要解决此问题，您可以在文件名中嵌入版本号，例如，将其命名为bundle3424323.js。您可以在Google指南中了解有关HTTP缓存的更多信息。
在编制索引时，如果Google决定不对必要的网页内容做出贡献，则可能无法获取某些资源。

第5步：确保Google可以发现您的内部链接
您应该遵循一些简单的规则：

Google需要适当的链接来发现您网站上的网址。
如果只有当有人点击某个按钮时，您的链接才会添加到DOM中，Google就会看不到它。
很简单，很多大公司都会犯这些错误。

正确的链接结构
Googlebot为了抓取网站，需要拥有传统的“href”链接。如果没有提供，您的许多网页将无法访问Googlebot！

我人为在Google I / O年会过后Tom Greenway（谷歌浏览器指代）此事确定了非常九游会ag登录j9的释义：

请注意：如果您有正确的链接，还有一些其他参数，例如onClick，data-url，ng-href，这对Google来说仍然没问题。

开发管理专业人员常犯的内部错误：Googlebot始终无法网络访问多页的第三页和后期页 不要再让Googlebot从多页的最后页看到网站页面，那就是建设成员常犯的脚本错误。 当您浏览器打开Gearbest，Aliexpress和宜家家居的活动最新版本时，您会马上考虑到，情况上，许多人也不会让Googlebot看见多页外部链接，这真有很奇葩。当Google为这么多网络停用活动先行字段时，这么多网络将遭遇不良影响。

你如何自己检查？
如果您尚未下载Chrome 41，请从Ele.ph/chrome41获取。

其次导行到任何页面设置。要为本教程视频的目标，我运行的是AliExpress.com的手机旧版本。出自于学校目标，要您遵循原则类似的范例，就好好太好后。 点开Aliexpress可移动式的电话类目的可移动式版本升级。

然后，右键单击“查看更多”并选择“检查”按钮以查看其实现方式。

如您所见，没有，也没有指向第二页分页的链接。

Aliexpress.com上的活动式電話分类有2,000多样食品。因为活动式版Googlebot只有网络访问表中的20个，之所以仅为1％！ 这暗示着纯虚函数别中99％的类产品对于那些手机端Googlebot来说是隐型的！太史上最牛了！ 这样有误操作是由超时添加的有误操作推动引发的。还会有大量一些公司官网犯了差不多的有误操作。您是可以在我的本文“ 有机会在手机先数据库索引中不了的最热公司官网 ”中了解太多內容。

TL; DR：单独使用link rel =“next”对于Google来说太弱了
注意：通常使用“link rel =”next'来表示分页系列。然而，来自Kyle Blanchette的发现似乎表明，“链接rel =”next“对于谷歌来说太弱了，应该通过传统的链接加强。

John Mueller更多地讨论了这个：

“当自己应该领悟一些九游会ag登录j9与rel来是rel，rel =”previous“，但若是 九游会ag登录j9上关键还没有外链，如此当自己先要在九游会ag登录j9左右通过爬网。（...）这样，在九游会ag登录j9的顶级适用rel =“next”rel =“previous”是一种个好主见，高速当自己以上九游会ag登录j9是要怎样连入的，但你是真的必须要有九游会ag登录j9上的常规HTML外链。

不要误解我的意思 - 使用没有错。相反，它们是有益的，但将这些标签与传统的链接相结合是很九游会ag登录j9。

检查Google是否可以看到菜单链接
审核JavaScript网站的另一个重要步骤是确保Google可以看到您的菜单链接。要检查此项，请使用Chrome 41。

源于本教程下载的重要性，我们公司将安全使用Target.com的 装修案例：   1，使用其中浏览记录器并从导航栏选中择有一些微信链接：

//www.target.com/c/clothing/-/N-5xtd3 - >服装
//www.target.com/c/shoes/-/N-55b0t - >鞋子
//www.target.com/c/furniture/-/N-5xtnr - >家具
接下来，打开Chrome 41.在Chrome开发者工具中（单击Ctrl + Shift + J），导航到元素选项卡。

导致？庆幸的是，Google也可以提取Target.com的页面超链接。

现在，检查Google是否可以选择您网站上的菜单链接，看看您是否也在目标上。

第6步：检查Google是否可以发现标签下隐藏的内容
我经常观察到，在许多电子商务商店的情况下，Google无法发现和索引隐藏在标签下的内容（产品描述，意见，相关产品等）。我知道这很奇怪，但它很常见。

他是一次手机搜引索擎优化网络核实的核心一部分，以加强组织领导谷歌手机应该看得见取消隐藏在tag标签下的资源。 开放Chrome 41并车载导航到Boohoo.com上的其余商品; 列如，Muscle Fit套衫。

点击Details＆Care查看产品说明：

“细节与关怀
94％棉6％弹性纤维。肌肉贴合背心。型号为6'1“，穿着英国尺寸M.”
现在，是时候检查它是否在DOM中。为此，请转到Chrome开发者工具（Ctrl + Shift + J），然后单击“网络”选项卡。

抓好已开启禁止缓存数据界面。

单击F5刷新页面。刷新后，导航到“元素”选项卡并搜索产品说明：

 

如您所见，在boohoo.com的情况下，Google可以看到产品说明。

成熟的！目前 花点准确时间全面检查一些你的网站建设是否能够一般。

包起来
显然，JavaScript SEO是一个相当复杂的主题，但我希望本教程很有帮助。

若果您仍在付出怎样Google排列，则有可能须得学习具体实施日常动态宣传图或混和宣传图。既然，立即可能在Twitter上你和结合，学习这一个或各种SEO市场需求。
返回列表