# 2、SEO与SEM优化
TIP
SEO和SEM是两种常规的推广手段 SEO：互联网推广 SEM：百度竞价 搜索引擎：百度、谷歌、360、搜狗...
当我们在百度搜索框中输入一个关键词，下面会呈现出很多网站，有的靠前有的靠后。如果想要靠前，就需要SEO优化技巧
1、各大网站都有一个自己的爬虫，每天都会去各个网站中检索内容，把一些内容或者关键词收录到自己的搜索引擎库中
2、当用户在搜索框中输入一个关键词，搜索引擎会通过关键词到自己的词库中进行检索，把所有匹配到内容对应的网站给检索出来，并且呈现给用户（谁的关键词被检索的次数多或者其他原因，决定排名的前后）
通过 site:网站的域名 可以查看出当前网站被搜索引擎收录的内容，我们也可以下载一些专门做SEO优化的工具 爱站工具 …
# 对于前端开发而言，哪些事情有助于SEO优化
# 1、给网站设置META标签以及设置title（设置的内容可以找专业的优化人员要）
TIP
meta的作用：用于提供页面的元数据，这些元数据包括：页面的字符集编码，关键词、描述、作者、视口设置等。
这些信息对于搜索引擎优化（SEO）、页面布局和展示、浏览器行为等方面都有重要作用。通过正确配置和使用 <meta> 标签，可以提供更好的用户体验和网页质量。
- 1、
title不可以乱写，这个是一个优化技巧 - 2、
keywords这个META标签是用来设置网站关键词的<meta name="keywords" content=""> - 3、description这个META标签是设置网站的描述
<meta name="description" content="">
# 2、注意代码上的优化，合理使用HTML标签，以及注意代码的SEO优化技巧
TIP
- 1、标签语义化
- 2、一个页面中的H1标签只能使用一次
- 3、img标签都要设置alt属性，在这个属性中声明当前图片的信息（蜘蛛不能收录图片，但是可以用抓取到图片alt属性的值）
- 4、HTML的层级不要太深，太深的层级，蜘蛛可能不会抓取和收录
- 5、把需要推广的关键词尽可能的在页面中曝光（最好写在H2-6标签中）
# 3、尽量不要使用前后端分离
在前后端分离的项目中，页面中的数据绑定交给后台处理（由服务器渲染页面），如果交给前端处理（由客户端渲染页面），渲染出来的数据，搜索爬虫是抓取不到的（在网站源码中无法看见通过客户端渲染数据的代码）
所有通过JS字符串拼接（ES6模版字符串、模版引擎..）绑定的数据，在网站源代码中都看不见，也就是无法收录
# 常用的meta标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
/* viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width */
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title>Title</title>
</head>
<body>
</body>
</html>