SEO優化

時間 2019-11-17

原文原文鏈接

HTML代碼的幾個優化重點：javascript

1.Title 標籤css

Title 標籤可以告訴用戶和搜索引擎網頁頁面的主題思想是什麼，一直是搜索引擎的抓取重點。一般，搜索引擎抓取Title標籤出於兩個目的：做爲影響網頁排名的重要因素和做爲搜索結果頁面的顯示信息。無論是哪個目的，對咱們作SEO來講都很是重要。
通常來講，Title標籤中的單詞最好保持在3~6個左右，最好包含關鍵字。但Title標籤中的單詞不要所有都是關鍵字，由於這樣可能會形成頁面關鍵字堆砌，致使過分優化。所選單詞應簡潔明瞭、具備描述性，要與網頁內容具備很大的相關性，而且每一個不一樣的頁面都應該包含Title標籤。html

2.Meta Description標籤java

對Title標籤優化以後，接下來就是對Meta Description標籤的優化。Meta Description標籤能夠說是對Title標籤的進一步解釋，能夠是一句話或者是包含十幾個單詞的短語。每一個頁面都該有其本身的Meta Description標籤，而且Meta Description標籤還可包含一些與網站內容相關但Title標籤中未說起的信息。與Title標籤要求類似，該部份內容也應具備描述性，與網頁內容具備相關性，可包含關鍵字，但不可過多。web

3.Heading標籤瀏覽器

Heading標籤包含了H一、H二、H3等等，是搜索引擎識別頁面信息的重要標記。合理使用H一、H二、H3等不一樣級別的標籤可以使得頁面結構更加清晰，有利於搜索引擎的抓取。H一、H二、H3等標籤是按照重要程度來排名的。通常一個頁面按照需求程度來適當添加該標籤：從H1開始，依次往下添加。但不可添加太多Heading標籤，不然會拔苗助長。服務器

4.Strong和B標籤app

相信大多數朋友都知道Strong和B標籤都有加粗的意思，可是不少人並不清楚二者具體有什麼區別。其實B標籤就是單純地將文字加粗，而Strong標籤不只是對文字加粗，而且這種形式的加粗會告訴搜索引擎該部分文字比較重要。因此二者從搜索引擎優化的角度來看，是有很大的區別的。
上文中所提到的Heading標籤頁具備加粗效果，那麼這三種標籤到底該怎麼用？其實，Heading標籤通常用於文章大標題以及每段的小標題，而Strong標籤通常用於文章段落中的重點詞彙，而B標籤通常只是強調一種視覺效果。框架

5.ALT標籤ide

ALT標籤是一種圖片標籤，它將圖片的信息以文本的形式展示。對ALT標籤的使用沒有太多要求，只要在網頁中出現圖片的部分添加上該屬性便可，但其標籤內容應與相應頁面內容具備相關性，長度不得過長，通常1~5個單詞便可。

以上介紹了HTML代碼中的五種重要標籤，相信會對作SEO工做的人員特別是SEO新手具備很大幫助。對HTML代碼的優化一直是咱們作搜索引擎優化工做的很是基礎而且重要的一部分，只有作好了這部分優化工做，咱們才能開展更加深層的優化。

SEO初級優化--HTML、CSS、JS

HTML：

1.標籤的有開有合。

2.避免冗餘代碼，例如去除空格字符。

3.合理利用標籤語義化。

4.合理的嵌套規則，避免行元素內嵌套塊元素。

5.img標籤內須要添加title屬性和alt屬性。

6.a標籤內須要添加title屬性。

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

8.<title>頁面標題，必須列出信息的標題、網站的名稱以及相關關鍵字，避免堆關鍵字。

9.合理使用註釋。

CSS：

1.避免將css代碼寫在標籤內。

2.若是css代碼量少，可直接寫在頭部。不然請使用外部引入的方式。

3.請不要使用通配符選擇器 *{margin:0;padding:0;} 這不只僅由於它是緩慢和低效率的方法，並且還會致使一些沒必要要的元素也重置了外邊距和內邊距。請引用reset文件，引用reset文件在本身定義的css文件以前。

4.css代碼縮寫能夠提升你寫代碼的速度，精簡你的代碼量，包括margin，padding，border ，font， background和顏色值等。

5.利用css繼承，若是一個父元素內有多個子元素擁有相同的樣式，可將相同的樣式定義在元素上。

6.若是多個元素擁有相同的樣式，可定義一個通用的class或使用羣組選擇器。

7.使用背景圖合併技術。

8.適當的代碼註釋。

JS：

1.採用外部引入的方法。

2.合理合併JS代碼，可減小服務器的壓力。

3.良好的JS代碼習慣。例如：減小頁面重繪，減小做用域鏈上的查找次數。

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優化中的權重分數

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優化

1、靜態頁面

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

2、頁面標題（Page Title）的關鍵詞優化

必須列出信息的標題、網站的名稱以及相關關鍵字。

3、Meta標籤的優化（過去搜索引擎優化的重要手法，如今已經不是關鍵因素，但仍不可忽略）

主要包括：Meta description、Meta keywords的設置。關鍵字密度要適度，一般爲2%-8%，也就是說你的關鍵字必須在頁面中出現若干次，或者在搜索引擎容許的範圍內，要避免堆砌關鍵字。

4、針對Google製做Sitemaps

Google的sitemaps是對原來robots.txt的擴展，它使用 XML格式來記錄整個網站的信息並供Google讀取，使搜索引擎能更快更全面的收錄網站的內容。　　可使用Google提供的Sitemap生成器製做（須要技術人員製做）：　　？hl=zh-CN也能夠由技術部人員製做更全面的Sitemaps。

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>

</div>

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

</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通常出現較少。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。