標籤：www 結構 比較 more 流量 技術分享 htm 理想 思路
摘要HTML最佳化是網站內部最佳化的重點，可能對SEO新手來說，容易忽略。符合搜尋引擎習慣的HTML代碼是極利於SEO的，可以讓你的網站獲得更好的搜尋引擎排名。如何製作一個標準的HTML網頁，如何做HTML最佳化，本文將為你詳細闡述。
一直想寫下SEO中關於HTML最佳化方面的的文章，總算空出這部分時間來了。其實，HTML最佳化應該是網站內部最佳化的重點，每個SEOer都需高度重視。根據本人多年實戰經驗，一般做過HTML最佳化的網站上線後，相關關鍵詞都可以獲得一個不錯的搜尋引擎排名。顯然，符合搜尋引擎習慣的HTML代碼是極利於SEO的。
為什麼要進行HTML最佳化？
我們做SEO，最直接的目的就是想通過搜尋引擎獲得好的關鍵詞排名和流量，而搜尋引擎工作又是依賴它們的“蜘蛛”程式進行的。所謂搜尋引擎蜘蛛只是搜尋引擎開發的“機器人”程式，簡單來說，它的工作原理就是通過對網站的爬行，抓取網站的相關連結、關鍵詞、內容，然後分配網站的權重和相應的搜尋引擎排名。而這個過程，大部分工作都是在網站的HTML代碼上進行的。所以，通過HTML最佳化，可以告訴蜘蛛哪些內容是重要的，哪些內容又是可以忽略的，以達到最佳的SEO效果。
符合SEO規範的網站HTML代碼標準
在網站製作中，更符合Web 2.0標準的網頁無外乎DIV+CSS布局方式了。事實上，網站製作無外乎四個首頁面，首頁、頻道頁、欄目頁、文章頁。下面結合HTML執行個體為你逐一解析：如何製作標準的HTML網頁？HTML最佳化怎麼做？
1）網站首頁HTML規範
<html><head><title>網站SEO標題</title><meta name="description" content="網站描述" /><meta name="keywords" content="網站關鍵詞" /></head><body><div id="header"><h1><a href="網站地址" title="網站描述">網站名稱</a></h1><div id="navigation">網站導航</div></div><div id="container"><div id="contain"><h2><a href="主頻道/欄目連結地址" title="連結說明">頻道/欄目標題</a></h2><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div><div id="sidebar"><h3><a href="其它欄目連結地址" title="連結說明">其它欄目標題</a></h3><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div></div><div id="footer"><div id="copyright"><a href="網址：如http://www.xp-sem.com/" title="網站描述">網站名稱</a></div></div></body></html>
2）網站頻道/欄目頁HTML規範
<html><head><title>頻道/欄目SEO標題-網站名稱</title><meta name="description" content="頻道/欄目描述" /><meta name="keywords" content="頻道/欄目關鍵詞" /></head><body><div id="header"><div id="caption"><a href="網站地址" title="網站描述">網站名稱</a></div><div id="navigation">網站導航</div></div><div id="container"><div id="contain"><h1>頻道/欄目名稱</h1><h2><a href="連結地址" title="連結說明">子欄目標題</a></h2><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div><div id="sidebar"><h3><a href="其它欄目連結地址" title="連結說明">其它欄目標題</a></h3><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div></div><div id="footer"><div id="copyright"><a href="網址：如http://www.xp-sem.com/" title="網站描述">網站名稱</a></div></div></body></html>
3）網站文章頁HTML規範
<html><head><title>文章SEO標題-網站名稱</title><meta name="description" content="文章描述" /><meta name="keywords" content="文章關鍵詞" /></head><body><div id="header"><div id="caption"><a href="網站地址" title="網站描述">網站名稱</a></div><div id="navigation">網站導航</div></div><div id="container"><div id="contain"><h1>文章標題</h1><h2>TAG標籤</h2><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul><div id="content">文章本文<strong>重點關鍵詞或段落標題</strong><img src="圖片連結地址" alt="圖片說明" /></h1><h2>相關文章</h2><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div><div id="sidebar"><h3><a href="其它欄目連結地址" title="連結說明">其它欄目標題</a></h3><ul><li><a href="連結地址" title="連結說明">文章標題</a></li>...</ul></div></div><div id="footer"><div id="copyright"><a href="網址：如http://www.xp-sem.com/" title="網站描述">網站名稱</a></div></div></body></html>
網站HTML最佳化怎麼做？
通過上面的網站HTML代碼標準，我們可以總結出一套符合SEO規範的HTML最佳化方式。
1）H標籤的使用，值得注意的是，不論任何頁面，h1標籤只能出現一次，它是當前頁面的主標題，權重最高，對蜘蛛的吸引力是最強的。再往下就是h2、h3、h4、h5、h6這些副標題了，所強調的重點也是遞減的，當然，它們的出現頻率沒有明確限制。
2）strong標籤的使用，strong標籤對關鍵詞的強調作用僅次於H標籤，個人實際布局中會比較在文章內容裡出現，用於加粗段落標題或是重點關鍵詞。
3）<title>網站SEO標題</title>、<meta name="description" content="網站描述" />和<meta name="keywords" content="網站關鍵詞" />，這是SEO的重點。很好理解，比如我們利用搜尋引擎搜尋某個關鍵詞，返回的搜尋結果中，都是以標題、描述和變色關鍵詞形式出現的。關於網站關鍵詞，許多SEOer還是有爭議，認為已經越來越不被搜尋引擎重視了。不過，個人覺得，不要偷懶，加上總是沒有壞處。需要注意一點，不論是網站標題還是描述、關鍵詞，都不要堆砌，搞實在點的，否則網站容易被搜尋引擎懲罰甚至網站被K，那隻能自己去哭吧。
4）<a href="連結地址" title="連結說明">連結關鍵詞</a>，站內豐富的超連結會方便蜘蛛爬行，體現網站的深度和廣度，這點在SEO中至關重要。“連結地址”特別是欄目的連結地址，最佳的出現形式應該是http://你的網域名稱/固定連結/。現在，連結的理想結構是以“/”結尾，可以參考小拼SEM部落格的連結形式。“連結說明”，一般都是連結的關鍵詞或是關鍵詞相關解說文字，這點可能很多人容易忽視，建議還是寫好連結說明，尤其是做外部連結的時候，這麼做效果還是很不錯的，對網站關鍵詞的搜尋引擎排名很有協助。
5）<img src="圖片連結地址" alt="圖片說明" />，這是針對網頁中圖片的，當然也可以寫成<img src="圖片連結地址" title="圖片說明" />。關於圖片說明是用alt還是title，之後的文章會和大家探討的。不過，這個圖片說明是肯定要加的，方便搜尋引擎知道這張圖片描述的內容，也有利於在圖片搜尋結果中獲得一個好的排名。
6）<div id="copyright">著作權部分加上網站名稱和連結</div>，網站底部著作權部分的權重越來越高了，在著作權部分加上網站名稱和連結或是強調一些關鍵詞是很有必要的，不要落個頭重腳輕的感覺，讓搜尋引擎感覺很不舒服。
7）HTML最佳化要富於邏輯，重點明確，層次分明，也是符合SEO精神的。我們甚至可以這樣理解HTML最佳化，其實它就是一篇好的作文，從標題到中心思想，然後是圍繞中心展開詳細闡述，這裡要做到重點突出、層次分明，最後才到結尾，需要點題，做到首尾呼應。
以上就是SEO裡HTML最佳化的所有內容，包括如何製作一個標準的HTML網頁，如何做HTML最佳化。總的來說，就是以SEO的思路去指導你的HTML製作，當然，你的HTML代碼應該是符合W3C標準的。如果你已經做到了這些，好的搜尋引擎排名並不是什麼難事。
SEO之HTML最佳化：讓你的網站HTML代碼更符合SEO規範
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
