淺析常見HTML優(yōu)化代碼

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

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

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

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

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

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

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

DIV+CSS布局

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

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

1、減少頁面大量動態(tài)效果，或者替換其他功能模塊

2、盡量把js文件合并，不要有多個js文件

3、把js文件放到網(wǎng)站最底部，先讓網(wǎng)頁加載出來，最后加載js，會提升網(wǎng)頁速度

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

title標(biāo)題

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

description描述

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

keywords關(guān)鍵詞

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

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

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

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

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

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

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

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

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

title屬性

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

nofllow屬性

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

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

Table頁面布局

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

iframe嵌套標(biāo)簽

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

flash效果

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

分享文章：淺析常見HTML優(yōu)化代碼
轉(zhuǎn)載注明：http://www.bm7419.com/news/52192.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、靜態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)