HTML與搜索引擎優(yōu)化

時(shí)間：2024-10-28 13:43:24 HTML 我要投稿

相關(guān)推薦

HTML與搜索引擎優(yōu)化

　　W3C指出h1-h6標(biāo)簽可定義標(biāo)題，h1定義最大的標(biāo)題，h6定義最小的標(biāo)題。搜索引擎十分喜歡標(biāo)題標(biāo)簽，搜索引擎機(jī)器人在處理完<title>和<meta>標(biāo)簽之后，緊接著就會(huì)處理頁面內(nèi)容中的標(biāo)題標(biāo)簽。

　　<body>

　　<p>

　　<p>

　　<p>

　　</p>

　　</body>

　　鏈接標(biāo)簽（<a>）

　　<a href="http://www.021-seo.com/baozhuang/" target="_blank" title="東棟新升
上海SEO

　　培訓(xùn)頻道">上海SEO培訓(xùn)</a>

　　1、換行符

　　如果希望注釋多行顯示，可以使用“
”作為換行符

　　2、關(guān)鍵詞字?jǐn)?shù)

　　建議不超過36個(gè)字符（18個(gè)中文漢字）

　　3、排列原則

　　獨(dú)特性的關(guān)鍵詞放前面，重復(fù)性的關(guān)鍵詞盡量靠后

　　4、其他

　　盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫默認(rèn)不收錄的字

　　圖片標(biāo)簽（<img>）加上alt屬性

　　雙標(biāo)簽的不要忘記閉合標(biāo)簽

　　在html5中，做了統(tǒng)一規(guī)范，要求所有的標(biāo)簽必須閉合。

　　去<table>化

　　美工盡量使用p+CSS的模式，而不是傳統(tǒng)的table，因?yàn)閠able標(biāo)簽眾多，搜索引擎能讀懂的標(biāo)簽比較少。

　　使用p布局，盡量少用p

　　<p> 可定義文檔中的分區(qū)或節(jié)（pision/section）。這個(gè)是w3school的說明。我們僅需要使用p把網(wǎng)站分成若干個(gè)區(qū)就可以了，不要濫用p標(biāo)簽，那樣就回到了濫用table標(biāo)簽的年代了。

　　使用<br><p>只有一行，而使用<p><br>就會(huì)多了空白的一行。

　　標(biāo)簽大小寫要符合規(guī)范

　　尤其注意不要將下列標(biāo)簽寫成大寫

　　1、<title></title>

　　2、<meta>

　　3、<body>

　　4、<a>

　　5、<img>

　　6、<h1></h1> <h2></h2>

　　7、<strong></strong>

　　8、<head></head>

　　不要把css代碼直接寫在頭部，不要把JS代碼直接寫在頭部。

　　Google公開了一項(xiàng)搜索引擎排名因素，就是網(wǎng)頁打開的速度也會(huì)影響排名。

　　頭部

　　這meta解釋起來比較拗口，比如metadata，意為描述data的data，英文即data about data。在HTML里，meta標(biāo)記(meta tags)表示用來描述網(wǎng)頁的有關(guān)信息。

　　聲明語言編碼 (charset)，如果是中文簡(jiǎn)體：

　　標(biāo)題標(biāo)簽(title)

　　<title>上海SEO行業(yè)專業(yè)SEO公司上海SEO|搜索引擎優(yōu)化|SEO公司</title>

　　1、第一個(gè)關(guān)鍵詞：必須是該頁面的主要內(nèi)容，比如“網(wǎng)站優(yōu)化頁面”，就應(yīng)該寫“網(wǎng)站優(yōu)化”。

　　2、名詞短語：必須是介紹前面的一句帶有關(guān)鍵字的名詞短語，上例中存在“SEO”、“上海SEO”、“SEO公司”、“上海SEO公司”、“上海SEO行業(yè)”、“SEO專業(yè)”、“專業(yè)SEO”、“專業(yè)SEO公司”、“上海公司”、“上海專業(yè)SEO公司”等等眾多關(guān)鍵詞，注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關(guān)鍵詞的字，原因：浪費(fèi)資源

　　3、其他關(guān)鍵詞：網(wǎng)頁文本沒有的關(guān)鍵詞不要放在上面

　　4、符號(hào)：“_”不要寫成“—”(中文狀態(tài))，可以寫成“-”（英文狀態(tài)）；符合“|”可以用“,”（英文狀態(tài)）代替，不要使用“，”（中文狀態(tài)）。

　　5、字?jǐn)?shù)

　　關(guān)鍵詞四——六個(gè)字即可，短語+第一個(gè)關(guān)鍵詞不宜超過39個(gè)字符（19個(gè)字以內(nèi)為宜），總的數(shù)量不宜超過80個(gè)

　　字符（40個(gè)中文漢字），超過39個(gè)字符的部分將不被搜索引擎顯示，超過80個(gè)字符的部門將不被搜索引擎收錄，

　　超過部分過多對(duì)網(wǎng)站排名有影響。

　　6、其他

　　結(jié)束的時(shí)候不要使用“ />”，應(yīng)該直接寫“>”

　　1、字?jǐn)?shù)

　　總的數(shù)量不宜超過100個(gè)字符（50個(gè)中文漢字）

　　2、關(guān)鍵詞

　　關(guān)鍵詞不要疊加，“包裝機(jī)械，包裝設(shè)計(jì)，食品包裝，包裝公司，包裝用戶，包裝信息，包裝訂單，包

　　裝企業(yè)，包裝新聞，包裝資訊”應(yīng)改為“包裝,設(shè)計(jì),食品,公司,企業(yè),用戶,信息，機(jī)械,訂單,新聞,資訊”，有

　　時(shí)為了增加相關(guān)性，可以添加幾個(gè)“包裝機(jī)械，包裝設(shè)計(jì)”之類的關(guān)鍵詞，以增加相關(guān)性。

　　3、符號(hào)

　　符號(hào)需使用“,”（英文狀態(tài)），而不是“，”（中文狀態(tài)）

　　4、其他

　　結(jié)束的時(shí)候不要使用“ />”，應(yīng)該直接寫“>”

　　<meta name="description" content="東棟新升是上海地區(qū)專業(yè)的SEO公司,主要從事搜索引擎優(yōu)化

　　(SEO),網(wǎng)站優(yōu)化，用戶體驗(yàn)優(yōu)化(UEO),營(yíng)銷型網(wǎng)站建設(shè)以及相關(guān)的SEO咨詢和培訓(xùn)等業(yè)務(wù)”>

　　1、字?jǐn)?shù)

　　不要超過200個(gè)字符（100個(gè)中文漢字），超過152個(gè)字符（76個(gè)中文漢字）的部分將不被搜索引擎顯示。

　　2、符號(hào)

　　符號(hào)需要使用“(”、“)”(英文狀態(tài))，而不是“（”、“）”。原因：浪費(fèi)字符數(shù)。

　　1、關(guān)鍵詞

　　盡量包含關(guān)鍵詞，且能夠表示唯一屬性。

　　2、字?jǐn)?shù)

　　28個(gè)字符（14個(gè)中文漢字）以內(nèi)即可，比如“上海東棟新升網(wǎng)絡(luò)科技有限公司”即可。

　　3、符號(hào)

　　不建議使用中文狀態(tài)下的符合，因?yàn)橹形臓顟B(tài)的字符一般占有兩個(gè)字符，浪費(fèi)了一個(gè)字符。

　　建議不要超過12個(gè)字符（6個(gè)中文漢字），4-8個(gè)字符（2-4個(gè)漢字）最佳。

　　<html>

　　line1:<head>

　　line2:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

　　line3: <meta http-equiv="Content-Language" content="zh-CN" />

　　line4:<title>南京SEO|南京網(wǎng)站推廣|南京網(wǎng)站優(yōu)化-南京seo鮑捷的博客-文章編輯</title>

　　line5:<meta name="keywords" content="南京seo|南京網(wǎng)站優(yōu)化|南京網(wǎng)站推廣" />

　　line6: <meta name="description" content="在南京seo鮑捷的博客里，你可以了解到最新、最全的SEO技術(shù)、

　　seo工具、seo教程，我可以為您提供最優(yōu)化的網(wǎng)站診斷以及seo優(yōu)化服務(wù)。聯(lián)系電話：13912920033" />

　　line7:</head>

　　…………

　　line8:<body>

　　line9:<p>

　　line10:<h1>鮑捷SEO博客</h1>

　　line11:<h2>專注于SEO技術(shù)、網(wǎng)絡(luò)營(yíng)銷、用戶體驗(yàn)及互聯(lián)網(wǎng)觀察</h2>

　　line12:<h3>關(guān)于博主</h3>

　　line13:<a href="url" title="提供南京seo、網(wǎng)站優(yōu)化服務(wù)">南京seo</a>

　　line14:<img src="xxx.jpg" alt="南京seo">

　　line15:<strong>南京seo</strong>

　　line16:<b>南京seo</b><u>南京seo</u><i>南京seo</i>

　　line17:</p>

　　line18:<p>

　　line19:在南京seo的博客里，你可以了解到：seo技術(shù)、seo工具、seo資料以及alexa服務(wù)

　　line20:</p>

　　line21:</body>

　　</html>

【HTML與搜索引擎優(yōu)化】相關(guān)文章：

新手對(duì)搜索引擎優(yōu)化seo誤區(qū)解讀03-02

電子郵件營(yíng)銷來搜索引擎優(yōu)化03-06

搜索引擎優(yōu)化之群架應(yīng)該怎么打03-21

淺談搜索引擎優(yōu)化的網(wǎng)站內(nèi)容營(yíng)銷03-21

網(wǎng)站優(yōu)化需要根據(jù)搜索引擎算法改動(dòng)03-21

如何用url路徑優(yōu)化來吸引搜索引擎?03-23

站長(zhǎng)做優(yōu)化需要對(duì)搜索引擎的變化能夠應(yīng)對(duì)自如03-22

過濾HTML代碼08-29

HTML的語言剖析03-30