iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 10
0
自我挑戰組

用敏捷管理我跟 HTML&CSS 的 30 天親密接觸系列 第 10

|Day 10| 寫好 title 和 discription ,網站流量跟著來

  • 分享至 

  • xImage
  •  

當我們在收尋引擎上搜尋ithome 鐵人賽時,你會看到以下畫面:

你可能會好奇 「第11屆iT邦幫忙鐵人賽::用三十天向世界宣告,這一年來鋼鐵般的...」 是怎麼被選擇出來的,明明網站裡面有那麼多分頁和標題。以及下面灰色字的網頁描述也是怎麼生成的呢?

以下就簡單為大家介紹一下,到底要在 HTML 下寫了什麼,才會容易被搜尋引擎找到?

首先要讓你的網頁容易被搜尋引擎搜到,把握兩個原則,下好的標題準確的關鍵字,如此一來搜尋引擎也會更容易抓到你的網站,也會有利網站的排名。

但是你一定在想:你說得我都知道,但是到底該在 HTML 中怎麼操作?
那廢話不多說,我們就開始吧:)

title 標籤

通常寫在 HTML 的<head>``````</head>標籤中,還記得我們在前幾回有提過 head 裡面的內容並不會出現在網頁畫面上,通常是用來放網頁資訊。

我用一個最簡單的例子來讓大家知道

https://ithelp.ithome.com.tw/upload/images/20190923/2012083319q91DyW6b.png

紅線圈選起來的,就是寫在<head>``````</head>標籤中的<title>```````</title>
以下有幾個重點:

✓ 記得 title 標籤是成對出現的唷。
✓ 寫在裡面的文字不宜過長。
✓ 需獨特好辨識,且清楚有重點。

當你 title 下好了,在搜尋下出現的資訊如下:

https://ithelp.ithome.com.tw/upload/images/20190923/20120833MdvDWi2bm6.png

description 標籤

寫法如下,也是出現在<head>``````</head>標籤中的資訊,用來做這個網站的簡短說明。

<meta name="description" content="網頁簡短描述">

再舉個例子給你看,就會更清楚

https://ithelp.ithome.com.tw/upload/images/20190923/20120833yFCQV01gu9.png

那搜尋引擎上會出現的就是

https://ithelp.ithome.com.tw/upload/images/20190923/201208334jyYbuQoW7.png

雖然沒有相關文件證明,descriptiontitle 標籤會影響排名。由於這兩項資訊都會出現在頁面摘要中,meta description還是會影響到點擊率,所以依舊值得好好撰寫。

總結

合適的撰寫descriptiontitle 標籤,都會有利於優化,以下簡單做個重點整理:

  • title 字數:25~30 個中文字
  • description 字數:65~80 個 中文字
  • 撰寫出易懂且簡潔的文字
  • 把握關鍵字使用,並形成有意義之文字,但不是濫用,一但發現濫用,也會影響排名。

上一篇
|Day 09|初探圖片、影片、音訊的標籤和 SEO 的優化關係
下一篇
|Day 11|從 HTML + CSS 開始
系列文
用敏捷管理我跟 HTML&CSS 的 30 天親密接觸30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言