亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

五月的夏天 · 更新于 2020-11-04

認識 title 標簽

當我們打開一個網站時，每個網站都會有自己的專屬標題。比如百度的標題為“百度一下，你就知道”，淘寶的標題為“淘寶網 - 淘寶!我喜歡”。

那么我們怎么樣設置自己網站的專屬標題呢？我們就需要用到 title 標簽了。

1. title 標簽的作用

在 HTML 的 head 標簽內被用來定義頁面文檔的標題。標題標簽的好壞，在搜索引擎的排名中占有不小的比重。

好的關鍵詞排名網站，一般是這個網頁或網站的標題標簽（Title Tag）中包含著搜索關鍵詞。所以，要讓自己網頁或網站排到搜索結果的前列，網頁的標題標簽（Title Tag）就要好好寫寫。

在網頁中，標題更是為您提供了一個合理使用重要關鍵詞的好機會。更重要的是，搜索引擎爬蟲還會考慮標題標簽中的文字是否與其正文內容相符。

title 標簽主要的作用有兩點，一是告訴訪客該篇文章的主題是什么，網站的 title 標簽則告訴該網站的主題是什么。二就是給搜索引擎索引，告訴搜索引擎蜘蛛該篇文章是以什么內容為主題。

綜合來說，無論對于普通訪客還是搜索引擎的蜘蛛， title 標簽都是起到索引指路的作用，人們對你網站或文章是否有興趣很大程度也要看你的 title 標簽描述效果。而且對于搜索引擎來說會根據此標簽將你的網站或文章合理歸類，所以對于搜索引擎來說，title 標簽起到了很大的作用。

2. title 標簽的書寫方式

 <!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>這是我們的專屬網站</title>
  </head>
  <body>
    
  </body>
</HTML>

直接寫在 title 標簽之間。 title 標簽的內容既為我們網站的標題。效果如下圖所示：
圖片描述

淘寶網Title

圖片描述

百度Title

圖片描述

京東Title

3. 注意事項

  1. 網頁的標題標簽有效長度是 64 個字節，漢語是 32 個字。長出來的部分無益有弊；
  2. 每個頁面的 title 標簽不能相同，首頁與欄目頁、列表頁、內容頁的標簽不能一致，根據網頁提供的內容的不同，設置合適的 title 標簽。如果標題都是相同的話，我們就不能區分該網頁的內容，從而設置標題的意義就不大了；
  3. 標題標簽中可以出現網站名字。如：百度一下，你就知道；
  4. title 標簽設置要與內容相關，可以設置使用標題、關鍵字、概述等。如：淘寶網 - 淘 ！ 我喜歡；
  5. 切忌超長的詞匯。如：我是一個超長超長超長超長超長超長超長超長超長超長超長超長的標題；
  6. 切忌重復疊加。如：淘寶網，你最喜歡的淘寶網；
  7. 我們可以給每個頁面都設置標題。這樣當用戶在訪問當前頁面時，就能一目了然的了解到該頁面的內容和主題，從而提升了用戶體驗；
  8. title 標簽盡量要有原創性、修改性，采編過來的內容，不要拿來即用，要適當的修改，添加些原創因素，有助于提高網頁搜索引擎的收錄。

4. 使用誤區

1. 網頁的一級標題指網頁的主要標題，最能體現網頁內容的標題。千萬不要誤以為在一級標題中使用了最重要的關鍵詞，就應該在整個網頁中到處使用這些最重要的關鍵詞。這是行不通的。大部分的 SEO 人員和 Web 設計專家都認為：同一個網頁上只能有一個一級標題。多個一級標題可能會導致搜索爬蟲將其視為作弊，這將會降低網站的排名，甚至有可能會導致網站被搜索引擎完全屏蔽。

2. 不要因為一級標題很重要，就使一級標題非常長。無論哪一級標題，其長度都應在 5 至 10 個單詞之間。也不要使它們過短，過短的標題對掃描網頁沒有什么作用，過長的標題也沒有什么用。與 SEO 的許多策略一樣，應使用必要的單詞數來描述您的觀點，單詞既不能多，也不要少。

5. 真實案例分享

淘寶網：

<html>
  <head>
    <title>淘寶網 - 淘！我喜歡</title>
   </head>
</html>

百度首頁：

<html>
  <head>
    <title>百度一下，你就知道</title>
   </head>
</html>

6. 小結

  1. title 標簽為雙標簽， 必須有尾標簽；
  2. 網頁的標題為 title 標簽的內容；
  3. title 標簽的書寫位置， 必須嵌套在 head 標簽中；
  4. title 標簽為網站的標題，盡量簡潔明了，體現網站的特點；
  5. 正確的使用 title 標簽，可以提高網站的 SEO 優化。SEO本質上是一種獲取流量的手段。簡單來說就是：提高網站排名，增加曝光度，獲取流量；

代碼展示：

 <!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- `title`標簽為雙標簽，必須嵌套在head標簽中 -->
    <`title`>這是我們的專屬網站</`title`>
  </head>
  <body>
    
  </body>
</HTML>

圖片描述