SEO search engine optimization
整体优化
1.生成对搜索引擎友好的网站地图
2.增加外部链接，到各个网站上宣传
3.导航链接优化，不超过三层
4.面包屑导航 增强位置感
5.不断精简代码
6.js代码如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后
html文件是自上而下的执行方式，css引入执行加载时，程序仍然往下执行
script脚本是则中断线程，待该script脚本执行结束之后程序才继续往下执行
页面效果实现类的js放在body之前，动作，交互，事件驱动的js都可以放在body之后
HTML中不区分大小写，js区分大小写
7.将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取
8.重要内容不要用JS输出，因为“蜘蛛”不认识
语义化标签
<title> #只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容
<meta keywords> #关键词，列举出几个页面的重要关键字即可，切记过分堆砌
<meta description> #网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
<body> #尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然
<a title rel="nofollow"> #页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 rel="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了
<img alt title> #图片添加alt,title
<h1> #正文标题用<h1>副标题用<h2> h3-h6就不用了 #“蜘蛛” 认为它最重要，若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签，副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签
<br> #只用于文本内容的换行<p><br><p>
<caption> #表格标题标签
<strong>、<em> #需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签
<b>、<i> #只是用于显示效果时使用，在SEO中不会起任何效果
<main> #页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能
<small> #指定细则，输入免责声明、注解、署名、版权
<mark> #突出显示文本（yellow），提醒读者。
<figure> #创建图
<figcaption> #figure的标题，必须是figure内嵌的第一个或者最后一个元素
<cite> #指明引用或者参考，如图书的标题，歌曲、电影、等的名称，演唱会、音乐会、规范、报纸、或法律文件等
<blockquoto> #引述文本，默认新的一行显示
<time> #标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式
<abbr> #解释缩写词。使用title属性可提供全称，只在第一次出现时使用就ok
<address> #作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）
<del> #移除的内容
<code> #标记代码。包含示例代码或者文件名 （< < > >）
<pre> #预格式化文本。保留文本固有的换行和空格
<progress> #完成进度。可通过js动态更新value。
<meter> #表示分数的值或者已知范围的测量结果。如投票结果。
<audio>
<video>
<dialog>
<progress>
© #文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 ©直接打出版权符号©
display:one; #对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容
iframe #框架,因为“蜘蛛”一般不会读取其中的内容语义化布局
<head>
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<header></header>
<nav></nav>
<main></main>
<article>
<section></section>
</article>
<aside></aside>
<footer>
<address></address>
</footer>
</body>