1. 首页
  2. SEO优化
  3. 正文

你需要知道的JavaScript SEO知识

  说到JavaScript SEO,它也是属于技术SEO中的一个重要类目,很多网站使用各种JavaScript的技术来使网站增加交互性,借此改善用户体验。有的用JavaScript做高级的动画,增加互动,有的使用来提取产品价格等,它在网站的方方面面,无处不在。这也不是要让各位SEOer都去学习JavaScript,但关于JavaScript SEO知识,你仍需要知道。

  Googlebot如何处理JavaScript

  谷歌的爬行蜘蛛Googlebot在想要抓取某个网址之前,会首先尝试发出HTTP请求,读取网站中的robot.txt,检查该网址是否允许被抓取,要是该网址被标记为“disallowed”,爬行蜘蛛将会跳过它。然后它将会识别网站中的链接,并将这些链接加入到爬行队伍中,倘若你不想蜘蛛抓取该网址,建议使用nofollow标签。 当然你也就可以使用JavaScript代码手段,将连接放置到DOM操作中,注意,在此之前,需要遵循相关的游戏规则。

  网页用标题和摘要点缀

  网页使用独特的标题和简单的描述(与网站的主题相关、包含关键词),这样有利于充分概括展示网站的内容,便于爬虫爬取索引,可以在SERP页面为用户提供符合查询结果的优质答案,可以使用JavaScript代码设置以及更改网页的标题和摘要。这个时候就显出了非模板建站的长处了,因为这些都是在模板建站中难以实现的调整。

  单页应用减少404错误

  在客户端中呈现单页的应用,所使用的路由一般也是客户端的路由,所以在使用这些条件的情况了,为了规避出现软404的错误,返回200错误页面,可以采用一些方法:

  使用JS重定向到服务器,响应HTTP请求,返回404错误代码;

  利用JavaScript代码,将noindex元标记插入到错误的页面,阻止该错误页面被爬虫编入索引,减少网站的损失。

  使用有效期长的缓存

  网站在进行HTTP请求后,浏览器所请求的HTML页面、CSS文件、JS代码等,都会被积极地缓存下来,以此减少网络的请求量和网络带宽。缓存的有效时间,谷歌并不会在意,在需要用到时,方才获取新的缓存文件。在缓存时,缓存标头可能会被忽略,这也将会导致再次过程中,过时的CSS、JS文件也将会被读取使用,当然你也可以利用JS代码来解决这一问题。

  适当懒加载图片

  通常,作为一个产品展示或商城网站,图片占据了大多数,在网页展示图片时,庞大的图片库一次性加载出来,会对网站带宽造成非常大的负担。各大网站为了解决这个问题,大多使用懒加载方法,优先加载可视窗口的图片内容。这样一来,仅在用户即将要看到图片的时候,才加载,大大减缓了服务器的压力,提高网站的运行速度。

  概述

  我们在进行SEO工作时,各种技术SEO手段都应对它有所了解。关于JavaScript SEO确实是一种复杂的技术,虽说作为SEOer不要求完全精通编写JavaScript代码,但是谷歌是如何处理并怎么针对JS的问题来解决问题,这都是有利于我们更好地优化网站,提高权重。

    延伸阅读

  • 你需要知道的JavaScript SEO知识

    说到JavaScriptSEO,它也是属于技术SEO中的一个重要类目,很多网站使用各种JavaScript的技术来使网站增加交互性,借此改善用户体验。有的用JavaScript...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/2237.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();