參考來源:
SEO網站優化教學 2-1如何被收錄-建立Meta Title,Description,Keywords
SEO 網站搜尋優化 - 不要再用 Meta Keywords 關鍵字了,改用 Description 吧!
應該避免的過時語法
HTML meta標籤常用屬性及其作用總結
【HTML】瀏覽器內核控制meta name="renderer" 說明文檔
使用 Veiwport 設定手機網頁的螢幕解析度
meta元素可以定義文件的各種後設資料,提供各種文件資訊,通俗點說就是可以理解為提供了關於網站的各種資訊。html文件中可以包含多個meta元素,每個meta元素只能用於一種用途,如果想定義多個文件資訊,則需要在head標籤中新增多個meta元素。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <meta name="屬性值" content="內容">
HTML meta name 常用屬性
name="description" content="網頁簡短描述" 有機會顯示在搜尋結果的網頁摘要中
name="keywords" content="關鍵字1.關鍵字2" 關鍵字標籤,但現在已少用(Google引擎已不使用此屬性)
name="author" content="作者姓名" 記錄網頁的作者名稱
meta name="renderer" content="webkit|ie-comp|ie-stand" 用於預設用哪種瀏覽器核心渲染版面
name="generator" content="編輯器名稱" 記錄網頁編輯器名稱
name="copyright" content="網頁版權" 用來標示網頁的版權或著作權聲明
name="distribution" content="網頁發佈地區" 用來記錄網頁的發佈地區
name="viewport" content="width=device-width, initial-scale=1.0" 設定手機網頁的螢幕解析度 註1:設定為 width=device-width 就可以自動符合所有不同手機的預設最佳解析度 註2:設定 initial-scale=1 手機螢幕畫面的初始縮放比例為 100%
|
每個 meta 使用 name 的時候,都會搭配 content 來呈現資訊內容,簡單來說,name 代表資訊項目,content 代表資訊值。
1 2 3 4 5 6 7 8 9 10
| <meta http-equiv="屬性值" content="內容"> HTML5中能使用的屬性 http-equiv="Content-Type" content="text/html"; charset="uft-8″ 網頁內容的種類以及編碼
http-equiv="Refresh" content="time" 指定一個時間間隔(以秒為單位),在此時間過去之後從伺服器重新載入當前頁面,也可以另外指定一個頁面 http-equiv="default-style" content="text/css" 定義預設的樣式表
|
1 2
| <meta charset="UTF-8"> 網頁編碼,UTF-8是萬國碼
|