網頁設計SEO揭秘,Meta Tag-中繼標記,搜尋引擎關鍵字優化中,擅用Meta標籤加註增進搜尋排序

擅用Meta Name標籤加註增進搜尋排序:1.VIEW PORT設置視窗入口 、2. KEY WORD設置關鍵字(近期google未採用)、3. DESCRIPTION 設置內容描述、4.瞭解Meta Name 屬性...台北網頁設計公司推薦-提供:RWD響應式網頁設計、SEO關鍵字優化、公司品牌網頁設計、客製化網頁設計、公司形象網站製作、ㄧ頁式網頁設計公司、網頁設計步驟、網頁設計範例、科技公司網頁設計、設計公司網頁設計、官網設計、企業網站設計、作品集、(品牌網站建置設計費用、收費、報價單洽詢)、餐廳網頁設計、工作室網頁設計、貿易網頁設計、外銷網頁設計、大學網頁設計、系所網頁設計、學校網頁設計、研究中心網頁設計、藝廊網頁設計、電商網頁設計。客戶觸及桃園,新竹,台中,台南,高雄與北台灣-歡迎您聯繫。
( 文 / 網頁設計公司 • 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
keywords

viewport

指定用於解釋中繼名稱
scheme format/URI 不支援 HTML5.

指定用於解釋內容屬性值的方法

 

meta,meta name,關鍵字優化,seo,關鍵字排序,METATAG,RWD設計,SEO,中繼標記,品牌策略,整合行銷,網頁設計,設計推薦,響應式網站設計

 

 

shares