html SEO

HTML 基礎 SEO 標籤:meta、og

許馨方 Mia Hsu 2020/08/19 09:00:00
2293

每個網站都希望能出現在搜尋引擎第一頁,最能增強 SEO 的方式就是把內容最好,內容好瀏覽量就會增加、轉傳率增加 SEO 自然就越來越好。

HTML 基本增加 SEO 方式有:

1. 多使用語意化標籤

2. 設定 meta

本篇將著重於後者第二點

 

<title> 網頁標題

  • 建議中文在 30 字元、英文 60 字元內。
  • 理想的標題格式:主要關鍵字-次要關鍵字 | 廠牌名

 

以 Hahow 網站為例

 

 

 

網站相關 meta

description 網頁摘要

  • <meta name="description" content="摘要">
  • 顯示於搜尋結果網頁標題下方
  • 應簡短扼要說明網站

 

以 Hahow 網站為例

keywords 關鍵字(建議不要用)

建議不要在用的原因是因爲以前被過度濫用,而 Google 在 2009 年就已經宣佈, keywords tag 已經不列入 SEO 計算中。

參考資訊:Google does not use the keywords meta tag in web ranking

 

 

 

Facebook 社群相關 <meta og:Tag>

OG:Tag 是 Open Graph Tag 的簡稱,一開始是 Facebook 提出的規範,後來許多社群網站跟進,描述希望被抓取的資訊

 

卡片上出現的標題、圖片及描述 

 

較常用的標籤有以下三個,下面會對這個三個標籤做詳細介紹,如果想知道其他的 og 標籤可參考 Facebook 官網:網站管理員

 

<meta property="og:title" content="網頁標題" />
<meta property="og:image" content="預覽圖 URL" />
<meta property="og:description" content="描述或摘要" />

 

og:title

  • 網站的標題
  • 如果沒有設此標籤,則爬蟲會抓取 <title> 的內容
  • 舉例: 104

 

104 官網上的 og:title

 

 

 

 

 

 

 

 

許馨方 Mia Hsu