SEO搜索引擎优化

一、合理的title、description、keywards

        title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到（搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要。）词语之间用英文“-”隔开，因为计算机只对英语敏感性高。

<title>Document</title>

        description是对于一个网页的简要内容概况。description一般不超过150个字符，描述内容要和页面内容相关。用法：<meta name=”description” content=”网页的简述”>

<meta name="description" content="XXXXXXX">

        keywords，主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此keywords的每个词都要能在内容中找到相应匹配，才有利于排名。keywords一般不超过3个，每个关键词不宜过长，而且词语间要用英文“,”隔开。用法：<meta name=”keywords” content=”关键词1,关键词2,关键词3,关键词4″>        

<meta name="keywords" content="关键字1, 关键字2, 关键字3, 关键字4">

二、语义化的HTML代码让搜索引擎更加理解网页

        HTML5提供了新的语义元素来定义网页的不同部分，被称为“切片元素”，如：

<header>(页眉，头部) 、<nav>（导航栏）、 <article> （自成一体的内容，方便开发重用）、<aside>（附属信息）、 <section>（节或者段）、 <footer>（页脚）

        尽可能少的使用无语义的标签div和span；
        在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
        不要使用纯样式标签，如：b、font、u等，改用css设置。
        需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
        使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；
        表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
        每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

三、非装饰性图片必须加alt

        <img>标签的alt属性指定替代文本，在图片没有显示的时候替代图像显示在浏览器中的内容。

        示例<img src="xxx.jpg" alt="华强买瓜-孙红雷" />

        alt标签可以增强内容相关性，也能提高关键词密度。

四、友情链接和外链，质量高的友情链接或外链可以提升网站权重

        即互相引流，互利互惠

五、向各大搜索引擎登录入口提交尚未收录站点

六、重要的内容HTML代码放在最前面

        搜索引擎抓取HTML的顺序是从上到下，尽量保证重要内容一定被抓取。

七、少用iframe

        搜索引擎不会抓取iframe中的内容

八、提高网站速度

        网站速度是搜索引擎排序的一个重要指标

本文引自大佬前端如何进行seo优化_阵雨的博客-CSDN博客_前端seo