常見html優化代碼講解！

大家可以這樣理解，幾乎所有的網站前端都是由HTML+CSS所組成的，而百度蜘蛛只能抓取前我們網站前端內容，即「HTML+CSS+文字+圖片」所以我們的網站頁面綜合質量跟HTML+CSS代碼有著絕對性的關係，百度判斷一個頁面的好壞，有很大一部分原因是通過HTML+CSS代碼進行判斷的。下面我們對HTML代碼進行詳細講解！

HTML、CSS 和JavaScript三者的關係

HTML主要用於一個頁面的文字布局，圖片位置顯示等，如果我們拿製造汽車來打比方的話，HTML就好比把所有的車架、方向盤、腳剎、發動機等等全部安裝好。
CSS主要控制網頁中的樣式，比如字體大小，字號，邊距，圖片大小，等等，如果拿製造汽車來打比方的話，CSS就是給汽車噴漆，貼一些圖案，這個時候，汽車的外觀非常的漂亮！

JavaScript簡稱為JS主要控制網頁之間的數據傳遞，一些動態效果的實現！比如滾動公告的動態效果、漸變圖片的實現、幻燈片自動切換效果！如果拿製造汽車來打比方的話，JS就是實現汽車大燈開關的控制，方向盤的控制，發動機啟動等等一系列配合的控制！

首先我們來講解HTML，為一個頁面的布局，百度官方認可的布局方式就是「DIV+CSS」，不要用一些table之類的，或者其他框架進行布局，所以這一點一定要注意，框架布局一定按照官方的要求來！

DIV+CSS布局

我們再來談CSS，一般而言，CSS都是被封裝成*.css文件直接導入網頁中，但是前端開發者特別喜歡封裝成多個CSS文件導入，的確這種方式會方便管理，但是對於SEO就很不友好，會增加蜘蛛的無效抓取，同時也會讓伺服器同時執行多個css文件而降低頁面打開速度，所以這裡建議大家最好把css封裝成一個完整的css文件，這個小細節，請大家要注意！

1、減少頁面大量動態效果，或者替換其他功能模塊
2、儘量把js文件合併，不要有多個js文件
3、把js文件放到網站最底部，先讓網頁加載出來，最後加載js，會提升網頁速度

TDK三大標籤的優化！（title標題、description描述、keywords關鍵詞）

title標題
title標籤為網頁標題，為網頁中最為核心的標籤，排名結果中直接顯示的就是title標題，這個位置主要布局網站的核心詞，切記要按照百度官方要求來，不要進行堆砌！也不要超過30個字，否則會自動隱藏，反而不利於SEO，另外title主標籤的權重是從左到右計算的，所以我們要把主要的關鍵詞放到最左邊，讓主要關鍵詞在權重最高的位置，可以有效提升網站核心關鍵詞排名！

< h1 >~< h6 > 標籤
一般而言，一個網頁中經常會用到的標籤只有< h1 >、< h2 >、< h3 >這三個標籤，因為百度很重視H標籤，如何合理運用，百度會給我們網頁增加相應的評分，可以有效提升我們頁面的排名。

< H1 >標籤一般出現在頁面LOGO，或者單個文章的主標題部分。一個頁面只能有一個。
  < H2 >標籤一般會用在網站欄目或者小標題標題部分。
  < H3 >標籤一般用在側欄小標題子標題部分。

< Strong > 和 < B > 標籤

這兩個標籤都是頁面文字加粗標籤，主要用於文章內容的強調，告訴搜尋引擎我們這篇文章內容主要強調的是什麼，合理的強調也會增加用戶的體驗度，同時也應用於段落標題的加粗，使文章層次更加合理，可以明顯增加頁面評分，有效提升頁面權重值，更加利於SEO排名！

標籤的合理優化

title屬性
a標籤中的 title=""，這個標籤在實際優化中是很重要的，根據html分值表中，每一個a標籤的title屬性都會為頁面+1分，正常我們一個頁面都會有20-50個a標籤，所以如何合理運用titile這個屬性，頁面分值會增加很多!

nofllow屬性
這是屏蔽連結權重的屬性，主要為了給頁面集權使用，防止頁面權重流失，我們可以利用nofllow屬性屏蔽頁面中一些不需要排名的頁面連結，比如「網站地圖、關於我們、聯繫我們、公司資質」等這類不需要排名的頁面，會減少我們當前頁面權重評分的流失，這個小技巧，也是可以有效提升頁面排名的！

SEO忌諱的三個標籤flash、iframe、Table

Table頁面布局
有很多人頁面布局是用Table進行布局的，這種布局的方式是非常不利於SEO的，因為Table都是表格嵌套，百度蜘蛛抓取Table遇到多層表格，直接就跳出不進行抓取，所以可能抓取不到我們網站所有的內容，這對搜尋引擎是非常不利的，所以大家在網頁布局的時候，不要使用Table標籤！