这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。
以下是一些在平时工作中总结的一些前端开发中的SEO注意点,其实很多也是前端的基础知识,仅供大家参考。
1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。
2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。
3、所有的CSS、JS都要使用外部调用。
4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。
5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。
6、除首页外别的页面要加面包屑型路径,导航一定要清晰。
7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。
8、图片一定要添加alt属性,链接一定要添加title属性。
9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。
10、做好404页面,并测试其返回状态码为404。
11、确保网站代码无误,HTML能通过W3C版本。
很多人学会了一些SEO的常识,就觉得自己已经学会了SEO了,能够给很多网站提供意见,但是其实他们提出的意见,很多时候都是靠猜,靠感觉。至于实际上有没有效果,会不会给网站带来正面的影响,只能走一步看一步。
其实一个SEO做得如何,最了解的还是自己,好的SEOER,能够通过平时一点一滴的数据,进行汇总,通过数据指导,来看清SEO的方向。
SEO是什么,在我看来,SEO就是做搜索引擎的排名,而SEO最终的目的是什么,答案只有一个,那就是通过有排名的关键词,来获得流量,也就是说我们最终的目的就是流量。那么我们很多时候,SEO不要局限在自己的站点上面,我们要把思路拓展,拓展到各个不同的模块领域去。
那么作为SEO,如何科学的去分析自己做的效果如何,如何去更好的通过数据,来指导自己的思维呢?
我们都知道,流量跟排名点击率、排名数、收录数有关系,那么我们的数据,最主要的就是监控这三个维度。
1、排名点击率:
如果是自身网站的话,就比较简单,装个流量统计工具,就可以很好的监控到关键词的点击率。如果是外部的站点,可以通过关键词覆盖的查询,来预估自己的排名点击率。其实在站点和内容都不变的情况下,点击率一般不会有太大的变化。所以排名和收录的因素,就会影响比较大。
2、网站排名:
网站的排名主要看两大块,一块是重点词的排名,一块是看长尾的关键词覆盖率。
2.1、重点词的排名:
每天都要监控,重点词是你的核心词,这个主要用来监控自己站内的关键词变化情况,如果重点词排名出现大幅度的变化,要就意味着在这个周期,你的排名有有极大的波动。排名监控可以用分析牛关键词排名监控,可以记录一个月的排名数据,一个月内的排名变化情况清晰可见。如果发现排名有明显的变化,就要去分析近一个月内的网站日志,看看有什么变化,从而找出问题的原因。
2.2、长尾关键词覆盖率:
长尾词的关键词覆盖率,主要用来监控站外的排名。
之前跟一个做推广的聊,跟他说查一下关键词覆盖率,他反问我,什么是关键词覆盖?
关键词覆盖,目的就是把你的关键词尽可能的覆盖到搜索引擎结果中,比如百度搜索结果第一页有10个排名,10个都是你所发的排名,那么用户就只能点到你了,点不到别人。
而做医疗的长尾关键词,一般都是地域性的,都是尽可能长的关键词。
之前做的关键词覆盖,当你覆盖率达到60%的时候,一天有10个有效对话,当你的覆盖率达到50%的时候,你的有效对话只有8个,当你关键词覆盖达到30%的时候,你的有效对话只有4个。
那么长的长尾关键词能来对话吗?答案是肯定的,能,太能了。有的人说那么长,谁能搜索得到啊?对,那么长的词可能不一定有人搜,但是通过分词所带来的长尾呢?最重要的是,这种长尾有足够的量,当量大的时候,蚂蚁也能干过一个军团。
所以关键词覆盖率,能够很好的体现你关键词所做的情况。
有的人会问,站外推广那么难做,都没有什么地方可做的。其实有的平台,永远都是好的,只是你没去认真研究而已,为什么别人都在做,你却做不了呢?
3、网站收录:
站点的收录是非常关键的,当你排名、覆盖率比较稳定的情况下,收录越多,也就意味着你的长尾关键词能够越多。
而我们看收录,并不是看单个链接的收录,而是看整体的收录变化比。这时候可以通过链接权重查询,来查询网址的收录情况。
在排名率不变的情况下,当你的收录越来越高,你的流量就会越来越多。所以如何提高收录,也是一个非常重要的手段。
总结:
总体来看SEO的主要核心还是数据分析,具体的数据分析可以参考(百度排名只需分析关键词数据)。其实SEO只要观察细致,很多问题都会变得很简单,你要真正搞清楚你想要什么,你想要的流量,而流量跟网站的排名、网站的收录、排名的点击率是有直接关系。搞清楚这些关系,去逐一分析每一个细节,你会发现SEO会变得很简单。
1、减少请求次数
2、减小资源大小
3、提高响应和加载速度
4、优化资源加载时机
5、优化加载方式
1、合并、压缩、混淆html/css/js文件(webpack实现,减小资源大小)
2、Nginx开启Gzip,进一步压缩资源(减小资源大小)
3、图片资源使用CDN加速(提高加载速度)
4、符合条件的图标做base64处理(减小资源大小)
5、样式表放首部,JS放尾部(JS单线程,会阻塞页面;资源加载方式)
6、设置缓存(强缓存和协商缓存,提高加载速度)
7、link或者src添加rel属性,设置prefetch或preload可预加载资源。(加载时机)
8、如果使用了UI组件库,采用按需加载(减小资源大小)
9、SPA项目,通过import或者require做路由按需(减小资源大小)加载
10、服务端渲染SSR,加快首屏渲染,利于SEO
11、页面使用骨架屏,提高首页加载速度(提高加载速度)
12、使用 JPEG 2000, JPEG XR, and WebP 的图片格式来代替现有的jpeg和png,当页面图片较多时,这点作用非常明显
13、使用图片懒加载-lazyload
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)