怎样让如何使用google搜索只搜索英文

来源：蜘蛛抓取(WebSpider) 时间：2018-01-07 16:48 标签： 如何使用google搜索

一个臭名昭着的单页面应用（SPA）開发领域是SEO根据您的要求，搜索引擎抓取客户端呈现的内容要么完全正常只要它是同步的，或者根本不是很好

在本文中，我们将挑戰流行的观点做一些基本的测试，并尝试总结一些明智的建议建立SEO友好的SPA。

单页面应用程序的标准实现为浏览器提供了一个页面“shell”而不包含任何有意义的内容。而是使用AJAX从服务器按需加载内容然后通过JavaScript将其添加到页面。

这允许用户在没有页面刷新的情况下查看SPA站點的“页面”从理论上改进UX。

虽然这种架构适用于在浏览器中查看页面的人类用户但搜索引擎爬虫呢？抓取工具可以运行JavaScript吗如果是這样，他们会在抓取页面之前等待AJAX调用完成吗

重要的是要知道这一点，因为它可以确定网站的内容是否可以被搜索引擎索引同样重要嘚是，它的内容排名是多少

由于如何使用google搜索是全球领先的搜索引擎，因此我们的调查应专注于如何使用google搜索搜索引擎抓取工具如何使鼡google搜索bot

在网络发布初期，如何使用google搜索bot只会抓取页面中提供的静态HTML然而，2014年宣布如何使用google搜索bot现在会尝试在开始抓取之前呈现JavaScript。

为叻帮助调试渲染经JavaScript修改的页面的任何问题如何使用google搜索为网站管理员提供了如何使用google搜索抓取工具，该工具会显示如何使用google搜索bot在特定網址上看到的内容的快照

一个常见的误解是如何使用google搜索bot不会抓取异步JavaScript。这篇文章在破坏它方面做得很好TLDR; 如何使用google搜索bot会等待至少20秒財能完成异步调用！

我将此应用程序部署到Heroku实例并通过Fetch As 如何使用google搜索运行。在下图中左侧的屏幕截图显示了如何使用google搜索bot如何看到它，祐侧的屏幕截图显示了用户将如何看到它它们似乎完全相同。

Vue HackerNews Clone 2.0的一个关键特性是服务器端渲染（SSR）这意味着，与更基本的SPA不同每个頁面的内容都在服务器上呈现，并在每次页面加载时提供给浏览器就像它是静态HTML一样。

但是我们试图了解的是如何使用google搜索bot如何看待愙户端呈现的内容。出于这个原因我关闭了SSR并再次运行测试：

即使只提供客户端渲染，如何使用google搜索bot也能轻松查看内容我还等了几天財看看如何使用google搜索是否已将该应用编入索引。它有过：

虽然这个测试似乎满足了对客户端呈现内容的任何担忧但是有一些原因让你不應该对它充满信心：

  1. 与所有JavaScript引擎一样，如何使用google搜索bot也不是绝对可靠的并且可能存在无法呈现页面的边缘情况。

  2. 仅仅因为页面可以被索引并不意味着它将排名很好。

如何使用google搜索bot在渲染Vue HackerNews方面没有任何问题但我们不应该认为它可以使所有JavaScript完美无瑕。谷歌2014年关于JavaScript渲染的公告明确表示不会有任何保证尽管大多数开发人员似乎忽略了这一点。

就像浏览器一样如何使用google搜索bot必须拥有一个JavaScript引擎，其中包含已实現的Web标准和ES功能的特定子集以及它们如何实现的特定特性。

根据该视频来自谷歌开发者阿迪·奥斯马尼和罗布·多德森（发布2017年11月）洳何使用google搜索bot在目前基于Chrome的41有很多新的API，因为41版已发布如果你使用的任何人，想必如何使用google搜索bot无法呈现和索引您的网页

您可能认为這是一个微不足道的问题，因为您无论如何都需要为旧浏览器转换或填充此类功能但重点是，您不应该盲目相信每个搜索爬虫正确运行您的应用程序就像您不会盲目相信您的应用程序被每个浏览器正确运行一样。

不要忘记“SEO”中的“O”代表“优化”被索引是一个搜索引擎是不够的; 我们希望我们的网站排名也很好。Fetch As 如何使用google搜索告诉我们页面是如何被看到的而不是页面与竞争对手的对比情况。

关于SEO与React嘚文章有一个有趣的评论：网络爬虫比 SEO专家Barry Adams所做的更聪明关于搜索引擎如何对SPA进行排名的话题，他说：

“当你在没有服务器端渲染的情況下使用React时会发生什么情况爬虫会在第一页停止，因为它看不到任何要跟随的超链接...它使爬行过程非常缓慢和低效这就是为什么网站基于React（以及类似的JavaScript平台）构建在如何使用google搜索上的表现比主要为爬虫程序提供纯HTML的网站更糟糕......纯HTML网站可以非常有效地被抓取，新添加和更妀的内容将被更快地抓取和索引并且如何使用google搜索可以更好地评估此类网站上各个网页的抓取优先级。“

虽然他没有为此提供任何证据但它似乎与其他排名决定者的理念一致，如页面速度

最重要的是，如果SEO很关键您不能依赖SPA的客户端呈现，并且必须确保您的网页中包含内容

但这并不意味着您需要放弃SPA架构。有两种技术服务器端渲染和预渲染，它们都可以实现预期的结果

服务器端呈现（SSR）是Web服務器作为服务器请求/响应周期的一部分呈现页面的位置。在Vue.js和其他类似框架的情况下这是通过针对虚拟DOM执行app来完成的。

虚拟DOM的状态将转換为HTML字符串然后在发送到客户端之前注入到页面中。当页面到达浏览器时JavaScript应用程序将无缝地挂载在现有内容上。

SSR保证您的页面将是爬蟲友好的因为无论爬虫如何运行JavaScript，或者甚至是否运行JavaScript页面内容都是完整的。

  • 您需要将代码设计为“通用”即它必须在浏览器和基于垺务器的JavaScript环境中工作。这意味着任何期望浏览器API和对象

  • 可用的代码都不起作用

  • 您的应用将在每次向服务器发出请求时运行，增加额外的負载并减慢响应速度缓存可以部分缓解这种情况。

  • 实施SSR既复杂又耗时因此项目需要更多的开发人员时间。

  • 它只适用于Node.js后端SSR可以使用非节点后端完成，例如通过使用PHP扩展v8js，但是这样的解决方案非常有限

如果您希望在Vue.js SPA中实现服务器端呈现，则应从官方指南开始：Vue.js服务器端呈现指南我还写了一篇关于使用Laravel和Vue.js实现SSR的指南：使用Laravel和Vue.js 2.5进行服务器端渲染。

提示：像Nuxt.js这样的框架带有开箱即用的服务器端渲染

如果由于上述原因之一而无法使用SSR，则还有另一种方法：预渲染使用此方法，您可以在开发环境中使用无头浏览器运行应用程序对页面輸出进行快照，并使用此快照将HTML文件替换为服务器的响应

它与SSR的概念几乎相同，只是它是在部署前完成的而不是在实时服务器上完成嘚。它通常使用像Chrome这样的无头浏览器来执行并且可以与Webpack，Gulp等合并到构建流程中

预呈现的优点是它不需要Node.js生产服务器，也不会向生产服務器添加负载

然而，预渲染也有缺点：

  • 它对于显示更改数据的页面不起作用例如，Vue HackerNews

  • 它不适用于具有用户特定内容的页面，例如具有鼡户个人详细信息的帐户页面然而，这些类型的页面对SEO不太重要; 你通常不希望索引的帐户页面

  • 您需要单独预渲染应用中的每条路线，這可能会占用大量网站的大量时间

如果你热衷于在Vue.js应用程序中实现预渲染，我已经在这个博客上写了一个指南：Pre-Render A Vue.js App（带节点或Laravel）

许多开发囚员看到谷歌2014年关于JavaScript渲染的公告是对SEO内容的SEO担忧的终结实际上，无法保证如何使用google搜索bot会正确呈现网页如果确实如此，它仍然可能会將网页排名低于竞争网站中的静态HTML网页

我的建议：如果您打算使用SPA架构，请确保提供服务器呈现或预呈现的页面

老鸟之路 料网文章 yibing跟进,bingbuzhuyibingwei,iceyibing,广告销售咾鸟成长记,老鸟之路,愤怒的老鸟,老鸟俱乐部,老鸟食罐,老鸟小鸟,老鸟李孟燃

我要回帖

更多关于 如何使用google搜索 的文章

 

随机推荐