SEO之HTML優化：讓你的網站HTML代碼更符合SEO規範

時間 2019-11-19

原文原文鏈接

摘要HTML優化是網站內部優化的重點，可能對SEO新手來講，容易忽略。符合搜索引擎習慣的HTML代碼是極利於SEO的，可讓你的網站得到更好的搜索引擎排名。如何製做一個標準的HTML網頁，如何作HTML優化，本文將爲你詳細闡述。html

一直想寫下SEO中關於HTML優化方面的的文章，總算空出這部分時間來了。其實，HTML優化應該是網站內部優化的重點，每一個SEOer都需高度重視。根據本人多年實戰經驗，通常作過HTML優化的網站上線後，相關關鍵詞均可以得到一個不錯的搜索引擎排名。顯然，符合搜索引擎習慣的HTML代碼是極利於SEO的。web

爲何要進行HTML優化？ide

咱們作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規範spa

<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規範htm

<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標籤只能出現一次，它是當前頁面的主標題，權重最高，對蜘蛛的吸引力是最強的。再往下就是h二、h三、h四、h五、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標準的。若是你已經作到了這些，好的搜索引擎排名並非什麼難事。