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