meta优化

3、SEO 优化

<code class="hljs xml has-numbering" style="display: block; padding: 0px; BACkground-color: transparent; color: inherit; Box-sizing: border-Box; font-family: 'source Code Pro',monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; BACkground-position: initial initial; BACkground-repeat: initial initial;"><span class="hljs-tag" style="color: rgb(0,102,102); Box-sizing: border-Box;"><<span class="hljs-title" style="Box-sizing: border-Box; color: rgb(0,136);">Meta</span> <span class="hljs-attribute" style="Box-sizing: border-Box; color: rgb(102,102);">name</span>=<span class="hljs-value" style="Box-sizing: border-Box; color: rgb(0,136,0);">"description"</span> <span class="hljs-attribute" style="Box-sizing: border-Box; color: rgb(102,102);">content</span>=<span class="hljs-value" style="Box-sizing: border-Box; color: rgb(0,0);">"不超过150个字符"</span> /></span>页面描述
<span class="hljs-tag" style="color: rgb(0,0);">"keywords"</span> <span class="hljs-attribute" style="Box-sizing: border-Box; color: rgb(102,0);">"html5,css3,关键字"</span>/></span>页面关键词
<span class="hljs-tag" style="color: rgb(0,0);">"author"</span> <span class="hljs-attribute" style="Box-sizing: border-Box; color: rgb(102,0);">"魔法小栈"</span> /></span>定义网页作者
<span class="hljs-tag" style="color: rgb(0,0);">"robots"</span> <span class="hljs-attribute" style="Box-sizing: border-Box; color: rgb(102,0);">"index,follow"</span> /></span>定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，@L_874_25@，all，index和follow。</code><ul class="pre-numbering" style="Box-sizing: border-Box; position: absolute; width: 50px; BACkground-color: rgb(238,238,238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221,221,221); list-style: none; text-align: right;"><li style="Box-sizing: border-Box; padding: 0px 5px;">1</li><li style="Box-sizing: border-Box; padding: 0px 5px;">2</li><li style="Box-sizing: border-Box; padding: 0px 5px;">3</li><li style="Box-sizing: border-Box; padding: 0px 5px;">4</li></ul>

4、为移动设备添加 viewport

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; BACkground-color: transparent; color: inherit; Box-sizing: border-Box; font-family: 'source Code Pro',monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; BACkground-position: initial initial; BACkground-repeat: initial initial;"><span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;"><</span>Meta name <span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;">=</span><span class="hljs-String" style="color: rgb(0,0); Box-sizing: border-Box;">"viewport"</span> content <span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;">"width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"</span><span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;">></span>
    content 参数解释：
    width  　　　　 viewport 宽度(数值/device<span class="hljs-attribute" style="Box-sizing: border-Box;">-width</span>)
    height            viewport 高度(数值/device<span class="hljs-attribute" style="Box-sizing: border-Box;">-height</span>)
    initial<span class="hljs-attribute" style="Box-sizing: border-Box;">-scale</span>  初始缩放比例
    maximum<span class="hljs-attribute" style="Box-sizing: border-Box;">-scale</span>  最大缩放比例
    minimum<span class="hljs-attribute" style="Box-sizing: border-Box;">-scale</span>  最小缩放比例
    user<span class="hljs-attribute" style="Box-sizing: border-Box;">-scalable</span>  是否允许用户缩放(yes/no)
    <span class="hljs-literal" style="color: rgb(0,102); Box-sizing: border-Box;">minimal</span><span class="hljs-attribute" style="Box-sizing: border-Box;">-ui</span>      iOS <span class="hljs-number" style="color: rgb(0,102); Box-sizing: border-Box;">7.1</span> beta <span class="hljs-number" style="color: rgb(0,102); Box-sizing: border-Box;">2</span> 中新增属性，可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：
<span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;"><</span>Meta name<span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;">"viewport"</span> content<span class="hljs-subst" style="color: rgb(0,minimal-ui"</span><span class="hljs-subst" style="color: rgb(0,0); Box-sizing: border-Box;">></span></code><ul class="pre-numbering" style="Box-sizing: border-Box; position: absolute; width: 50px; BACkground-color: rgb(238,221); list-style: none; text-align: right;"><li style="Box-sizing: border-Box; padding: 0px 5px;">1</li><li style="Box-sizing: border-Box; padding: 0px 5px;">2</li><li style="Box-sizing: border-Box; padding: 0px 5px;">3</li><li style="Box-sizing: border-Box; padding: 0px 5px;">4</li><li style="Box-sizing: border-Box; padding: 0px 5px;">5</li><li style="Box-sizing: border-Box; padding: 0px 5px;">6</li><li style="Box-sizing: border-Box; padding: 0px 5px;">7</li><li style="Box-sizing: border-Box; padding: 0px 5px;">8</li><li style="Box-sizing: border-Box; padding: 0px 5px;">9</li><li style="Box-sizing: border-Box; padding: 0px 5px;">10</li></ul>