大家可以這樣理解，幾乎所有的網(wǎng)站前端都是由HTML+CSS所組成的，而百度蜘蛛只能抓取前我們網(wǎng)站前端內(nèi)容，即“HTML+CSS+文字+圖片”所以我們的網(wǎng)站頁(yè)面綜合質(zhì)量跟HTML+CSS代碼有著絕對(duì)性的關(guān)系，百度判斷一個(gè)頁(yè)面的好壞，有很大一部分原因是通過(guò)HTML+CSS代碼進(jìn)行判斷的。下面我們對(duì)HTML代碼進(jìn)行詳細(xì)講解！

    HTML、CSS 和JavaScript三者的關(guān)系

    HTML主要用于一個(gè)頁(yè)面的文字布局，圖片位置顯示等，如果我們拿制造汽車來(lái)打比方的話，HTML就好比把所有的車架、方向盤、腳剎、發(fā)動(dòng)機(jī)等等全部安裝好。

    CSS主要控制網(wǎng)頁(yè)中的樣式，比如字體大小，字號(hào)，邊距，圖片大小，等等，如果拿制造汽車來(lái)打比方的話，CSS就是給汽車噴漆，貼一些圖案，這個(gè)時(shí)候，汽車的外觀非常的漂亮！

    JavaScript簡(jiǎn)稱為JS主要控制網(wǎng)頁(yè)之間的數(shù)據(jù)傳遞，一些動(dòng)態(tài)效果的實(shí)現(xiàn)！比如滾動(dòng)公告的動(dòng)態(tài)效果、漸變圖片的實(shí)現(xiàn)、幻燈片自動(dòng)切換效果！如果拿制造汽車來(lái)打比方的話，JS就是實(shí)現(xiàn)汽車大燈開關(guān)的控制，反向盤的控制，發(fā)動(dòng)機(jī)啟動(dòng)等等一系列配合的控制！

    針對(duì)網(wǎng)頁(yè)優(yōu)化 HTML、CSS、JavaScript的注意事項(xiàng)！

    首先我們來(lái)講解HTML，為一個(gè)頁(yè)面的布局，百度官方認(rèn)可的布局方式就是“DIV+CSS”，不要用一些table之類的，或者其他框架進(jìn)行布局，所以這一點(diǎn)一定要注意，框架布局一定按照官方的要求來(lái)！

    我們?cè)賮?lái)談CSS，一般而言，CSS都是被封裝成*.css文件直接導(dǎo)入網(wǎng)頁(yè)中，但是前端開發(fā)者特別喜歡封裝成多個(gè)CSS文件導(dǎo)入，的確這種方式會(huì)方便管理，但是對(duì)于SEO就很不友好，會(huì)增加蜘蛛的無(wú)效抓取，同時(shí)也會(huì)讓服務(wù)器同時(shí)執(zhí)行多個(gè)css文件而降低頁(yè)面打開速度，所以這里建議大家最好把css封裝成一個(gè)完整的css文件，這個(gè)小細(xì)節(jié)，請(qǐng)大家要注意！

    JavaScript對(duì)于網(wǎng)站的影響是最大的，因?yàn)镴S代碼一般來(lái)說(shuō)都很長(zhǎng)，執(zhí)行過(guò)程中會(huì)把服務(wù)器拖得很慢，造成網(wǎng)頁(yè)打開速度延遲的情況，同時(shí)百度蜘蛛不識(shí)別js文件，如果一個(gè)網(wǎng)站有太多js，會(huì)大幅度影響SEO的排名效果！下面是對(duì)應(yīng)優(yōu)化方法！

    1，減少頁(yè)面大量動(dòng)態(tài)效果，或者替換其他功能模塊！

    2，盡量把js文件合并，不要有多個(gè)js文件。

    3，把js文件放到網(wǎng)站最底部，先讓網(wǎng)頁(yè)加載出來(lái)，最后加載js，會(huì)提升網(wǎng)頁(yè)速度！

    TDK三大標(biāo)簽的優(yōu)化！（title標(biāo)題、description描述、keywords關(guān)鍵詞）

    title標(biāo)題

    title標(biāo)簽為網(wǎng)頁(yè)標(biāo)題，為網(wǎng)頁(yè)中最為核心的標(biāo)簽，排名結(jié)果中直接顯示的就是title標(biāo)題，這個(gè)位置主要布局網(wǎng)站的核心詞，切記要按照百度官方要求來(lái)，不要進(jìn)行堆砌！也不要超過(guò)30個(gè)字，否則會(huì)自動(dòng)隱藏，反而不利于SEO，另外title主標(biāo)簽的權(quán)重是從左到右計(jì)算的，所以我們要把主要的關(guān)鍵詞放到最左邊，讓主要關(guān)鍵詞在權(quán)重最高的位置，可以有效提升網(wǎng)站核心關(guān)鍵詞排名！

    description描述

    description描述主要是針對(duì)當(dāng)前網(wǎng)頁(yè)內(nèi)容做一個(gè)簡(jiǎn)單的描述，同樣description也會(huì)顯示到排名的結(jié)果中，可以給用戶一個(gè)簡(jiǎn)單的參考，讓用戶判斷是不是自己所需要的內(nèi)容頁(yè)面！網(wǎng)站描述一般都需要重復(fù)核心關(guān)鍵詞1-2遍，以提升核心關(guān)鍵詞的密度，可以有效促進(jìn)核心關(guān)鍵詞排名，另外描述最好不要超過(guò)150字。

    keywords關(guān)鍵詞

    keywords關(guān)鍵詞，用戶是看不到的，主要是給搜索引擎看的，百度搜索可以通過(guò)keywords關(guān)鍵詞來(lái)判斷你網(wǎng)頁(yè)重點(diǎn)描述的內(nèi)容是什么。一般一個(gè)頁(yè)面的關(guān)鍵詞可以放1-5個(gè)左右，不要超過(guò)5個(gè)，也不可以堆砌，越自然越好，突出網(wǎng)頁(yè)重點(diǎn)即可！因?yàn)槟壳皝?lái)說(shuō)，keywords的權(quán)重值是比較低的，大家不要糾結(jié)這一塊！

    < h1 >~< h6 > 標(biāo)簽   

    一般而言，一個(gè)網(wǎng)頁(yè)中經(jīng)常會(huì)用到的標(biāo)簽只有< h1 >、< h2 >、< h3 >這三個(gè)標(biāo)簽，因?yàn)榘俣群苤匾旽標(biāo)簽，如何合理運(yùn)用，百度會(huì)給我們網(wǎng)頁(yè)增加相應(yīng)的評(píng)分，可以有效提升我們頁(yè)面的排名。

     < H1 >標(biāo)簽一般出現(xiàn)在頁(yè)面LOGO，或者單個(gè)文章的主標(biāo)題部分。一個(gè)頁(yè)面只能有一個(gè)。

? < H2 >標(biāo)簽一般會(huì)用在網(wǎng)站欄目或者小標(biāo)題標(biāo)題部分。

? < H3 >標(biāo)簽一般用在側(cè)欄小標(biāo)題子標(biāo)題部分。

    < Strong > 和 < B > 標(biāo)簽

    這兩個(gè)標(biāo)簽都是頁(yè)面文字加粗標(biāo)簽，主要用于文章內(nèi)容的強(qiáng)調(diào)，告訴搜索引擎我們這篇文章內(nèi)容主要強(qiáng)調(diào)的是什么，合理的強(qiáng)調(diào)也會(huì)增加用戶的體驗(yàn)度，同時(shí)也應(yīng)用于段落標(biāo)題的加粗，使文章層次更加合理，可以明顯增加頁(yè)面評(píng)分，有效提升頁(yè)面權(quán)重值，更加利于SEO排名！

    標(biāo)簽的合理優(yōu)化

    title屬性

    a標(biāo)簽中的 title=""，這個(gè)標(biāo)簽在實(shí)際優(yōu)化中是很重要的，根據(jù)html分值表中，每一個(gè)a標(biāo)簽的title屬性都會(huì)為頁(yè)面+1分，正常我們一個(gè)頁(yè)面都會(huì)有20-50個(gè)a標(biāo)簽，所以如何合理運(yùn)用titile這個(gè)屬性，頁(yè)面分值會(huì)增加很多!

   nofllow屬性

    這是屏蔽鏈接權(quán)重的屬性，主要為了給頁(yè)面集權(quán)使用，防止頁(yè)面權(quán)重流失，我們可以利用nofllow屬性屏蔽頁(yè)面中一些不需要排名的頁(yè)面鏈接，比如“網(wǎng)站地圖、關(guān)于我們、聯(lián)系我們、公司資質(zhì)”等這類不需要排名的頁(yè)面，會(huì)減少我們當(dāng)前頁(yè)面權(quán)重評(píng)分的流失，這個(gè)小技巧，也是可以有效提升頁(yè)面排名的！

    SEO忌諱的三個(gè)標(biāo)簽flash、iframe、Table

    Table頁(yè)面布局

    有很多人頁(yè)面布局是用Table進(jìn)行布局的，這種布局的方式是非常不利于SEO的，因?yàn)門able都是表格嵌套，百度蜘蛛抓取Table遇到多層表格，直接就跳出不進(jìn)行抓取，所以可能抓取不到我們網(wǎng)站所有的內(nèi)容，這對(duì)搜索引擎是非常不利的，所以大家在網(wǎng)頁(yè)布局的時(shí)候，不要使用Table標(biāo)簽！

    iframe嵌套標(biāo)簽

    iframe嵌套標(biāo)簽主要是可以把一個(gè)頁(yè)面的內(nèi)容嵌套到另一個(gè)頁(yè)面中，這種嵌套本身就不利于SEO，且iframe標(biāo)簽百度蜘蛛并不能識(shí)別，所以大家做SEO的時(shí)候也不要去使用iframe標(biāo)簽進(jìn)行嵌套。

    flash效果

    flash可以是視頻，可是是圖片，可以是幻燈片，做出來(lái)的網(wǎng)站效果是非常美觀的，但是由于flash文件體積較大，會(huì)嚴(yán)重拖慢網(wǎng)頁(yè)的打開速度，且百度蜘蛛根本就不能識(shí)別flash的內(nèi)容，所以做SEO優(yōu)化的頁(yè)面千萬(wàn)不要因?yàn)槊烙^度，而去使用flash效果，會(huì)造成網(wǎng)站的某些位置百度蜘蛛不識(shí)別，從而影響我們整站優(yōu)化排名！