在SEO優(yōu)化中代碼優(yōu)化與標(biāo)簽優(yōu)化也是內(nèi)部?jī)?yōu)化內(nèi)容之一,網(wǎng)頁(yè)HTML里面的標(biāo)簽和代碼優(yōu)化一方面是給搜索引擎看的,而大部分用戶看到的只是前端的界面,所以SEO優(yōu)化也要對(duì)一些搜索引擎不能夠識(shí)別的代碼(js.css.flash等)進(jìn)行優(yōu)化,不僅對(duì)搜索引擎要保持很好的識(shí)別性,還有給用戶更佳的界面體驗(yàn)。
1.div指的是方框,塊區(qū),而CSS指的是DIV里面的樣式表,比如調(diào)整DIV里面的框架大小,長(zhǎng)高沒(méi)背景顏色等樣式,都是針對(duì)DIV來(lái)控制和展現(xiàn)形式的,作用是讓網(wǎng)站頁(yè)面更美觀,提升用戶體驗(yàn)度。
2.DIV里面的class可以理解為在眾多的DIV里面更容易找到某人的名字,學(xué)號(hào),方便識(shí)別。網(wǎng)頁(yè)中也盡量減少使用CSS的調(diào)用,最好可以調(diào)用外部CSS,來(lái)增加頁(yè)面打開速度,
JS也叫javascript是一種腳本語(yǔ)言,屬于前端開發(fā)語(yǔ)言,經(jīng)常與html、css技術(shù)一起構(gòu)成前端開發(fā),網(wǎng)頁(yè)代碼中盡量減少使用JS的次數(shù),來(lái)增加網(wǎng)頁(yè)的打開速度,可以讓技術(shù)人員合并下JS代碼,減少JS使用次數(shù)。
1.a標(biāo)簽,指的是超鏈接,比如:<a>超級(jí)蜘蛛池</a>
里面的href指的是跳轉(zhuǎn)到的意思,最好加上另打開代碼 target="_blank",方便用戶,增加粘性。
2.img標(biāo)簽,指的是圖片比如:<img src="/image/tools/47.jpg"/>
3.alt標(biāo)簽,指的是針對(duì)圖片的描述,因?yàn)樗阉饕娌蛔R(shí)別圖片,所以我們要對(duì)圖片進(jìn)行ALT,比如:<img src="/image/tools/47.jpg" alt="超級(jí)外鏈發(fā)布工具_(dá)超級(jí)蜘蛛工具_(dá)超級(jí)蜘蛛池"/>方便搜索引擎讀取圖片信息。
每個(gè)頁(yè)面H1標(biāo)簽最多添加一對(duì),而且是只能一對(duì),有多的話刪除,H2,H3,H4等標(biāo)簽無(wú)限制,可以多對(duì)使用,他們存在著完整性,必須先有H1標(biāo)簽才有H2,H3,H4,H5等標(biāo)簽,有H2-H6的頁(yè)面必須要有H1。H1標(biāo)簽表明該頁(yè)面的主題,通常在標(biāo)題里面,作用是讓搜索引擎更能夠識(shí)別哪些內(nèi)容時(shí)重要的,哪些內(nèi)容是次要的。
nofollow標(biāo)簽是用在a標(biāo)簽里面,比如我們只需要在源代碼里面加上rel="nofollow" 或者更為正規(guī)的 rel="externalnofollow" 即可即:<a href="#" target="_blank" rel="nofollow">###</a>是告訴搜索引擎可以抓取該頁(yè)面,但是不傳遞權(quán)重,集權(quán)的一種方法。一般用在不信任的外部鏈接上,友情鏈接不要加!
網(wǎng)頁(yè)打開速度的快慢不僅和網(wǎng)速有關(guān),也和網(wǎng)頁(yè)的代碼有關(guān)系。網(wǎng)頁(yè)的整體頁(yè)面越大,加載的時(shí)間會(huì)越長(zhǎng),這不僅影響了搜索引擎抓取,也影響了客戶瀏覽網(wǎng)頁(yè)的心情。所以在做網(wǎng)站的時(shí)候,應(yīng)盡量把一些沒(méi)有必要的代碼去掉,以減少網(wǎng)頁(yè)文件的大小,讓搜索引擎快速找到重要的內(nèi)容。整個(gè)網(wǎng)頁(yè)最好不要超過(guò)50K,文字內(nèi)容最好在5~10K之間。
1.CSS樣式
在定義CSS樣式的時(shí)候,能合并一起寫的盡量要合并在一起。例如:
修改前: #bd{margin-left:40px;margin-right:40px;margin-left:40px;margin-bottow:40px;}
修改后: #bd{margin:40px;}
還有能合并成一組屬性的要合并到一組屬性中,每個(gè)選擇器之間用逗號(hào)分隔開。例如:
修改前:
#bd{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
修改后:
#bd.#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
網(wǎng)站像ul、img、a、a:hover等一些標(biāo)簽,這些標(biāo)簽在網(wǎng)站上顯示的樣式通常都相同,所以在CSS開始的時(shí)候要將樣式統(tǒng)一設(shè)置一下,避免在網(wǎng)頁(yè)布局用到的時(shí)候還需要在每個(gè)ID或者Class中重復(fù)設(shè)置,使CSS增大。 CSS不要放在頁(yè)面的<head></head>標(biāo)簽中。一個(gè)網(wǎng)站往往會(huì)用到許多個(gè)ID或者Class,如果放在頁(yè)面上,會(huì)使整個(gè)頁(yè)面加大,不利于優(yōu)化,所以要把所有CSS文件單獨(dú)存放在命名為CSS的外部文件中.
語(yǔ)法:
<link rel="stylesheet" type="text/css" href="/common/index.css">
CSS作用的優(yōu)先級(jí):自身的style屬性>頁(yè)面的內(nèi)部style對(duì)象>頁(yè)面外部CSS文件。
2.JavaScript
(1)將網(wǎng)頁(yè)的公共部分轉(zhuǎn)換為腳本并存于JS文件里。這樣可以減少文件大小,加快下載速度,同時(shí)也方便管理。不過(guò)千萬(wàn)不要將導(dǎo)航等優(yōu)化的關(guān)鍵代碼轉(zhuǎn)換成JS,否則搜索引擎搜索不到。 轉(zhuǎn)換方式:
例如:
原來(lái)是<h1>豐胸減肥</h1> 轉(zhuǎn)換成腳本為:document.write("<h1>豐胸減肥</h1>");
(2)簡(jiǎn)化JS中的函數(shù)名稱和變量。例如,Google里面的函數(shù)名稱只有1個(gè)或者2個(gè)字符。
3.不要輕易使用網(wǎng)頁(yè)減肥工具
現(xiàn)在網(wǎng)上流行許多給網(wǎng)頁(yè)減肥的工具,不過(guò)不建議使用,畢竟都不是智能的,有的時(shí)候?qū)W(wǎng)頁(yè)的結(jié)構(gòu)根本分辨不出來(lái),甚至錯(cuò)誤地去掉一些代碼,例如把標(biāo)簽的后半部分去掉等,造成網(wǎng)頁(yè)破版。有調(diào)整破版的時(shí)間,還不如自己按照前面介紹的網(wǎng)頁(yè)減肥方法來(lái)操作。下面舉個(gè)最簡(jiǎn)單的布局嵌套的例子。
處理前:<div>< div >< div >第一行</ div ></ div >< div >< div >第二行</ div ></ div ></ div >。
處理后:< div >< div >< div >第一行< div >< div >第二行</ div >。
處理后的</ div ></ div > 兩個(gè)標(biāo)簽都被去掉了,造成了頁(yè)面破版。
4.建議不要把網(wǎng)頁(yè)中的回車或空格刪除
每個(gè)人布局都有自己的習(xí)慣,小編的習(xí)慣是,在上級(jí)和下級(jí)之間用兩個(gè)空格,因?yàn)檫@樣方便查找整個(gè)網(wǎng)站的框架結(jié)構(gòu),要么網(wǎng)站很難尋找,也浪費(fèi)時(shí)間。