HTML中最重要的SEO優化，你都知道多少？

HTML中最重要的SEO優化，你都知道多少？

1. 什麼是SEO？

SEO（Search Engine Optimization）：漢譯爲搜索引擎優化。是一種方式：利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名。

搜索引擎大致的工作原理就是利用網絡爬蟲將各種網站發送請求，然後將得到的HTML頁面存儲起來，返回給我們搜索的用戶，這樣我們就能利用搜索引擎看到我們需要的東西了。

因此我們SEO的目的是對網站進行深度的優化,從而幫助網站獲取免費的流量,進而在搜索引擎上提升網站的排名,提
高網站的知名度。

2. 網站中TDK三大標籤SEO優化

• title
• description
• keyword

2.1 title 網站標題

• title 具有不可替代性，是我們網站內的第一個重要的標籤，是搜索引擎瞭解網頁的入口和對網頁的入口主題歸屬的最佳判斷點。因此如果我們想我們的網站被搜索引擎搜索到我們的這個title就不能亂寫了。

  • 建議格式這樣寫：網站名（產品名）- 網站介紹（儘量不要超過30個漢字）如下 是京東 和 小米官網的寫法

  •   <title>京東(JD.COM)-正品低價、品質保障、配送及時、輕鬆購物！</title>
    

  •  <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米電視官方網站 </title>
    

2.2 description 網站說明

提倡：description 作爲網站的總體業務和主題概括， 一般採用“我們是…”、“我們提供…”、“電話： xxx”，一般這個具體內容不需要我們考慮，是由專門的SEO人員來寫的。

例如京東和小米的這個：

<meta name="description" 
 content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，爲您提供愉悅的網上購物體驗!"/> 

 <meta name="description" content="小米官網直營小米公司旗下所有產品，包括小米手機系列小米10 Pro 、小米9、小米MIX Alpha，Redmi 紅米系列Redmi 10X、Redmi K30，小米電視、筆記本、米家智能家居等，同時提供小米客戶服務及售後支持." />

2.3 keywords 關鍵字

• keywords是頁面的關鍵詞，也是搜索引擎關注點之一。

• keywords最好限制爲6~ 8個關鍵詞,關鍵詞之間用英文逗號隔開,採用關鍵詞1,關鍵詞2的形式。

•  <meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,存儲卡,京東"/>
  

•  <meta name="keywords" content="小米,redmi,小米10,Redmi 10X,小米MIX Alpha,小米商城" />
  

• 因爲京東是這個電商網站，所以他的這個關鍵詞就比較多，我們一般豆是6-8個的,小米的這個剛好8個

3. alt屬性

• 網頁中的ALT屬性是用來對圖片進行說明的，這裏有兩方面的作用，

  • 一個是告訴搜索引擎圖片的信息。
  • 在圖片加載不出來時，告訴我們這個圖片大致時什麼內容。

• 在網站中我們不能每個圖片都加alt，最好的辦法還是在網頁中重點圖片（logo等）使用ALT標識，這樣對搜索引擎爬行網頁重要圖片很有幫助，對於提高網站關鍵詞權重也會很有好處的。

4. Logo 優化

• logo裏面首先放一個h1標籤,目的是爲了提權，告訴搜索引擎,這個地方很重要。

• h1 裏面再放一一個鏈接,可以返回首頁的,把logo的背景圖片給鏈接即可

• 爲了搜索引|擎收錄我們,我們鏈接裏面要放文字(網站名稱) , 但是文字不要顯示出來。

  • 方法1 : text-indent移到盒子外面( text-indent: -9999px) ,然後overflow:hidden ,淘寶的做法。
  • 方法2 :直接給font-size:0;就看不到文字了,京東的做法。

• 最後給鏈接- 個title屬性,這樣鼠標放到logo.上就可以看到提示文字了。

5. HTML 語義化

對於搜索引擎來說，最直接面對的就是網頁HTML代碼，如果代碼寫的語義化，搜索引擎就會很容易的讀懂該網頁要表達的意思。

• 我們的重要的文字使用strong突出
• 我們合理的使用h標籤
• 使用我們H5 新增的section、article、nav等標籤