搜索引擎优化

SEO是搜索引擎优化，简单来说就是为了能更好的搜索到关键内容，而相对与前端来讲，SEO优化的主要目标就是标签
答：1、优化html标签
尽量多使用一些HTML5语义化标签，比如：header，nav，footer，ul，ol，section等。
2.meta描述
可定义关键词，网站描述等
<meta charset="utf-8">：charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">：如果安装了GCF，则使用GCF来渲染页面，如果没有安装GCF（Google Chrome Frame谷歌内嵌浏览器框架），则使用最高版本的IE内核进行渲染，以此来解决部分兼容问题。
 <meta name="renderer" content="webkit">：强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放根据手机屏幕1:1显示的页面。让viewport的宽度等于设备的宽度，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。
3.前景图片<img /> 添加alt属性，这个比较重要，有很多适用场景.
<img src="" alt="图片加载失败文本描述"  title="图片描述文本"/ >
 适用场景：
       (1)当图片未成功显示的时候，仍可以显示文本，用户也可以大致了解图片主题
       (2)当图片成功显示的时候，鼠标以上图片，可显示图片描述
       (3)可解决网速慢，src引用错误，浏览器禁用图像，用户使用屏幕阅读器等情况
4.前景图片<img/>要定义大小，不然会造成页面重新渲染，影响加载速度
<img src="" width="" height=""/ >
5.内联采用绝对路径，减少服务器的响应时间
例如：< a href="www.baidu.com">百度一下</ a>
不要采用< a href="/index.html"></ a>
6.页面层级嵌套不宜太深
7.再就是SVG。因为svg图像的源文件是一个文本文件，有利于访问