首頁 > web前端 > 前端問答 > html seo是什麼意思

html seo是什麼意思

青灯夜游
發布: 2021-12-23 14:35:55
原創
4449 人瀏覽過

在html中,SEO的意思為“搜尋引擎優化”,是一種利用搜尋引擎的規則來提高網站在有關搜尋引擎內自然排名的方式;利用SEO對網站進行深度的優化,可幫助網站取得免費的流量,從而提高網站的知名度。

html seo是什麼意思

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

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等標籤

相關推薦:《html影片教學

以上是html seo是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板