你需要知道的JavaScript SEO知识

Mickey

IT工程师 - Mickey

2021年12月20日
你需要知道的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的问题来解决问题,这都是有利于我们更好地优化网站,提高权重。

原创文章归Sytech版权所有,转载请注明出处,商用请联系本站获取版权。

Mickey

IT工程师 - Mickey

Sytech科技IT工程师,专注于网络搭建和网站SEO优化,擅长于网站数据分析和海外网站运营、维护。

2021年10月25日

网站建设

深入浅出的前端代码优化

在网站建设过程中,要考虑到前端代码的优化,不断精简代码,倘若一个标签可以实现功能,那就不要使用两个,建设符合网站开发规范的程序。你规范的前端代码,作用超乎你的想象。

Ever

前端工程师 - Ever

了解更多

2022年1月19日

网站建设

Core Web Vitals的详细解答

网站的建设,归根结底都是要考虑用户们的整体体验,但是在网站优化中,影响用户体验的因素众多,我们很难知晓需要跟踪的关键的指标。Core Web Vitals就为网站衡量和评估网站运行速度、响应能力和视觉稳定性的事宜鞠躬尽瘁,也为网站提升在SERP的排名提供了更多机会。然而要是想让它为你的站点发挥出更大的效用,前提得是你做对了。这种新的策略不仅能够帮网站吸引更多的访客,而且还大大提升了客户的留存率,帮助你在未来留住更多的客户

Mickey

IT工程师 - Mickey

了解更多

想要马上开始定制开发您的网站建设?

添加微信咨询 扫描二维码添加微信客服

微信二维码 微信客服

其它联系方式

Sytech科技电话

邮寄联系地址 广州市番禺区钟村街道长华创意谷18栋8~9号 联系服务热线 020 8480 8073