Meta 標籤的屬性主要由 name、http-equiv、charset、content、itemprop 以及一些為社交媒體最佳化的屬性組成。它們在 HTML 文件的 <head> 部分中使用，並提供關於頁面的後設資料，這些資料對搜尋引擎、瀏覽器和其他網路服務至關重要。
以下是這些屬性及其作用的詳細解釋：
-
name: 定義後設資料的名稱。不同的名稱代表不同的後設資料型別，例如description、keywords、author、viewport等。name屬性的值應該是一個有效的後設資料名稱。-
一些常用的
name屬性值及其作用：-
description: 頁面的簡短描述，通常顯示在搜尋引擎結果頁面 (SERP) 中。 它有助於使用者瞭解頁面內容，並影響點選率。 -
keywords: 與頁面相關的關鍵詞列表。雖然大多數搜尋引擎不再使用keywords進行排名，但它仍然可以為一些搜尋引擎和內部網站搜尋提供資訊。 -
author: 頁面的作者。 -
viewport: 控制頁面的視口設定，對於響應式網頁設計至關重要。例如，<meta name="viewport" content="width=device-width, initial-scale=1.0">設定視口寬度等於裝置寬度，初始縮放比例為 1.0。 -
robots: 控制搜尋引擎如何抓取和索引頁面。例如，<meta name="robots" content="noindex, nofollow">告訴搜尋引擎不要索引該頁面，也不要跟隨頁面上的連結。 其他值包括index、follow、noarchive、nosnippet等。 -
referrer: 控制 HTTP Referer 頭的行為，該頭資訊包含了使用者從哪個頁面跳轉到當前頁面的資訊。 這對於保護使用者隱私和安全至關重要。
-
-
-
http-equiv: 模擬 HTTP 響應頭，允許你透過 meta 標籤控制伺服器傳送給瀏覽器的指令。-
一些常用的
http-equiv屬性值及其作用：-
content-type: 指定文件的字符集和 MIME 型別。 例如，<meta http-equiv="content-type" content="text/html; charset=UTF-8">宣告文件型別為 HTML，字符集為 UTF-8。 現在推薦使用<meta charset="UTF-8">來設定字符集。 -
refresh: 在指定的秒數後重新整理頁面或重定向到另一個 URL。 例如，<meta http-equiv="refresh" content="5; URL='https://www.example.com/'">會在 5 秒後重定向到 example.com。 -
X-UA-Compatible: 指定瀏覽器使用哪個版本的渲染引擎來渲染頁面。 例如，<meta http-equiv="X-UA-Compatible" content="IE=edge">告訴 Internet Explorer 使用最新的渲染引擎。 -
default-style: 指定預設樣式表。
-
-
-
charset: 指定文件的字元編碼，例如 UTF-8。 這是設定字符集的首選方法。 例如：<meta charset="UTF-8"> -
content: 包含後設資料的值。content屬性的值取決於name或http-equiv屬性的設定。 -
itemprop: 用於結構化資料，允許你向搜尋引擎提供更多關於頁面內容的語義資訊。 它是 schema.org 詞彙表的一部分。
除了以上這些，還有許多為社交媒體最佳化的 meta 屬性，例如 Open Graph 協議 (og:) 和 Twitter Cards，它們允許你自定義頁面在社交媒體平臺上的分享預覽。 這些屬性通常以 og: 或 twitter: 開頭。
總結： 理解和正確使用 meta 標籤的屬性對於提升網站的 SEO、可訪問性和使用者體驗至關重要。 選擇合適的屬性並提供準確的後設資料，可以幫助搜尋引擎理解你的網站內容，並將其呈現給正確的使用者。