網頁設計-公司,關鍵字,關鍵字優化,seo,關鍵字排序,METATAG,RWD設計,SEO,中繼標記,品牌策略,整合行銷,台北網頁設計公司推薦-提供:SEO關鍵字優化、RWD響應式網頁設計、公司客製化網頁設計、公司形象網頁設計、公司形象網站製作、網站建置架設、ㄧ頁式網頁設計、Wordpress套版網站、網頁設計範例、購物網站設計、企業網站設計、科技公司網頁設計、公司網頁設計步驟、設計公司網頁設計、網頁設計美編、官網設計、網頁設計作品集、(形象網站建置設計方案、價格、費用、收費、報價單洽詢)、餐廳網頁設計、工作室網頁設計、貿易網頁設計、外銷網頁設計、大學網頁設計、系所網頁設計、學校網頁設計、研究中心網頁設計、藝廊網頁設計、電商網頁設計。客戶觸及桃園,新竹,台中,台南,高雄與北台灣-歡迎您聯繫。

[網頁設計公司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 / 描述

charsetcharacter_set指定HTML文檔的字符編碼
contenttext給出與http等同或明稱屬性關聯的值
http-equivcontent-type

default-style

refresh

為內容屬性的信息/值提供HTTP標頭
nameapplication-name

author

description

generator
keywords

viewport

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

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