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