meta 元資訊

元資訊主要是給瀏覽器和搜尋引擎看的，通常用於頁面描述、關鍵字、資源的引入...等，不會顯示在頁面上。

元資訊

編碼

utf-8 為萬國碼，可以在網頁中處理任何語言。

<meta charset="UTF-8">

關鍵字

該網頁的關鍵字。以結論來說：現在已經沒有用處了。主要是有心人士填入了大量不相關的關鍵字，藉此獲得不屬於他的流量。因此 Google 在 2009 年 9 月時正式公開宣布，未來不會再參考 meta keyword 裡的內容。

<meta name="keywords" content="yahoo, yahoo奇摩, yahoo奇摩首頁, yahoo首頁, yahoo搜尋, yahoo 信箱, yahoo 即時通訊, 新聞, 股市, 運動, 娛樂, 拍賣, 購物中心, 超級商城">

描述

描述用於搜尋引擎結果頁面，使用者與該網頁的第一次接觸。

<meta name="description" content="Yahoo奇摩提供即時新聞、氣象、購物、信箱、搜尋、政治、國際、運動、股市、娛樂、科技、電影、汽機車、旅遊、遊戲。每天賺奇摩值、發掘更多精彩內容、一站獲取豐富生活！">

行動裝置的網頁螢幕資訊

當使用行動裝置瀏覽網頁時，指定瀏覽器如何渲染和縮放網頁畫面的寬、高。如果沒有設定的話，就會以桌機的螢幕寬度來渲染頁面，這時畫面看起來就會擠在一起或內容變很小不好閱讀。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• width=device-width：自動符合所有不同手機螢幕他們自己的預設最佳解析度。
• initial-scale=1.0：設定畫面的初始縮放比例。
• minimum-scale=1.0：設定畫面的最小縮放比例。
• maximum-scale=1.0：設定畫面的最大縮放比例。
• user-scalable=no：設定是否允許使用者改變縮放比例。

重新導向

refresh 可以用來設定幾秒鐘後跳轉到某一個 Domain。

<meta http-equiv="refresh" content="3; url=https://docs.f2e.idv.tw">

開放社交關係圖（Open Graph）

一般簡稱為 OG，它是 Facebook 在 2021 年所推出、利用 Meta Tag 來完成的一項技術，是專為社群平台分享而生的標籤，而其目是希望能讓使用者在社群分享網站時，能讓資訊呈現得更加豐富且美觀。

<meta property="og:url" content="http://tw.yahoo.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Yahoo奇摩">
<meta property="og:description" content="Yahoo奇摩提供即時新聞、氣象、購物、信箱、搜尋、政治、國際、運動、股市、娛樂、科技、電影、汽機車、旅遊、遊戲。每天賺奇摩值、發掘更多精彩內容、一站獲取豐富生活！">
<meta property="og:image" content="https://s.yimg.com/cv/apiv2/social/images/yahoo_default_logo.png">