这是我的第一篇文章，看大牛们的分享看多啦，今天轮到我这种渣渣分享下吧。
我没经过前端培训，最主要是我专业也不学前端，所以全靠自学。半年前在面试了四家公司之后终于拿到了现在这家公司的offer（虽然跟很多大神的面试经历比起来，我这点算不了什么）。
刚开始让我一个人开发的时候我真的是一脸懵，一个人开发的话有个好处是代码不会特别乱，有自己的思路去开发，但是一开始的布局和基本样式是十分重要的！
下面说一下我在开发静态过程中遇到的最基本的搜索引擎优化问题和解决的办法：
一、代码规范化：
爬虫进入你的页面会在HTML从左到右，自上而下的爬过，所以相对重要的内容（例如导航、标题、图标）写在越前面越好；而爬虫不会进入页面外部引用的东西，更容易让搜索引擎检测你的内容重要的部分。
1、运用DIV+CSS布局，兼容主流浏览器（谷歌，火狐，IE，360等）；
2、主辅关键字不使用CSS添加样式。例如：标题、段落关键字，直接使用<b>、<i>、<h1>等权重标签；
3、CSS和JS尽量都不写在HTML中，使用外部引用的方式；
4、头部的关键字（影响收录不能轻易修改）：<meta name=keywords content="...">；
5、头部的描述：<meta name=description content="...">。
二、图片优化：
搜索引擎看不到图长什么样，但是页面引用固定的图片和图标能带来很多信息。
1、图片命名不能滥用关键字，例如：kekedj-music.png、kekedj-bg.png；
2、图片的alt属性：说明图片内容，要有真实性的；
3、图片的压缩：有很多种和方法，一种是普通的切图，压缩图片为50~60品质的，jpg格式；一种是使用雪碧图，图标放在一张图压缩，但是万一要修改就非常不方便了；第三种是使用SVG绘图制作图标。
还有很多需要学习的地方，这是我一点基础的总结，也希望这一些能给大家提供帮助。
最后剖出这半年的成果吧，在公司学习和工作了七个月时间，除了和其他前端分工及优化其他项目之外，这是我第一个前端这块独立开发的网站。
大家可以百度：可可DJ音乐
手机可以打开wap版（电脑也可以打开）：可可DJ音乐DJ个人主页
还有正在使用前端框架ionic2+Angular2开发的商城还没发布，关注可可DJ音乐平台公众号可以了解更多。
网友评论