网站前端与SEO相关的规范

上一次我们讲了“网站后台与SEO相关规范”，主要是针对大型网站团队协作中网站后台技术人员需要注意的一些规范，前端也是同样道理，有了这样的规范，发给前端，让前端尽量按规范操作，才能做到网站对搜索引擎和用户的友好度，提升页面质量。

1.写出的页面尽量不要出现空白行，大型网站比如百度，会连不必要的换行都不要，比如百度首页。这样做的目的是为了减小网页体积，提升网页加载速度。
 

2.所有图片均要有alt属性，alt属性是一个图片的描述，描述出图片的意思即可。例如<img src="/res/images/cpm_logo.png" alt="查排名logo" class="head_logo">
 

3.一个网页内，能合并的css尽量合并
 

4.css样式尽量采用文件引入的方式，js也是尽量采用引入js文件的方式。
 

5.超链接a标签带title属性。比如：<a href="/homepage/guide_video.htm" target="_blank" title="{这里调用网页标题，由后台实现}"><img src="/res/images/homepage/cpm_guide.jpg" alt=""/></a>
 

6.一个页面只能有一个h1标签，而且必须有一个。比如我们现在的首页有8个h1标签，显然是不符合seo要求的。首页的重要内容多的话，可以用h2标签。
 

7.nofollow标签的使用。使用方法<a href="https://www.abc.com/" target="_blank" rel="nofollow"></a>，禁止权重传递标签，用在登录、注册等入口链接或者无关紧要页面的入口链接。加上nofollow以后，就可以防止我们当前页面的权重传递到链接的那个页面
 

8.strong标签

页面加粗的权重标签，一般用加粗用<strong>文字</strong>标签，而不用<b>文字</b>标签
 

9.某些专题页面，图片里面是文字的，除非特殊字体和特殊图片外，其他的所有文字要用前端写出来，不要直接放图片。比如：小二运营这个页面https://www.chapaiming.com/benefit/waiter.htm，应该用文字的地方，直接放图了。不符合seo的规范。