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