前端面试题：怎么实现网页优化？

• 页面优化的作用：让网站被搜索引擎搜索到,提高搜索排名
• 页面头部优化
  页面头部指的是代码部分，具体一点就是指的“Description（描述）”和“Keywords（关键字）”两部分：
  1、“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字，在这其中，你应该适当的对你网站的特色内容加以重复以求突出；
  2、“关键字”部分应该列出你认为合适的，能突出网站内容的关键字就可以了，关键字不要设置太多，可设置10—8个，搜索引擎只会浏览靠前的几个关键字。
  向搜索引擎说明你的网页的关键词；
  告诉搜索引擎你的站点的主要内容；
• 超链接优化
  搜索引擎为何可以能够索引全世界的网站，是因为各个搜索引擎程序中都有一个会自动“爬行”于互联网上的智能机器人程序，这个机器人就是顺着网站之间的链接游览世界的，那么我们就应该为它创造一个良好的爬行通道——合理的设置链接。 怎样的链接才是合理的呢？
  1、采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字.
  2、按规范书写超链接，这个title属性，它既可以起到提示访客的作用，也可以让搜索引擎知道它要去哪里.
  3、最好别使用图片热点链接，理由和第一点差不多。
• 图片优化
  图片优化并不是修改图片的大小、颜色，而是你应该为每个标签加上alt属性。
  alt属性的作用是当图片无法显示时以文字作为替代显示出来，而对于SEO来说，它可以令搜索引擎有机会索引你网站上的图片，对于一些确实没什么意义的图片，最好也不要省略alt，而应该留空，即 alt=“”。
• 结构优化
  1、压缩页面所在的内存大小，尽量控制在100kb左右，因为搜索引擎搜索的时候容易爬取
  2、充分做到结构样式行为的分离，尽量不要结构样式行为混用。
• css的优化
  A：合理的整合css文件
  B: 后代选择符的层级不易过多，一般保持到4层以内
  C：正确的使用精灵图，减少图片的请求加载次数
  D：注意样式的冗余，比如设置了display:inline,但还给元素设置width height等属性，这样的设置造成属性无效但是不影响显示效果，造成样式的冗余，文件繁琐过大的问题