网站中的SEO和SEM初步了解

SEO和SEM是什么？

我们开发的产品最后总要运营推广出去，这就需要很多的运营推广手段

SEO和SEM就是两种常规的推广手段

SEO：网络推广（以互联网为媒介）

SEM：百度竞价（只要花钱就能排名靠前的）

搜索引擎：百度、谷歌、360、搜狗…

当我们在百度搜索框当中输入一个关键词，下面会呈现出很多网站，有的靠前有的考后，这就是SEO优化技巧需要考虑的

  1. 各大搜索引擎都有一个专属的爬虫，爬虫每天都会去各个网站中检索内容，把一些内容或者关键词收录到自己的搜索引擎中（记录：某某内容来源于那个网站）
  2. 当用户在搜索引擎输入框中输入一个关键词，搜索引擎会通过关键词到自己的词库中进行检索，把所有匹配到的内容对应的网站检索出来，并且呈现给用户（谁的关键词被检索的次数多或者其他原因），决定排名的前后
  3. 通过site:网站域名可以查看出当前网站被搜索引擎收录的内容，我们也可以下载一些专门做SEO优化的工具爱站工具…

对于前端开发而言，我们需要注意那些事情，用来有助于SEO的优化

  1. 给网站摄制META标签以及摄制title（设置的内容可以找专业的推广人员要）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
    <head>
    	<meta charset="UTF-8">
        <title>网站标题</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
       <!-- 
		1. title 不可以乱写，这个是很重要的优化技巧
		2. keywords 这个meta标签是用来设置网站关键词
		3. description 这个meta标签是设置网站的描述
	   --> 
    </head>
</html>

  1. 注意代码上的优化，合理使用HTML标签，以及注意代码的SEO优化技巧

    1. 标签语义化
    2. 一个页面中的H1标签只能使用一次
    3. img标签都要设置一个alt属性，在这个属性中声明当前图片的信息（爬虫不能收录图片，但是可以抓取到图片alt属性的值）
    4. html得层级不要太深，太深的层级，爬虫可能不会抓取和收录
    5. 把需要推广的关键词尽可能的在页面中曝光（最好写在h2-6标签中）
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <style>
        .logo {
            font-size: 0;
        }
    </style>
    <h1 class="logo">
        <img src="xxx.png" alt="站点名称">
        站点名称
    </h1>
    1. 尽量不用使用前后段分离，页面中的数据绑定交给后台处理，由服务器来渲染页面，交给前端处理由客户端渲染页面，搜索引擎的爬虫是爬取不到的（在网站源码中，无法看见通过客户端渲染数据的代码）

所有的SEO优化技巧相对于花钱做SEM都是浮云

SEM：百度竞价，用户花钱做关键词排名