电商平台开发笔记8.nuxt开发之SEO优化指南

常规SEO优化方案

1.keywords关键词数量:
head标签中的keywords关键词数量不能过,一两个最好。

2.标题含关键词:
head标签中的网页标题包含一两个keywords里面的关键词不能过多

3.正文含关键词:
网页正文也需要包含keywords里面的关键词,比例在7%-8%

4.content含关键词:
head标签中的description中包含关键词,与正文内容相关,文字不要超过200字

5.正文和标题吻合:
网页正文要与head标签中的网页标题的主题高度吻合,否则会导致当前文章被搜索引擎屏蔽。

6.img标签加alt做关键词优化
蜘蛛不能直接识别图片。所以可以使用alt属性,因为alt属性不仅能帮助蜘蛛来识别图片,同时也是蜘蛛识别咱们网页图片的唯一方法。同时合理的使用alt属性,也能提高一下咱们关键词在页面的比例

7.在a标签加title做关键词优化
在<a hrer=”#”> 后面要加上 title 标签,里面内容是你所要优化的关键字,img 标签中加入描述,可以适当添加关键字

8.网站站内交叉链接(内链)
在你的网站之内,高质量的内容之间互相链接起来,尤其对Google来说,基于共同内容的相互链接对在你的网站之内分享PR是非常重要的

9.网站外链包含关键词:
从其他网站外链到我们自己的网站,采用文本形式,文本内包含我们网站外链页面的关键词

10.网站友情链接:
网站友情链接采用文本形式,文本内包含我们网站页面的关键词

11.网站内容的更新:
网站内容定期更新。

12.安装统计工具
网站最好后台安装一个统计工具,推荐51la统计工具。便于分析网站营销效果和监测网站流量。

13.关键字使用标签定义
在关键字的地方使用标签定义,例如在主关键字用<h1>、次关键字用<h2>

14.网站链接有效:
不能有死链接。

15.静态或伪静态
尽量采用静态网页(.html),至少保证包含网站重要信息的页面为静态页面

16.整站结构优化:
页面结构最好不超过三层

17.页面标签语义化:
详情参考链接:https://www.jianshu.com/p/6bc1fc059b51

针对nuxt项目的SEO优化技巧

1.使用服务端渲染

数据获取应该在pages目录下的页面里进行获取(fetch或asyncData钩子),之后通过props,vuex等技术进行参数传递。
假如需要在组件中进行服务端渲染应该使用fetch钩子获取数据。
组件内部使用fetch钩子,该钩子函数不能有参数,否则fetch钩子不会执行。page目录下使用fetch钩子可以带参数。
组件内部的fetch钩子应该使用this.$nuxt.context来获取上下文。

 

电商平台开发笔记8.nuxt开发之SEO优化指南

 

2.token的保存应该使用cookie来存放
token的保存应该使用cookie来存放,而不应该存在LocalStorage或SessionStorage中。
我们要做SEO优化就应该尽量使用服务端渲染,nuxt在服务端渲染时都是无法得到LocalStorage或SessionStorage的(比如中间件权限验证等),所以导致没法进行服务端渲染。
而通过Cookie保存Token(例:js-cookie插件),服务端是可以在请求头中拿到Cookie的,也就能实现服务端渲染。

 

3.分页
每一个分页控件页面按钮点击都后对应一个单独的页面。当加载新的页面时,从页面的fetch或asyncData钩子取数据进行渲染。

详情参考页面(知米易)

电商平台开发笔记8.nuxt开发之SEO优化指南

 

4.分类
文章列表分类、排序、等各种筛选操作的结果都应该对应一个新的url,原因和第三点一样。详情参考页面(知米易)

电商平台开发笔记8.nuxt开发之SEO优化指南

 

5.sitemap
安装@nuxtjs/sitemap,给网站制作站点地图,并且在各大搜索引擎提交该sitemap

 

原文链接:https://www.cnblogs.com/fuhua/p/14142836.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/20803

(0)
上一篇 2024年2月4日
下一篇 2024年2月4日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml