大家可以這樣理解，幾乎所有的網站前端都是由HTML+CSS所組成的，而百度蜘蛛只能抓取前我們網站前端內容，即“HTML+CSS+文字+圖片”所以我們的網站頁面綜合質量跟HTML+CSS代碼有著絕對性的關系，百度判斷一個頁面的好壞，有很大一部分原因是通過HTML+CSS代碼進行判斷的。下面我們對HTML代碼進行詳細講解！
HTML、CSS 和JavaScript三者的關系
HTML主要用于一個頁面的文字布局，圖片位置顯示等，如果我們拿制造汽車來打比方的話，HTML就好比把所有的車架、方向盤、腳剎、發(fā)動機等等全部安裝好。
CSS主要控制網頁中的樣式，比如字體大小，字號，邊距，圖片大小，等等，如果拿制造汽車來打比方的話，CSS就是給汽車噴漆，貼一些圖案，這個時候，汽車的外觀非常的漂亮！
JavaScript簡稱為JS主要控制網頁之間的數據傳遞，一些動態(tài)效果的實現！比如滾動公告的動態(tài)效果、漸變圖片的實現、幻燈片自動切換效果！如果拿制造汽車來打比方的話，JS就是實現汽車大燈開關的控制，反向盤的控制，發(fā)動機啟動等等一系列配合的控制！
針對網頁優(yōu)化 HTML、CSS、JavaScript的注意事項！
首先我們來講解HTML，為一個頁面的布局，百度官方認可的布局方式就是“DIV+CSS”，不要用一些table之類的，或者其他框架進行布局，所以這一點一定要注意，框架布局一定按照官方的要求來！
我們再來談CSS，一般而言，CSS都是被封裝成*.css文件直接導入網頁中，但是前端開發(fā)者特別喜歡封裝成多個CSS文件導入，的確這種方式會方便管理，但是對于SEO就很不友好，會增加蜘蛛的無效抓取，同時也會讓服務器同時執(zhí)行多個css文件而降低頁面打開速度，所以這里建議大家最好把css封裝成一個完整的css文件，這個小細節(jié)，請大家要注意！
JavaScript對于網站的影響是最大的，因為JS代碼一般來說都很長，執(zhí)行過程中會把服務器拖得很慢，造成網頁打開速度延遲的情況，同時百度蜘蛛不識別js文件，如果一個網站有太多js，會大幅度影響SEO的排名效果！下面是對應優(yōu)化方法！
1，減少頁面大量動態(tài)效果，或者替換其他功能模塊！
2，盡量把js文件合并，不要有多個js文件。
3，把js文件放到網站最底部，先讓網頁加載出來，最后加載js，會提升網頁速度！
TDK三大標簽的優(yōu)化！（title標題、description描述、keywords關鍵詞）
title標題
title標簽為網頁標題，為網頁中最為核心的標簽，排名結果中直接顯示的就是title標題，這個位置主要布局網站的核心詞，切記要按照百度官方要求來，不要進行堆砌！也不要超過30個字，否則會自動隱藏，反而不利于SEO，另外title主標簽的權重是從左到右計算的，所以我們要把主要的關鍵詞放到最左邊，讓主要關鍵詞在權重最高的位置，可以有效提升網站核心關鍵詞排名！
description描述
description描述主要是針對當前網頁內容做一個簡單的描述，同樣description也會顯示到排名的結果中，可以給用戶一個簡單的參考，讓用戶判斷是不是自己所需要的內容頁面！網站描述一般都需要重復核心關鍵詞1-2遍，以提升核心關鍵詞的密度，可以有效促進核心關鍵詞排名，另外描述最好不要超過150字。
keywords關鍵詞
keywords關鍵詞，用戶是看不到的，主要是給搜索引擎看的，百度搜索可以通過keywords關鍵詞來判斷你網頁重點描述的內容是什么。一般一個頁面的關鍵詞可以放1-5個左右，不要超過5個，也不可以堆砌，越自然越好，突出網頁重點即可！因為目前來說，keywords的權重值是比較低的，大家不要糾結這一塊！
< h1 >~< h6 > 標簽
一般而言，一個網頁中經常會用到的標簽只有< h1 >、< h2 >、< h3 >這三個標簽，因為百度很重視H標簽，如何合理運用，百度會給我們網頁增加相應的評分，可以有效提升我們頁面的排名。
< H1 >標簽一般出現在頁面LOGO，或者單個文章的主標題部分。一個頁面只能有一個。
? < H2 >標簽一般會用在網站欄目或者小標題標題部分。
? < H3 >標簽一般用在側欄小標題子標題部分。
< Strong > 和 < B > 標簽
這兩個標簽都是頁面文字加粗標簽，主要用于文章內容的強調，告訴搜索引擎我們這篇文章內容主要強調的是什么，合理的強調也會增加用戶的體驗度，同時也應用于段落標題的加粗，使文章層次更加合理，可以明顯增加頁面評分，有效提升頁面權重值，更加利于SEO排名！
標簽的合理優(yōu)化
title屬性
a標簽中的 title=""，這個標簽在實際優(yōu)化中是很重要的，根據html分值表中，每一個a標簽的title屬性都會為頁面+1分，正常我們一個頁面都會有20-50個a標簽，所以如何合理運用titile這個屬性，頁面分值會增加很多!
nofllow屬性
這是屏蔽鏈接權重的屬性，主要為了給頁面集權使用，防止頁面權重流失，我們可以利用nofllow屬性屏蔽頁面中一些不需要排名的頁面鏈接，比如“網站地圖、關于我們、聯(lián)系我們、公司資質”等這類不需要排名的頁面，會減少我們當前頁面權重評分的流失，這個小技巧，也是可以有效提升頁面排名的！
SEO忌諱的三個標簽flash、iframe、Table
Table頁面布局
有很多人頁面布局是用Table進行布局的，這種布局的方式是非常不利于SEO的，因為Table都是表格嵌套，百度蜘蛛抓取Table遇到多層表格，直接就跳出不進行抓取，所以可能抓取不到我們網站所有的內容，這對搜索引擎是非常不利的，所以大家在網頁布局的時候，不要使用Table標簽！
iframe嵌套標簽
iframe嵌套標簽主要是可以把一個頁面的內容嵌套到另一個頁面中，這種嵌套本身就不利于SEO，且iframe標簽百度蜘蛛并不能識別，所以大家做SEO的時候也不要去使用iframe標簽進行嵌套。
flash效果
flash可以是視頻，可是是圖片，可以是幻燈片，做出來的網站效果是非常美觀的，但是由于flash文件體積較大，會嚴重拖慢網頁的打開速度，且百度蜘蛛根本就不能識別flash的內容，所以做SEO優(yōu)化的頁面千萬不要因為美觀度，而去使用flash效果，會造成網站的某些位置百度蜘蛛不識別，從而影響我們整站優(yōu)化排名！
