10 5 月 [網頁設計公司x網站設計公司推薦文] 網頁設計SEO揭秘，Meta Tag-中繼標記，搜尋引擎關鍵字優化中，擅用Meta標籤加註增進搜尋排序
( 文 / 網頁設計公司 • 2.5D 品牌顧問 – 圖 / Seth Schwiet )
對網站管理員來說，網頁層級中繼標記（MATA TAG）是向搜尋引擎提供網站相關資訊的絕佳途徑。中繼標記（MATA TAG）可以用來提供資訊給各類用戶端，每一個系統都僅會處理它們理解的中繼標記，並會忽略其他類型的標記。中繼標記應置入 HTML 網頁的部分
≈
MATA TAG 的定義和用法 –
“中繼標記”既“Mata Tag”並以meta name來分門別類，提供了有關HTML文檔的資料數據描述。 而標記資料數據將不會顯示在頁面上，但可以經由網路電算解析。
中繼標記通常用於指定頁面的描述，關鍵字，文案的作者，最後修改以及其他相關資料數據。
中繼標記的網頁資料數據可被瀏覽器使用（如何顯示內容或重新加載頁面），搜索引擎（關鍵字）或其他的網路服務可以使用標記的網頁資料數據。
中繼標記需加註於<head></head>之間，以下範例：
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="關鍵字1,關鍵字2,關鍵字3"> <meta name="description" content="在此描述內容"> </head>
中繼標記有以下幾個基礎設定案例，可提供搜尋引擎抓取解析網頁主要內容描述，以下範例可以加註在網頁中：
1.VIEW PORT 設置視窗入口
在HTML5引入了一種方法，使網頁設計人員可以通過標記來控制視窗入口-View Port（即用戶在網頁的可見區域範圍）（請參見下面的“設置視口”範例）。View Port隨設備的不同而不同，例如在手機上會比在計算機屏幕上小。
您應該在所有網頁中包含以下視口元素：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
介紹：
content=”width=device-width 描述視窗寬度等同裝置視窗寬度
initial-scale=1.0為視窗比例基礎參數設為1
2. KEY WORD 設置關鍵字（近期google未採用）
關鍵字指示文張專有名詞，可填入數個重點專有名詞：
<meta name="keywords" content="關鍵字1,關鍵字2,關鍵字3">
介紹：
keywords=關鍵字
initial-scale=1.0 – 為視窗比例基礎參數設為1
3. DESCRIPTION 設置內容描述
在google列表中最常見到內容描述，因此文章重點內容描述設置與撰文時適當寫入關鍵字，關鍵詞非常必要，字數約60~70字：
<meta name="description" content="請用60-70字描述">
介紹：
description=文字描述
Meta Name 屬性:
Attribute / 屬性 |
Value / 數值 |
Description / 描述 |
| charset | character_set | 指定HTML文檔的字符編碼 |
| content | text | 給出與http等同或明稱屬性關聯的值 |
| http-equiv | content-type
default-style refresh |
為內容屬性的信息/值提供HTTP標頭 |
| name | application-name
author description generator viewport |
指定用於解釋中繼名稱 |
| scheme | format/URI | 不支援 HTML5.
指定用於解釋內容屬性值的方法 |
台北SEO網頁設計公司2.5D品牌顧問-獨家結合攝影、商標設計的SEO網頁設計公司推薦，SEO網站設計公司、關鍵字優化SEO公司與品牌形象網頁設計SEO服務，10年經驗建置SEO網站，設計公司官網SEO致電報價。