网站JavaScript的使用和SEO注意事项

简介: 在对SEO优化的研究过程中,有网友向其咨询,关于网站JavaScript的使用和SEO注意事项,今天我们还一起学习。对于JS的SEO来说,SEO非常重要,不管是异步调用内容,还是提高页面交互,JS脚本已经变得难以避免了。但是如果JavaScript使用不当,就会对SEO产生很大影响,而JS导致SEO问题的关键是搜索引擎并不需要执行JS脚本。

 在对SEO优化的研究过程中,有网友向其咨询,关于网站JavaScript的使用和SEO注意事项,今天我们还一起学习。对于JS的SEO来说,SEO非常重要,不管是异步调用内容,还是提高页面交互,JS脚本已经变得难以避免了。但是如果JavaScript使用不当,就会对SEO产生很大影响,而JS导致SEO问题的关键是搜索引擎并不需要执行JS脚本。


个人博客网站JS的使用和SEO优化中第一个值得关注的问题。

2250ccbc096f2a013cb63a2aade84746_1e5937d9b45ac2cf5fd11bc4f49b4be6.png



不使用JS的重要链接

 搜索器爬过,抓取页面是靠追踪链接。当重要链接需要运行JS脚本来调用或解析时,搜索引擎可能无法跟踪。虽然JS并没有说链接无法被调用,但是,希望被收录的页面至少要有最常见的格式链接来提供获取入口。例如,调用一些相关的文章,比如相关产品的链接,可能使用JS,但是这类链接在网站的主导航中都已经有了入口。


不使用JS调用希望被收录的内容

 网页中的文本内容,凡希望收录的,都不能用JS调用,包括文章正文、产品描述、产品图片、评论等等。JS也可用于调用那些不愿被收录的文本,如广告、某些侧栏等。


谨防懒负荷,瀑布流。


 图象懒惰加载,连文字内容都懒得加载,是现在网站常用的方式,在一定程度上有助于提高网页速度。但是要注意,在使用JS实现懒人装载时,是否需要交互来加载,例如:点击“更多”链接,或向下拉页面,搜索引擎蜘蛛不会做出这些动作,不会点击按钮,也不会下拉页面,因此不会看到懒人加载之后的内容。不管懒惰装入了更多的本页内容,或者更多其他页面列表,都会导致爬行、索引问题。


 使用瀑布式流列表是社交媒体网站的主流方式,用户对此已习以为常,有些网站也学会了这种方法。类似地,要考虑到社交媒体网站常常主动屏蔽搜索引擎,不想让搜索引擎索引,一般网站很可能是想要被索引,使用瀑布流时要考虑是否有其他入口提供搜索引擎可以追踪链接。


 个人博客站点JS的使用和SEO优化需要注意的第二个问题。


注意速度

 通常,使用JS会减慢页面的打开和响应。在正常情况下,下载JS文件并没有什么大问题,除非使用几MB的JS文件。但是浏览器执行JS有可能消耗设备资源,设计不周的JS可能要执行几秒钟,浏览器在执行JS时无法处理其他事情,导致脚本阻塞,对于用户来说就像是页面空白或者卡死数秒钟的状态,这是非常急迫的。


 因此,尝试删除执行时间太长的JS,需要仔细考虑执行一个超过1-2秒的脚本。尝试整合JS脚本,减少。

相关文章
|
2月前
|
JavaScript 前端开发 UED
网站内容禁止复制的js代码
【10月更文挑战第2天】
|
3月前
|
JavaScript
网站内容禁止复制的js代码
网站内容禁止复制的js代码
|
4月前
|
数据采集 存储 JavaScript
基于Python 爬书旗网小说数据并可视化,通过js逆向对抗网站反爬,想爬啥就爬啥
本文介绍了如何使用Python编写网络爬虫程序爬取书旗网上的小说数据,并通过逆向工程对抗网站的反爬机制,最后对采集的数据进行可视化分析。
219 2
基于Python 爬书旗网小说数据并可视化,通过js逆向对抗网站反爬,想爬啥就爬啥
|
4月前
|
资源调度 JavaScript 前端开发
安装 Nuxt.js 的步骤和注意事项
【8月更文挑战第6天】
79 3
|
4月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML、CSS与JavaScript之旅
在这个数字时代,拥有一个个性化的网络空间已成为许多人的梦想。本文将引导你了解如何从零开始,使用HTML、CSS和JavaScript创建属于自己的博客网站。我们将探索这些技术的基础概念,并通过实际代码示例展示如何将静态页面转变为动态交互式网站。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。【8月更文挑战第31天】
|
4月前
|
JavaScript 前端开发 C++
【Vue.js的终极对决】服务端渲染VS客户端渲染:一场关乎速度与SEO的生死较量!
【8月更文挑战第30天】Vue.js 是一个流行的 JavaScript 框架,支持服务端渲染(SSR)和客户端渲染。SSR 在服务器生成完整 HTML,有利于 SEO 并缩短首屏加载时间,但增加服务器负担;客户端渲染则在浏览器生成页面,提升交互性,降低服务器负载。本文通过代码示例对比两者优劣,并提供选择指南,帮助开发者根据 SEO 需求、交互性需求及服务器资源等条件,选择合适的渲染方式,从而优化应用性能和用户体验。
87 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的在线音乐网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的在线音乐网站附带文章源码部署视频讲解等
71 2
|
5月前
|
JavaScript 前端开发
【vue】 网站动态背景 | vanta.js的使用
【vue】 网站动态背景 | vanta.js的使用
515 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
45 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的自助甜品网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的自助甜品网站附带文章源码部署视频讲解等
34 0