Html代碼seo優化最佳佈局實例講解

時間 2019-11-12

標籤 html 代碼 seo 優化最佳佈局實例講解欄目 HTML 简体版

原文原文鏈接

Html代碼seo優化最佳佈局實例講解

搜索引擎對html代碼是很是優化的，因此html的優化是作好推廣的第一步。一個符合seo規則的代碼大致以下界面所示。 javascript

一、<!–木莊網絡博客–> 這個東西是些頁面註釋的，能夠在這裏加個人「木莊網絡博客」，但過多關鍵字可能被搜索引擎懲罰！ css

二、<html> 這個是代碼開頭結尾時和</html>對應。 html

三、<head> 頭標記結尾用</head> java

四、<title>（木莊網絡博客-勤記錄懂分享）</title>兵家必爭之地，很重要，字字值千金啊，各位站長狠抓，注意關鍵字放置，不要堆砌關鍵字，否則後果夠你吃的。 web

五、<meta http-equiv=Content-Language content=zh-cn> 瀏覽器

六、<meta http-equiv=」Content-Type」 content=」text/html; charset=gb2312″> 網絡

七、<meta name=」keywords」 content=」木莊網絡博客-勤記錄懂分享」> 這個如今權重不過高了，可是隻要有輕重咱們也要利用。 app

八、<meta name=」description」 content=」木莊網絡博客-勤記錄懂分享」>這個東西是你百度搜索時候網站下面的那個所用簡介，有必定做用哦！框架

九、<link href=」style/css.css」 type=」text/css」 rel=」stylesheet」> ide

十、</head>

十一、<body>

十二、<div>

1三、<h1>木莊網絡博客</h1>很重要，若是不寫，你比丟錢了損失還大。

1四、<h2>木莊網絡博客-勤記錄懂分享</h2>

1五、<h3>木莊網絡博客1</h3>

1六、<h4>木莊網絡博客2</h4>

1七、<h5>木莊網絡博客3</h5>

1八、<h6>木莊網絡博客4</h6> 上面這些標題都是很重要的，對沒有小版塊的內容都要淡定哦！

1九、<img src=」xxx.jpg」 alt=」木莊網絡博客」>能夠增長網站的相關度。

20、<a href=」/」 title=」木莊網絡博客」>木莊網絡博客</a>能夠藉助超連接來增長關鍵詞出現的次數，這個詞最好作成網站關鍵詞，這樣助於排名。

2一、<strong>木莊網絡博客</strong>權重次於<H1>的，高於很肯定的是它比<b>、<u>、<i>等標籤。

2二、<b>關鍵詞強調</b><u>關鍵詞強調</u><i>關鍵詞強調</i>權重次於上面的

2三、</div>

2五、<div>

2六、版權部分關鍵詞強調，這樣能夠增長關鍵字佈局，更加合理。並且這個地方放置會獲得不錯的權重。

2七、</div>

2八、</body>

2九、</html>

SEO最經常使用的HTML標籤若是你想要成爲一名SEOER，就必須瞭解部分重要的HTML代碼。其實，學習HTML很簡單，下面我來講一說，SEO最經常使用的HTML標籤有哪些：

一、H1-H6標籤，這些標籤在頁面中佔據着重要的位置，其中H1標籤能夠說是除TITLE外網頁的最重要的另外一個標籤。這裏須要注意的是要慎用H1，不要過多使用，不然被搜索引擎處罰就得不值得了。若是是頻道頁，大類的欄目名稱使用H標籤是合適的，固然，這裏最大、最重要的分類才能使用H1，再按照欄目重要性，依次使用H二、H3等等H標籤。這樣合理的安排，讓主導井井有條，也能夠引導搜索引擎查找本頁面的重要部分。若是是文章頁，就要根據文章頁的優化方法來使用H2，若按照最普通的頁面佈局，只有文章標題及正文內容，沒有其餘與正文同等級的信息，那麼就能夠對文章標題使用H2修飾，能夠很清楚的告訴搜索引擎在文章頁，個人文章標題就是頁面的核心，因此文章頁面的H2也只能出現一次。其餘H標籤能夠根據網頁欄目適當添加，但注意要合理使用，不然拔苗助長。

二、網頁關鍵詞加黑標籤請用B標籤(本人以爲B標籤比strong標籤質量更好)。B標籤每每用在關鍵詞上，一個頁面只要加2-5次就差很少了，具體還要根據頁面大小而定。

三、<a href="網址" title="連接說明">網頁信息</a> 對於網頁中很是重要的連接採用TITLE說明，有助於幫助搜索引擎找到網頁的重點URL。

四、Alt標籤《img src=「XXX.jpg」 alt=「圖片說明」》網頁中的ALT標籤是用來對圖片進行說明的，這裏有兩方面的做用，一個是告訴搜索引擎圖片的信息，另外一個是在圖片加載不出來或圖片路徑出問題的時候告訴用戶，這是什麼樣的圖片。在一個網頁中，全部圖片都用ALT標籤確定是很差的，最好的辦法仍是在網頁中重點圖片(大多數狀況下是和網站突出目標關鍵詞相關的圖片)使用ALT標識，這樣對搜索引擎爬行網頁重要圖片頗有幫助，對於提升網站關鍵詞權重也會頗有好處的。

HTML的不一樣標籤在SEO優化中的權重分數

1、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分

2、SEO優化

一、靜態頁面將信息頁面和頻道、網站首頁改成靜態頁面，有利於搜索引擎更快更好的收錄。

二、頁面標題（Page Title）的關鍵詞優化必須列出信息的標題、網站的名稱以及相關關鍵字。

三、Meta標籤的優化（過去搜索引擎優化的重要手法，如今已經不是關鍵因素，但仍不可忽略）主要包括：Meta description、Meta keywords的設置。關鍵字密度要適度，一般爲2%-8%，也就是說你的關鍵字必須在頁面中出現若干次，或者在搜索引擎容許的範圍內，要避免堆砌關鍵字。

四、針對Google製做Sitemaps Google的sitemaps是對原來robots.txt的擴展，它使用 XML格式來記錄整個網站的信息並供Google讀取，使搜索引擎能更快更全面的收錄網站的內容。

五、圖片的關鍵詞優化圖片的替代關鍵詞也不要忽略，其另一方面的做用是，當圖片不能顯示的時候，能夠給訪問者一個替代解釋語句。

六、避免表格的嵌套目前本站的表格嵌套太多，搜索引擎一般只讀取3個<table>的嵌套，若是太多，會形成部分有用信息沒有被檢測到。

七、採用web標準進行網站重構儘可能使網站的代碼符合W3C的HTML 4.0或XHTML 1.0規範。經過XML＋CSS技術進行網站重構，減小不表格及冗餘代碼，提升網站頁面的擴展性，兼容性，可使更多瀏覽器支持。

八、網站結構的扁平化規劃目錄和內容結構最好不要超過3層，若是有超過三層的，最好經過子域名來調整和簡化結構層數。另外目錄命名的規範作法是使用英文而不是拼音字母

九、頁面容量的合理化合理的頁面容量會提高網頁的顯示速度，增長對搜索引擎蜘蛛程序的友好度。同時建議js腳本和css腳本儘可能用連接文件

十、外部文件策略把javascript文件和css文件分別放在js和css外部文件中。這樣作的好處是把重要的頁面內容放到頁面頂部，同時能縮小文件大小。有利於搜索引擎快速準確地抓取頁面的重要內容。其餘的字體<FONT>和格式化標籤也儘可能少用，建議採用CSS定義。

十一、外部連接儘量多地讓其餘跟你主題相關的網站連接本站，同時儘可能同PR值更高的網站進行相互連接。若是網站提供與主題相關的導出連接，被搜索引擎認爲有豐富的與主題相關的內容，也有利於排名，例如各種招商網站、投融資網站的概念。另外避免連接不顧質量的大面積撒網，對搜索引擎而言寧缺勿濫。

十二、網站地圖網站自身的網站地圖是搜索引擎更全面索引收錄你的網站的重要因素。建議製做基於文本的網站地圖，內含網站全部欄目、子欄目。網站地圖的三大因素：文本、連接、關鍵詞，都極其有利於搜索引擎抓取主要頁面內容。特別是動態生成目錄網站尤爲須要建立網站地圖。

1三、圖像熱點除AltaVista、Google明確支持圖像熱點連接外，其餘引擎暫不支持。當「蜘蛛」程序遇到這種結構時，就會沒法辨別。所以儘可能不要設置圖像熱點（Image Map）連接。

1四、FLASH應用 FLASH因爲不含文字信息，應儘可能用於功能展現和廣告，少用於網站欄目和頁面。

1五、JS腳本在不支持JS腳步的瀏覽器裏<NOSCRIPT>標籤會起到重要提示做用，對搜索引擎的Spider搜索也會有幫助。

1六、Frame框架 Frame標籤會被搜索忽略，儘可能少用，若是必定要用，則應正確使用Noframe標籤，在<Noframe></Noframe>區域中包含指向frame頁的連接或帶有關鍵詞的描述文本，同時在框架之外的區域也出現關鍵詞文本。

1七、資訊的內部連接有助提升網站排名和PR值，例如相關資訊、推薦資訊等如何SEO一個網站的文字和HTML代碼比其實對於搜索引擎來講，最友好的，當屬文字了，雖然如今圖片的抓取不斷在改進，可是任何一位有經驗的老手都會告訴你，SEO，文字最合適。也正由於此，比方說網站建設博客裏，圖雖有，但還是文字居多。這裏給你們舉個簡單的例子，說明如何增長網站的文字與HTML代碼比：

如：不少人喜歡這樣寫

H1：<h1 class=」title」>這裏是標題</h1>

衆所周知，一個頁面不會出現兩個H1，若是有兩個，那比如一我的身上長着兩個腦殼同樣很難看。這不只是常識，也是標準。因此給h1加上這些那些class或id是多此一舉。

應這樣寫：<h1>這裏是標題</h1> 而後樣式須要在CSS中定義。

這是很簡單，那頁面中有圓倒角如何作？網上有N多辦法，其中最典型的就是HTML+CSS實現圓角矩形，HTML代碼部分以下：

其實，咱們徹底沒必要用這些代碼，能夠簡化到：

毫無疑問，這樣能夠很明顯的減小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優化最佳佈局實例講解