最近被问到seo相关的问题,下来就百度参考了其他作者的文章 整理出来比较适合自己的内容,参考的文章贴在最后了哦,会比我整理出来的更加全面细致一点。
以三个层面展开
1.TDK优化
2.网站质量
3.SEO优化
🌈一、TDK优化
TDK是Title(页面标题)、Meta Description(页面描述)和Meta Keywords(页面关键词)的缩写,对网站的这三个信息的提炼是网站SEO的重要环节。
1.title标签
使用简单明了的关键词
<title>美女</title>
2.meta标签
meta标签是hea标签的辅助标签,meta会有不同的配置项用来描述页面属性,通过meta给网页分类。
"name"属性的配置项:
- Keywords:逗号分隔的关键词列表(告诉搜索引擎页面是与什么相关的);
- description(网站内容描述,很重要):页面描述。搜索引擎会把这个描述显示在搜索结果中;
- format-detection:格式检测,比如禁止识别电话,邮箱等;
- author:作者的名字;
- Robots:用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引;
- theme-color:网站主题色;
//nuxt.js定义title
head() {
return {
title: '秣宝网-饲料行业数智经营服务平台-饲料原料一站式采购网',
meta: [
{ hid: 'description', name: 'description', content: '秣宝是国内国外饲料原料一站式采购网,致力于打造饲料行业数智经营服务平台,' +
'让饲料行业销售高效智能,全网比价,实现阳光采购,有效降低采购成本,维护买家权益,工厂直销,' +
'避免假货横行的现象,同时,无中间商赚差价,提供饲料即时行情,饲料添加剂实时报价,一客一价,' +
'平台自营,网络代采,现货配送,实现饲料行业全数字化仓储运输管理.' },
{ hid: 'keywords', name: 'keywords', content: '秣宝网,饲料添加剂,饲料原料,饲料原料供应商,饲料大宗原料,饲料原料报价' }
]
}
}
🌈二、网站质量
1.网页性能
网站性能是会影响到网站的SEO排名的。因为卡顿,加载慢等等影响用户体验以及爬虫优化。
网站性能优化相关---参考文章:2023 前端性能优化清单 - 掘金 (juejin.cn)
2.使用语义化标签
比如头部使用h标签 img标签以及nav,header,aside等相关新增标签
🌈三、SEO优化
1.SSR服务端渲染( Server-Side Rendering)
因为爬虫是不会爬取JavaScript格式的内容,所以要让一些重要的关键词或内容为HTML的格式。
有效解决ssr的前端框架vue:nuxt.js 、 React:next.js
直接使用vue框架
使用nuxt.js
仅为个人记录。更全面以及参考的文章https://blog.csdn.net/qq_38974163/article/details/131108716