前端SEO优化

最近被问到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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值