這是我的第一篇文章，看大牛們的分享看多啦，今天輪到我這種渣渣分享下吧。

我沒經(jīng)過前端培訓(xùn)，最主要是我專業(yè)也不學(xué)前端，所以全靠自學(xué)。半年前在面試了四家公司之后終于拿到了現(xiàn)在這家公司的offer（雖然跟很多大神的面試經(jīng)歷比起來，我這點算不了什么）。

剛開始讓我一個人開發(fā)的時候我真的是一臉懵，一個人開發(fā)的話有個好處是代碼不會特別亂，有自己的思路去開發(fā)，但是一開始的布局和基本樣式是十分重要的！

下面說一下我在開發(fā)靜態(tài)過程中遇到的最基本的搜索引擎優(yōu)化問題和解決的辦法：

一、代碼規(guī)范化：
爬蟲進入你的頁面會在HTML從左到右，自上而下的爬過，所以相對重要的內(nèi)容（例如導(dǎo)航、標題、圖標）寫在越前面越好；而爬蟲不會進入頁面外部引用的東西，更容易讓搜索引擎檢測你的內(nèi)容重要的部分。
1、運用DIV+CSS布局，兼容主流瀏覽器（谷歌，火狐，IE，360等）；
2、主輔關(guān)鍵字不使用CSS添加樣式。例如：標題、段落關(guān)鍵字，直接使用<b>、<i>、<h1>等權(quán)重標簽；
3、CSS和JS盡量都不寫在HTML中，使用外部引用的方式；
4、頭部的關(guān)鍵字（影響收錄不能輕易修改）：<meta name=keywords content="...">；
5、頭部的描述：<meta name=description content="...">。

二、圖片優(yōu)化：
搜索引擎看不到圖長什么樣，但是頁面引用固定的圖片和圖標能帶來很多信息。
1、圖片命名不能濫用關(guān)鍵字，例如：kekedj-music.png、kekedj-bg.png；
2、圖片的alt屬性：說明圖片內(nèi)容，要有真實性的；
3、圖片的壓縮：有很多種和方法，一種是普通的切圖，壓縮圖片為50~60品質(zhì)的，jpg格式；一種是使用雪碧圖，圖標放在一張圖壓縮，但是萬一要修改就非常不方便了；第三種是使用SVG繪圖制作圖標。

還有很多需要學(xué)習(xí)的地方，這是我一點基礎(chǔ)的總結(jié)，也希望這一些能給大家提供幫助。
最后剖出這半年的成果吧，在公司學(xué)習(xí)和工作了七個月時間，除了和其他前端分工及優(yōu)化其他項目之外，這是我第一個前端這塊獨立開發(fā)的網(wǎng)站。
大家可以百度：可可DJ音樂
手機可以打開wap版（電腦也可以打開）：可可DJ音樂DJ個人主頁
還有正在使用前端框架ionic2+Angular2開發(fā)的商城還沒發(fā)布，關(guān)注可可DJ音樂平臺公眾號可以了解更多。