JavaScript和网站优化机器人体验

Javascript和网站优化机器人体验

Javascript和网站优化Javascript和网站优化机器人体验搜索引擎能看到内容并学会网站经验吗？假如没，可以借助什么解决方法来解决这个问题？

基本面

什么是Javascript？

在创建一个现代Web页面时，主要有三个组件Javascript和网站优化机器人体验1, 2, 3

Javascript要么放在HTML标签内（即嵌入HTML），要么链接/引用。现在有很多的Javascript库和框架，包含jQuery，AngularJS，reactjs，EmberJS，等。

Javascript库和框架Javascript和网站优化机器人体验

HTML源码

DOM

什么是无头浏览？

无头浏览只是在没用户界面的状况下获得网页的行为。要紧的是要理解，由于Google和目前的百度借助无头浏览来更好地理解用户的体验和网页内容。

PhantomJS和Zombie.js头浏览器脚本，一般用于智能化测试目的网页的互动性，并初步需要绘制静态HTML网站快照（预渲染）。

为何Javascript对网站优化有挑战性？（与怎么样修复问题）

有三个（3）重要原因要关注站点上的JavascriptJavascript和网站优化机器人体验搜索引擎抓取你的网站的能力。

获得性Javascript和网站优化机器人体验即重要的呈现路径。

检索

机器人能找到URL并知道你站点的构造吗？这里有两个要紧元素Javascript和网站优化机器人体验与开发团队合作，确定什么文件应该与不应该被搜索引擎访问。

内链

内链应推行常规锚标签在HTML或DOM（用一个所有=www.example .comHTML标签）与借助Javascript功能允许用户通过网站。

基本上是Javascript和网站优化机器人体验

唯一的哈希（#）孤英镑的符号是不可能抓到。它用于辨别锚链接（又名跳转链接）。这类链接允许一个人跳转到页面上的一段内容。在URL的单独散列部分之后，任何内容都不会发送到服务器，并且会致使页面自动滚动到第一个元素，并带有一个匹配ID（或第一个元素），该名字包括以下信息。Google建议防止用#网址。

Hashbang（#！）（和escaped_fragments URL）Hashbang URLs哈克支持爬虫（Google要防止目前只有Bing支持）。很长时间以前，Google和Bing拟定了一个复杂的Ajax解决方法，其中一个好看的（#！）URL与UX共存与基于等效escaped_fragment HTML程序经验。Google已收回了这一级建造师议，宁可收到确切的客户体验。在逃跑片段中，这里有两个经验Javascript和网站优化机器人体验这个URL需要有#！（名）在URL以表明有逃脱的片段或meta元素表明逃跑的片段存在（

）。

逃跑的片段（又名丑陋的URL，HTML网站快照）Javascript和网站优化机器人体验你的网页浏览历史记录）。从本质上讲，pushstate更新的URL地址栏，仅需在页面上的变化更新。它允许js站点借助干净URL。pushstate现在是由Google支持，当支持浏览器的推广客户端或混合绘制。

一个非常不错用的pushstate是无限滚动（即，当用户点击新的页面的URL将更新）。理想状况下，假如用户刷新页面，该体验将使它们处于一模一样的地方。然而

获得性

搜索引擎已经被证明用无头浏览来呈现DOM以更好地理解用户的体验和页面上的内容。也就是说，Google可以处置一些Javascript并用DOM（而不是HTML文档）。

同时，有的状况下搜索引擎非常难理解Javascript。无人期望Hulu的状况发生在他们的网站或顾客的网站上。知道机器人怎么样与你的现场内容交互是至关要紧的。当你不确定的时候，测试。

假设大家讨论的是一个实行Javascript的搜索引擎，那样搜索引擎可以获得一些要紧的内容Javascript和网站优化机器人体验谷歌bot是Chrome和谷歌bots有多聪明？（谢谢你，Josh和迈克）。Adam Audette的Google可以抓取Javascript和DOM 2015证实借助。因此，假如你能在DOM中看到你的内容，你的内容就大概被Google分析。

adamaudette -我不一直Javascript，但当我做，我了解Google可以抓取DOM和动态生成的HTML

日前，Bartosz Goralewicz进行了一个非常酷的实验测试相结合的各种Javascript库和框架怎么样确定Google与页面（比如，它们是索引的URL的内容？GSC怎么样互动？等）。它最后表明，Google可以与多种形式的Javascript进行交互，并强调某些框架可能更具挑战性。John Mueller甚至开始了一个Javascript搜索组（从我所读到的，它相当有疗效）。

所有这类研究都是惊人的，能够帮助网站优化知道何时关注和采取积极主动有哪些用途。然而，在你决定坐在后面为你的地方是正确的解决方法，我建议在积极小心的尝试小部分觉得Javascript和网站优化机器人体验

子弹是实证检验，旨在学习什么可行，符合三个标准Javascript和网站优化机器人体验

确认你的内容正在DOM中出现。

测试页面的子集，看看Google能否索引内容。

从内容中手工检查引号。

用Google获得并查询内容是不是出现。

应该在加载事件时或超时前发生Google调用。目前看看Google将可以看到你的内容，你是不是在你的robots.txt阻止Javascript的一个非常大的考验。尽管用Google获得信息不是万无一失的，但这是一个非常不错的起点。

注意Javascript和网站优化机器人体验DOM的静态HTML版本）。

Google介绍了HTML网站快照2009，过时的（但仍然支持）他们在2015，和笨拙地提到他们作为一个元素来防止在2016年底。HTML网站快照是Google的一个存在争议的话题。然而，它们是要紧的理解，由于在某些状况下，它们是必要的。

假如搜索引擎（像脸谱网如此的网站）没办法学会你的Javascript，是返回一个HTML网站快照，而不是叫你的内容索引和理解。理想状况下，你的站点将借助服务器端的某种形式的用户代理测试，并将HTML网站快照返回给机器人。

同时，大家需要认识到，Google想要与用户相同的体验（即，假如测试很糟糕，而Javascript搜索组不可以为你的状况提供支持），那样只提供Google网站快照。

需要注意的地方

当考虑HTML网站快照，你需要考虑到Google已经舍弃了这个Ajax推荐。虽然Google在技术上仍然支持它，但Google建议防止用它。是的，Google改变了主意，目前期望获得与用户相同的体验。这个方向是有意义的，由于它允许机器人更真实地体验客户体验。

第二个考虑原因涉及的隐形风险。假如HTML网站快照发现不代表网页上的经验，它被觉得是一个隐形的风险。直接来源Javascript和网站优化机器人体验

常识搜索引擎爬虫可以领会。

某些种类的Javascript可能更难让Google学会（咳嗽）角（也被叫做AngularJS 2）咳嗽）。

其他搜索引擎爬虫（觉得Javascript和网站优化机器人体验

渐进式页面的渲染

然而，假如你有非必须的资源或Javascript文件阻塞了页面加载的能力，那样你将得到阻止Javascript。

渲染阻塞的Javascript -解决方法

假如你剖析你的网页速度的结果（如网页速度的见解的工具，工具webpagetest.org，握点，等等），确定有一个渲染阻塞Javascript的问题，这里有三个可能的解决方法Javascript和网站优化机器人体验在HTML文档中添加Javascript。

异步Javascript和网站优化机器人体验在HTML中放置javascript。

！！！要紧提示Javascript和网站优化机器人体验Google开发职员的速度文档

这个故事的含义

爬虫和搜索引擎会尽力爬，实行和讲解你的Javascript，但不保证。确保你的内容抓取，索取，而不是开发网站潜在障碍。重要=每一个状况都需要测试。基于结果，评估潜在的解决方法。

感谢Javascript和网站优化机器人体验Javascript和网站优化机器人体验本文URL：