如何在seo中优化js代码

浏览:发布:2021-04-25 15:15:22

关于JavaScript在网站上的使用以及SEO中的注意事项。JS的SEO是近几年越来越重要的问题,这个题目以前没写过。无论是异步调用内容,还是增加页面交互,在目前的网站中几乎无法避免使用JS脚本。但是JavaScript使用不当,可能会对SEO造成很大影响。

搜索引擎怎样处理JS

首先,简单来说,JS导致SEO问题的症结在于搜索引擎不一定执行JS脚本。SEO的人都知道,要有搜索流量,搜索引擎蜘蛛需要抓取链接,抓取页面,对页面html代码中的内容进行解析和索引,然后再谈排名和流量。在抓取、抓取、索引的过程中,如果JS制造障碍,就会导致问题。浏览器执行JS并渲染页面是肯定的,用户访问时一切正常。但问题是,搜索引擎蜘蛛抓取页面的html代码时,如果遇到JS,不一定会执行JS脚本,所以搜索引擎不一定会看到需要执行JS才能看到的内容。Google遇到页面JS,会在有计算资源且页面价值较高的情况下,尝试执行脚本,渲染页面。百度基本不执行JS脚本。所以做中文网站,在使用JS的时候要更加谨慎。

重要链接不要用JS

搜索引擎通过跟踪链接抓取网页。如果一个重要的链接需要运行JS脚本来调用或解析,搜索引擎可能无法跟踪。并不是说不能用JS调用链接,但是想要包含的重要页面至少要有最常见的A格式链接才能提供爬行入口。比如你可以用JS调用一些相关的文章和相关的产品链接,但是这些链接已经有了一个列表页面,在网站的主导航中提供了一个条目。

不要使用JS进行主导航、菜单系统、栏目/产品列表,除非你确认有其他方式提供访问。

请勿使用JS调用

想被收录的内容不要用JS调用

页的文字内容,包括文章正文、产品描述、产品图片、评论等。JS可以用来调用不想被收录的词,比如广告和一些侧栏内容。我见过用JS调用内容的各种奇怪用法,比如用JS调用页面标题标签。

慎用懒加载、瀑布流

图片懒加载,甚至文字内容也懒加载,这是现在网站常用的,有利于一定程度上提高页面速度。但是在使用JS实现惰性加载时,比如点击“更多”链接或者下拉页面,要注意是否需要用户交互来加载。搜索引擎蜘蛛不会做这些动作,也不会点击按钮或者下拉页面,所以懒加载后可能看不到内容。无论您是懒于加载此页面的更多内容还是其他页面的更多列表,都可能导致爬网和索引问题。

列表页面使用瀑布流是社交媒体网站的主流方式,用户已经习惯了,一些普通网站也是这样学习的。同样需要考虑的是,社交媒体网站往往主动屏蔽搜索引擎,不希望搜索引擎索引,但普通网站被索引的概率很大。在使用瀑布流时,需要考虑是否有其他搜索引擎可以跟踪链接的门户。

注意速度

一般来说,使用JS会降低页面打开和响应速度。通常下载JS文件问题不大,除非用了几MB的JS文件。但是浏览器在执行JS时可能会消耗设备资源,设计不好的JS可能会执行几秒钟。在执行JS时,浏览器无法处理其他事情,导致脚本阻塞,对于用户来说就是一个页面空白或者卡了几秒,非常紧急。所以,尽量删除执行时间太长的JS。执行超过1-2秒的脚本需要仔细考虑。尽量合并JS脚本,减少脚本数量。尽量减少js的数量,包括第三方js。我见过很多需要执行几十个JS脚本的网页,包括很多第三方脚本。扪心自问,这些js有必要吗:真的有必要吗:最好能让页面慢几秒,大大提高弹出率。对于信息页面,不需要显示文章的内容。除了购物车,电子商务网站不是必须的。除了用户体验,页面速度也是搜索排名的重要因素。

服务器端渲染

如果可能,考虑在服务器端而不是客户端(浏览器)进行JS渲染。虽然这会增加技术难度,降低服务器的响应速度,但是服务器的性能一定要超过用户设备。另外,缓存等方法在执行JS和渲染页面方面一般会比浏览器快很多。

怎样检查JS是否造成SEO问题

1.浏览器禁用JS来查看访问页面时会发生什么。如果JS禁用后看不到重要内容,搜索引擎也可能看不到。不要希望搜索引擎偏向你的网站,执行JS。

2.检查页面的快照,尤其是纯文本版本的快照。搜索引擎快照在很多情况下是搜索引擎索引的页面内容。

3.如果某些内容必须由JS调用,但你希望搜索引擎对其进行索引,那么你也可以搜索被调用的内容。如果能搜索到,说明搜索引擎已经执行了JS,对内容进行了索引。我想不出为什么一定要用JS来调用,但是很多技术人员在使用JS的时候都比较执着。

标签:搜索引擎优化(SEO) 百度 SEO 网站优化