SEO優化小技巧

/**
 * seo優化課程
 * 先謝慕課網
 */

/**
 * SEO基本介紹
 * SEO與前端工程師
 */

/**
 * SEO基本介紹
 * 搜索引擎工做原理：輸入關鍵字------查詢------顯示結果
 * 百度後臺數據庫保存着海量數據的數據庫，這些數據的鍵是關鍵字，鍵對應着百度的腳本（百度蜘蛛）從互聯網裏面獲取的網址
 * 百度蜘蛛每時每刻都在互聯網上爬取，對網址裏面的數據進行分析，若是發現百度數據庫不存在的、對用戶可能有用的，就會抓取保存到百度後臺數據庫裏。
 * 垃圾信息或者重複的內容就會被捨棄，蜘蛛搜索抓取最新的內容，
 * 關鍵字對應不少網址，最吻合的就排在上面。
 *
 * 搜索引擎優化 search engine optimization：在網友搜索關鍵字時，咱們的網站內容排在最前面。
 * 白帽SEO、黑帽SEO
 *
 * 白帽SEO：
 * 對網站的標題、關鍵字、描述精心設計，反應網站定位，讓搜索引擎明白網站是作什麼的。
 * 在網站的內容上，增長關鍵字的密度，增長長尾關鍵字等。
 * 在網站上合理設置Robot文件。
 * 生成對搜索引擎友好的網站地圖。
 * 增長外部連接，擴大網站的宣傳。
 *
 *
 * 網站佈局結構優化、網頁代碼優化。
 *
 */

/**
 * SEO與前端工程師
 * 網站結構的優化：
 * 扁平化結構，（目錄層次越少），儘可能跳轉三層就能夠跳到，超過三次點擊沒有獲取到信息不推薦、
 * 控制首頁連接數量（百度蜘蛛不能爬到內頁，中小企業100個之內，導航，錨文字）、
 * 導航能出如今頭部、尾部、內容部分；主導航、副導航、麪包屑導航（可讓用戶瞭解當前位置，清晰瞭解網站結構）
 *
 * 上面是logo和導航條
 * 中間左邊是內容部分，內容部分左上角有面包屑導航
 * 中間右邊是熱門文章，增長連接
 * 下面是版權信息和友情連接
 *
 * 分頁方式：作好頁標，後面作下拉框，百度蜘蛛想去哪一頁就去哪一頁。
 * 一個頁面最好不要超過100k；
 *
 *
 * 代碼SEO優化：
 * title網頁標題：只強調重點便可，把網站關鍵詞放在前面，不要重複
 * meta keywords關鍵詞：網頁關鍵詞，不要過度堆砌
 * meta description描述：高度歸納網頁內容，必定不要太長，也不能過度堆砌
 *
 * 語義化代碼：在適當的位置用適當的標籤
 * h1-h6標題 strong強調
 *
 * a標籤：要加上說明，title，對於指向其餘網站的連接，要加上rel=nofollow,
 * 標題要用h1標籤；用css修飾，主標題用h1,副標題用h2,其餘地方儘可能不要用h標籤，
 * p段落，br只用於文本內容的換行，不要用於html換行，html換行儘可能用css調整margin和padding實現,br的用法在文本(p)中間
 * table標籤用caption定義表格名稱
 * img標籤要使用alt說明
 * 重要內容的html代碼放在前面
 * 重要內容不要使用js輸出
 * 儘可能少用iframe
 * 儘可能少用display:none,對於不想顯示的文字，可使用z-index，或者顯示到瀏覽器顯示範圍外
 * 精簡代碼
 *
 */