前端SEO的知识,你get到了吗

简介: seo是前端工程师需要掌握的一些知识,但是现在都是前后端分离开发,客户端渲染,而国内百度的搜索引擎又不太能打,因此,对这方面没怎么深入,后来因为学习了一些服务端渲染框架next/nuxt,才重新进行了一些了解

1.什么是SEO

利⽤搜索引擎的规则提⾼⽹站在有关搜索引擎内的⾃然排名,吸引更多的⽤户访问⽹站,提⾼⽹站的访问量,提⾼⽹站的销售能⼒和宣传能⼒,从⽽提升⽹站的品牌效应。

2搜索引擎优化的技术手段

1.黑帽SEO

  1. 通过欺骗技术和滥⽤搜索算法来推销毫不相关、主要以商业为着眼的⽹⻚,导致⽤户搜索到不满
    意的搜索结果(遭剔除)
  2. 主要⼿段
    关键字的堆叠
    隐藏⽂本(热⻔的关键词在⽹站上⼩字体展示,或者隐藏,但是这些关键词与该⽹站不相
    关)
    ⻔⻚(适⻩⽹、⼩游戏⼴告)

2.白帽SEO

  1. 为⽤户创造内容、让这些内容易于被搜索引擎机器⼈索引、并且不会对搜寻引擎系统耍花招
  2. 优化需要较⻓时间,不断更新⽹站的内容和外链
  3. ⽤户更加友好,从这些⽹站中获得更合理的流量
  4. 主要特点是⻅效慢、稳定性强、可⻓期发展

3提高网站SEO的方法

第一点是TDK,即网站的title标题标签

<title>阿里云开发者社区</title>

description描述标签

<meta name="Description" content="阿里云开发者社区,提供了丰富的java开发、web前端"
/>

网站的keywords关键词标签

<meta name="keywords" content="阿里云开发者社区,java,vue教程,html教程,js教
程,css,webpack">

4为什么单页面项目无法实现SEO优化

1.由浏览器端的js做主导渲染⽹⻚内容的⽅式,我们就称之为客户端渲染
2.在客户端⽣成html,搜索引擎不会等待异步请求到数据返回给到前端⻚⾯时再爬取
3.SPA项⽬⾥⾯,⼏乎都是使⽤ AJAX 获取后端的数据,就会导致我们的⻚⾯数据不能被搜索引擎正常收录到
4.强交互、不注重SEO的⻚⾯,例如:管理、组件库类的项⽬

相关文章
|
7月前
|
前端开发 搜索推荐 UED
前端需要注意哪些 SEO (详细)
前端需要注意哪些 SEO (详细)
|
9月前
|
前端开发 搜索推荐 JavaScript
前端SEO优化的实用指南
前端SEO优化的实用指南
238 0
|
10月前
|
数据采集 缓存 前端开发
前端之SEO搜索引擎优化
前端之SEO搜索引擎优化
107 0
|
数据采集 JavaScript 前端开发
前端面试题Vue 项目如何进行 SEO 优化
前端面试题Vue 项目如何进行 SEO 优化
345 0
|
9月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
9月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
66 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
9月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
9月前
|
前端开发
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
32 0
|
5月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
41 1