seo代碼規範,需要做(zuò)好每一(yī)步
搜索引擎對html代碼是非常優化的(de),所以html的(de)優化是做(zuò)好推廣的(de)第一(yī)步。一(yī)個符合seo規則的(de)代碼大體如(rú)下界面所示。
1、<!–木莊網絡博客–> 這個東西是些頁面注釋的(de),可(kě)以在這裏加我的(de)“木莊網絡博客”,但過多關鍵字可(kě)能被搜索引擎懲罰!
2、<html> 這個是代碼開頭 結尾時和(hé)</html>對應。
3、<head> 頭标記結尾用</head>
4、<title>(木莊網絡博客-勤記錄 懂分享)</title>兵(bīng)家必争之地(dì),很重要,字字值千金啊,各位站長(cháng)狠抓,注意關鍵字放置,不要堆砌關鍵字,不然後果夠你吃的(de)。
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
7、<meta name=”keywords” content=” 木莊網絡博客-勤記錄 懂分享”> 這個現在權重不太高(gāo)了,但是隻要有輕重我們也要利用。
8、<meta name=”description” content=” 木莊網絡博客-勤記錄 懂分享”>這個東西是你百度搜索時候網站下面的(de)那個所用簡介,有一(yī)定作用哦!
9、<link href=”style/css.css” type=”text/css” rel=”stylesheet”>
10、</head>
11、<body>
12、<div>
13、<h1>木莊網絡博客</h1>很重要,如(rú)果不寫,你比丢錢了損失還大。
14、<h2>木莊網絡博客-勤記錄 懂分享</h2>
15、<h3>木莊網絡博客1</h3>
16、<h4>木莊網絡博客2</h4>
17、<h5>木莊網絡博客3</h5>
18、<h6>木莊網絡博客4</h6> 上面這些标題都是很重要的(de),對沒有小版塊的(de)內(nèi)容都要淡定哦!
19、<img src=”xxx.jpg” alt=” 木莊網絡博客”>可(kě)以增加網站的(de)相關度。
20、<a href=”/” title=”木莊網絡博客”>木莊網絡博客</a>可(kě)以借助超鏈接來增加關鍵詞出現的(de)次數,這個詞最好做(zuò)成網站關鍵詞,這樣助于排名。
21、<strong>木莊網絡博客</strong>權重次于<H1>的(de),高(gāo)于很确定的(de)是它比<b>、<u>、<i>等标簽。
22、<b>關鍵詞強調</b><u>關鍵詞強調</u><i>關鍵詞強調</i>權重次于上面的(de)
23、</div>
25、<div>
26、版權部分關鍵詞強調,這樣可(kě)以增加關鍵字布局,更加合理(lǐ)。而且這個地(dì)方放置會得到不錯的(de)權重。
27、</div>
28、</body>
29、</html>
SEO最常用的(de)HTML标簽 如(rú)果你想要成為(wèi)一(yī)名SEOER,就必須了解部分重要的(de)HTML代碼。其實,學(xué)習HTML很簡單,下面我來說一(yī)說,SEO最常用的(de)HTML标簽有哪些:
1、H1-H6标簽,這些标簽在頁面中占據着重要的(de)位置,其中H1标簽可(kě)以說是除TITLE外網頁的(de)最重要的(de)另一(yī)個标簽。這裏需要注意的(de)是要慎用H1,不要過多使用,否則被搜索引擎處罰就得不值得了。如(rú)果是頻道(dào)頁,大類的(de)欄目名稱使用H标簽是合适的(de),當然,這裏最大、最重要的(de)分類才能使用H1,再按照欄目重要性,依次使用H2、H3等等H标簽。這樣合理(lǐ)的(de)安排,讓主導層次分明,也可(kě)以引導搜索引擎查找本頁面的(de)重要部分。如(rú)果是文章(zhāng)頁,就要根據文章(zhāng)頁的(de)優化方法來使用H2,若按照最普通的(de)頁面布局,隻有文章(zhāng)标題及正文內(nèi)容,沒有其他與正文同等級的(de)信息,那麽就可(kě)以對文章(zhāng)标題使用H2修飾,可(kě)以很清楚的(de)告訴搜索引擎在文章(zhāng)頁,我的(de)文章(zhāng)标題就是頁面的(de)核心,所以文章(zhāng)頁面的(de)H2也隻能出現一(yī)次。其他H标簽可(kě)以根據網頁欄目适當添加,但注意要合理(lǐ)使用,否則适得其反。
2、網頁關鍵詞加黑标簽請用B标簽(本人覺得B标簽比strong标簽質量更好)。B标簽往往用在關鍵詞上,一(yī)個頁面隻要加2-5次就差不多了,具體還要根據頁面大小而定。
3、<a href="網址" title="鏈接說明">網頁信息</a> 對于網頁中非常重要的(de)鏈接采用TITLE說明,有助于幫助搜索引擎找到網頁的(de)重點URL。
4、Alt标簽《img src=“XXX.jpg” alt=“圖片說明”》網頁中的(de)ALT标簽是用來對圖片進行說明的(de),這裏有兩方面的(de)作用,一(yī)個是告訴搜索引擎圖片的(de)信息,另一(yī)個是在圖片加載不出來或圖片路徑出問題的(de)時候告訴用戶,這是什麽樣的(de)圖片。在一(yī)個網頁中,所有圖片都用ALT标簽肯定是不好的(de),最好的(de)辦法還是在網頁中重點圖片(大多數情況下是和(hé)網站突出目标關鍵詞相關的(de)圖片)使用ALT标識,這樣對搜索引擎爬行網頁重要圖片很有幫助,對于提高(gāo)網站關鍵詞權重也會很有好處的(de)。
HTML的(de)不同标簽在SEO優化中的(de)權重分數
一(yī)、HTML标簽權重分值排列 內(nèi)部鏈接文字:10分 标題title:10分 域名:7分 H1,H2字号标題:5分 每段首句:5分 路徑或文件名:4分 相似度(關鍵詞堆積):4分 每句開頭:1.5分 加粗或斜體:1分 文本用法(內(nèi)容):1分 title屬性:1分 (注意不是<title>, 是title屬性, 比如(rú)a href=… title=”) alt标記:0.5分 Meta描述(Description屬性):0.5分 Meta關鍵詞(Keywords屬性):0.05分
二、SEO優化
1、靜态頁面 将信息頁面和(hé)頻道(dào)、網站首頁改為(wèi)靜态頁面,有利于搜索引擎更快更好的(de)收錄。
2、頁面标題(Page Title)的(de)關鍵詞優化 必須列出信息的(de)标題、網站的(de)名稱以及相關關鍵字。
3、Meta标簽的(de)優化(過去(qù)搜索引擎優化的(de)重要手法,現在已經不是關鍵因素,但仍不可(kě)忽略) 主要包括:Meta description、Meta keywords的(de)設置。關鍵字密度要适度,通常為(wèi)2%-8%,也就是說你的(de)關鍵字必須在頁面中出現若幹次,或者在搜索引擎允許的(de)範圍內(nèi),要避免堆砌關鍵字。
4、針對Google制作Sitemaps Google的(de)sitemaps是對原來robots.txt的(de)擴展,它使用 XML格式來記錄整個網站的(de)信息并供Google讀取,使搜索引擎能更快更全面的(de)收錄網站的(de)內(nèi)容。
5、圖片的(de)關鍵詞優化 圖片的(de)替代關鍵詞也不要忽略,其另外一(yī)方面的(de)作用是,當圖片不能顯示的(de)時候,可(kě)以給訪問者一(yī)個替代解釋語句。
6、避免表格的(de)嵌套 目前本站的(de)表格嵌套太多,搜索引擎通常隻讀取3個<table>的(de)嵌套,如(rú)果太多,會造成部分有用信息沒有被檢測到。
7、采用web标準進行網站重構 盡量使網站的(de)代碼符合W3C的(de)HTML 4.0或XHTML 1.0規範。通過XML+CSS技術進行網站重構,減少不表格及冗餘代碼,提高(gāo)網站頁面的(de)擴展性,兼容性,可(kě)以使更多浏覽器支持。
8、網站結構的(de)扁平化規劃 目錄和(hé)內(nèi)容結構最好不要超過3層,如(rú)果有超過三層的(de),最好通過子(zǐ)域名來調整和(hé)簡化結構層數。另外目錄命名的(de)規範做(zuò)法是使用英文而不是拼音字母
9、頁面容量的(de)合理(lǐ)化 合理(lǐ)的(de)頁面容量會提升網頁的(de)顯示速度,增加對搜索引擎蜘蛛程序的(de)友好度。同時建議js腳本和(hé)css腳本盡量用鏈接文件
10、外部文件策略 把javascript文件和(hé)css文件分别放在js和(hé)css外部文件中。這樣做(zuò)的(de)好處是把重要的(de)頁面內(nèi)容放到頁面頂部,同時能縮小文件大小。有利于搜索引擎快速準确地(dì)抓取頁面的(de)重要內(nèi)容。其他的(de)字體<FONT>和(hé)格式化标簽也盡量少用,建議采用CSS定義。
11、外部鏈接 盡可(kě)能多地(dì)讓其他跟你主題相關的(de)網站鏈接本站,同時盡量同PR值更高(gāo)的(de)網站進行相互鏈接。如(rú)果網站提供與主題相關的(de)導出鏈接,被搜索引擎認為(wèi)有豐富的(de)與主題相關的(de)內(nèi)容,也有利于排名,例如(rú)各類招商網站、投融資網站的(de)概念。另外避免鏈接不顧質量的(de)大面積撒網,對搜索引擎而言甯缺勿濫。
12、網站地(dì)圖 網站自(zì)身的(de)網站地(dì)圖是搜索引擎更全面索引收錄你的(de)網站的(de)重要因素。建議制作基于文本的(de)網站地(dì)圖,內(nèi)含網站所有欄目、子(zǐ)欄目。網站地(dì)圖的(de)三大因素:文本、鏈接、關鍵詞,都極其有利于搜索引擎抓取主要頁面內(nèi)容。特别是動态生成目錄網站尤其需要 創建網站地(dì)圖。
13、圖像熱點 除AltaVista、Google明确支持圖像熱點鏈接外,其他引擎暫不支持。當“蜘蛛” 程序遇到這種結構時,就會無法辨别。因此盡量不要設置圖像熱點(Image Map)鏈接。
14、FLASH應用 FLASH由于不含文字信息,應盡量用于功能展示和(hé)廣告,少用于網站欄目和(hé)頁面。
15、JS腳本 在不支持JS腳步的(de)浏覽器裏<NOSCRIPT>标簽會起到重要提示作用,對搜索引擎的(de)Spider搜索也會有幫助。
16、Frame框架 Frame标簽會被搜索忽略,盡量少用,如(rú)果一(yī)定要用,則應正确使用Noframe标簽, 在<Noframe></Noframe>區域中包含指向frame頁的(de)鏈接或帶有關鍵詞的(de)描述文本,同 時在框架以外的(de)區域也出現關鍵詞文本。
17、資訊的(de)內(nèi)部鏈接 有助提高(gāo)網站排名和(hé)PR值,例如(rú)相關資訊、推薦資訊等 如(rú)何SEO一(yī)個網站的(de)文字和(hé)HTML代碼比 其實對于搜索引擎來說,最友好的(de),當屬文字了,雖然現在圖片的(de)抓取不斷在改進,但是任何一(yī)位有經驗的(de)老手都會告訴你,SEO,文字最合适。也正因為(wèi)此,比方說網站建設博客裏,圖雖有,但仍是文字居多。 這裏給大家舉個簡單的(de)例子(zǐ),說明如(rú)何增加網站的(de)文字與HTML代碼比:
如(rú): 很多人喜歡這樣寫
H1:<h1 class=”title”>這裏是标題</h1>
衆所周知,一(yī)個頁面不會出現兩個H1,如(rú)果有兩個,那好比一(yī)個人身上長(cháng)着兩個腦袋一(yī)樣很難看。這不僅是常識,也是标準。所以給h1加上這些那些class或id是畫蛇添足。
應這樣寫:<h1>這裏是标題</h1> 然後樣式需要在CSS中定義。
這是很簡單,那頁面中有圓倒角如(rú)何做(zuò)?網上有N多辦法,其中最典型的(de)就是HTML+CSS實現圓角矩形,HTML代碼部分如(rú)下:
<div class="panel"> <DIV class="t-o b1"></DIV> <DIV class="t-o b2"></DIV> <DIV class="t-o b3"></DIV> <DIV class="t-o b4"></DIV> <DIV class="content"> <!-- 這裏放內(nèi)容 --> <DIV class=clear></DIV> </DIV> <DIV class="b-o b4"></DIV> <DIV class="b-o b3"></DIV> <DIV class="b-o b2"></DIV> <DIV class="b-o b1"></DIV> <DIV class="break"></DIV> </div>
其實,我們完全不必用這些代碼,可(kě)以簡化到:
<div class="panel"> <!-- 這裏放內(nèi)容 --> </div>
毫無疑問,這樣可(kě)以很明顯的(de)減少HTML代碼,當然,光這樣寫是失去(qù)了圓角效果,效果我們可(kě)以借助JS加上。 我們完全可(kě)以用純粹的(de)JavaScript代碼來寫,為(wèi)了方便,我們采用jQuery來寫:
jQuery(function($){ $('.panel').prepend(' ‘).append(’ ‘); })
需要注意的(de)是,這個JavaScript代碼要寫到一(yī)個獨立的(de)js文件中。
如(rú)果頁面中,用到多個圓角,則隻管設置class為(wèi)panel即可(kě)。 這樣,我們可(kě)以減少HTML代碼,實現了增加內(nèi)容和(hé)HTML代碼比的(de)目的(de)。 在不犧牲用戶視(shì)覺效果的(de)情況下,給爬蟲看一(yī)個幹淨的(de)頁面代碼,并且在網速相等的(de)條件下,一(yī)定的(de)減少抓取時間,有利于抓取,毫無疑問,也将有利于搜索引擎的(de)排名。 除了這個圓角外,滑動門等,完全可(kě)以用jQuery進行代碼優化,說點不客氣的(de)話,國內(nèi)常用的(de)那些滑動門實在是惡心,還得加一(yī)大堆沒用的(de)id,其實滑動門可(kě)以做(zuò)的(de)更簡單。
這裏是HTML代碼: <dl> <dt>滑動門标題1</dt> <dd>滑動門1對應的(de)內(nèi)容</dd> <dt>滑動門标題2</dt> <dd>滑動門2對應的(de)內(nèi)容</dd> ...... </dl> H标簽全透視(shì) h1一(yī)級标題 代表重中之重,它的(de)地(dì)位在頁面中跟關鍵字的(de)地(dì)位一(yī)樣重要。
一(yī)般運用于網站标題或者頭條新聞上,一(yī)些大型網站也運用在LOGO上,雖然h1代碼可(kě)以寫多個,但實際語義上有唯一(yī)性,h1标題在一(yī)個頁面裏面最好隻出現1次或者沒有。 h2二級标題 主要出現在頁面的(de)主體內(nèi)容的(de)文章(zhāng)标題和(hé)欄目标題上,三列結構一(yī)般在中間,二列結構一(yī)般在重要的(de)一(yī)邊。可(kě)與h3搭配使用。 h3三級标題 一(yī)般主打頁面的(de)邊側欄。h4是它的(de)輔助,出現頻率不高(gāo)。 頁面層級關系不能太深,所以h4,h5,h6一(yī)般出現較少。
編輯:--zns868