高手必學SEO關鍵字(2)-冷門長尾關鍵字篇

高手必學SEO關鍵字(2)-冷門長尾關鍵字篇
高手必學SEO關鍵字(2)-冷門長尾關鍵字篇

身為SEO高手的你,一定要知道長尾關鍵字究竟有哪些哦!(2)

 

目錄

1. SEO 如何分辨「核心」與「長尾」關鍵字 (以「洗衣機」為例)

1-1. 核心關鍵字

1-2. 微長尾關鍵字 (或做「中段」關鍵字)

1-3. 長尾關鍵字

2. 總結:長尾關鍵字能帶來哪些行銷效益?

2-1. 長尾關鍵字對 SEO 的意義

2-2. 長尾關鍵字對 SEM 的意義

承上篇「【SEO關鍵字研究教學1】關鍵字分類篇」所述,關鍵字除了依照搜尋結果,分成「資訊型關鍵字」、「電商型關鍵字」、「導航型關鍵字(品牌關鍵字)」三大類外,還可以依照熱門度分為核心關鍵字與長尾關鍵字:

 

SEO 如何分辨「核心」與「長尾」關鍵字 (以「洗衣機」為例)

長尾關鍵字示意圖:以關鍵字「洗衣機」為例

上圖的例子為「洗衣機」這個關鍵字,月均搜尋量有四萬九千多次;如果把搜尋字詞縮小為特定品牌「LG洗衣機」,月均搜尋量則會減少為 22000;假設再把範圍縮小為某種特定系列「LG thinQ」,月均搜尋量又會減少為 480。

 

以上範例中,「洗衣機」為核心關鍵字、「LG thinQ」為「洗衣機」的長尾關鍵字,居於中段的「LG洗衣機」,筆者自己把它稱為「微長尾」。

 

核心關鍵字

許多未指名確定品牌型號的字,像是「洗衣機」、「冰箱」等為核心關鍵字。特色是關鍵字的數量少、搜尋量高,但相對來說的競爭度也高,比較不適合中小型網站或是剛起步的網站操作。

 

因為並沒有指名品牌、型號等,所以會搜尋核心關鍵字的用戶大多是屬於不確定要買何種產品/服務,因此會先上網探探行情、做做功課而已。因此透過核心關鍵字進來的用戶,成交率都偏低。

 

微長尾關鍵字 (或做「中段」關鍵字)

居於中段的這一些關鍵字,就搜尋量來說比他的核心關鍵字來的低、但是又比真正的長尾字還高出不少。這一些在中段的字,筆者自己把他們稱為「微長尾關鍵字」,業界也有人稱他們為「中段關鍵字」。

 

中段關鍵字的特點是數量次多、搜尋量次高、競爭度也次高。如果他的核心關鍵字為某種產品的話 (如此例) ,則中段關鍵字為指定品牌(如「LG洗衣機」、「國際牌洗衣機」)或是功能種類(如「直立式洗衣機」、「滾筒洗衣機」等)。

 

透過搜尋中段的微長尾關鍵字進來的用戶,代表他可能已經做過一定的功課、或是內心已經鎖定特定的品牌、功能、種類等,但卻未有明確的型號,因此成交率也次之。

 

長尾關鍵字

長尾關鍵字的種類會依照核心關鍵字而有所不同,但是共同特點是單個長尾字的搜尋量比它的核心字來的少、搜尋意圖較明確。一個核心關鍵字會有許許多多的長尾關鍵字,就像此例的核心關鍵字為「洗衣機」,他的「長尾關鍵字」多為特定的品牌型號。

 

而為何被成為長尾關鍵字?因為關鍵字數量多,加上搜尋量一個字比一個字少,畫成圖表可以拉成很長,猶如長長的尾巴般,所以稱為「長尾關鍵字」。

 

雖然單個關鍵字的搜尋量少,但是關鍵字的數量多、競爭度低、成交率也是最高的。因為購買決策清楚的人會搜尋這樣的關鍵字,他已經接近購買階段,搜尋這樣的關鍵字也許只是想比價而已,因此成交機率高。

 

對於剛起步的電商網站、或是中小型網站來說,操作「長尾關鍵字」較容易在 GOOGLE 中名列前茅。

 

總結:長尾關鍵字能帶來哪些行銷效益?

長尾關鍵字對 SEO 的意義

對於中小型或是新成立的網站,要操作流量大、競爭高的主要關鍵字,可以說是十分困難。這時不如先從長尾關鍵字做 SEO 來累積流量吧!

 

在網站佈局時,SEO 可以透過優化網站的主要內容(例如:知識庫網站或部落格就以文章本身為優化目標、電商型網站就是優化產品說明內文)來提高內容和關鍵字的關聯性、累積長尾關鍵字流量。許多不同長尾關鍵字累積起來的流量,其實不會少於單個主要的核心關鍵字帶來的流量,甚至有機會超過。

 

長尾關鍵字對 SEM 的意義

在 CPC 廣告(關鍵字廣告)中,競爭度高的核心關鍵字往往比長尾關鍵字貴。因此建立 Google Ads 的關鍵字清單時,若能擴充更多的長尾關鍵字,不但能增加廣告被觸發與曝光的機會、而且 CPC 成本較低,能節省關鍵字廣告花費。當購買意圖強烈的消費者觸發到廣告時,就可以帶來精準的流量囉。

 

 

 

 

 

推薦文章:
美軍研發狗用 AR 頭戴裝置 跑多遠都能「看」到長官指令


母逝遺憾…PTT之父打造人工智慧 即時預測敗血症即刻救命


人工智慧從基因預測你的潛在疾病!微軟聯合 PTT 之父打造 AI 基因分析平台


人工智慧、大數據、VR等2020最搶手職業榜出爐!值得你現在開始準備


精選摘要顯示變少,對SEO真的有影響?


人人都想去的IT工作!NVIDIA竟排行第一名?!(上)


大學新鮮人讓Python程式碼”可視化”!寫程式變得超簡單!

高手必學SEO關鍵字(1)-關鍵字分類篇

高手必學SEO關鍵字(1)-關鍵字分類篇
高手必學SEO關鍵字(1)-關鍵字分類篇

身為SEO高手的你,一定要先認識關鍵字分類有哪些哦!(1)

 

目錄

1. 關鍵字:連結網站與用戶需求的橋樑

2. 少了關鍵字研究,會如何影響SEO?

3. SEO 關鍵字分類-從搜尋結果看出關鍵字類型

3-1. 第一型、資訊型關鍵字

3-2. 第二型、電商型關鍵字

3-3. 第三型、導航型關鍵字(品牌關鍵字)

4. 總結:關鍵字分類的目的

 

關鍵字:連結網站與用戶需求的橋樑

關鍵字最主要的目的是將你的網站和用戶搜尋的字詞聯繫起來的詞組。SEO 如果能針對合適的關鍵字做優化、讓網站在這些關鍵字詞的搜尋結果名列前茅,除了能幫助你的網站被精準的目標客戶搜尋到之外,還能釣出更多的潛在客戶找到你的網站,藉此提高轉換率。本系列文章將關鍵字研究拆成兩部分:第一部分介紹關鍵字的種類以及對應的網站;第二部分則列出挑選關鍵字的步驟。

 

做關鍵字研究,需具備的三個考量因素有:行銷思維、 SEO 常識及關鍵字數據。

 

行銷思維是指要模擬用戶在搜尋時的想法、需求、想解決的問題等。他會搜尋哪些關鍵字?我需要對哪些關鍵字來優化網站?例如自家的網站是販售洗髮精的,我需要先想想我的目標族群會搜尋哪些產品與知識(例如有頭皮屑怎麼辦、洗髮精如何挑選等)。

 

SEO 常識:幫助你避免挑到錯誤的關鍵字?

 

關鍵字數據:確認列入名單中的關鍵字是否有人搜尋?關鍵字策略是否正確?

 

少了關鍵字研究,會如何影響SEO?

以販售程式語言教學的網站為例,假使 A 網站賣的程式語言課程是 Python 與 Java,他們就只挑「Python」與「Java」兩組關鍵字來操作;而他們的對手 B 網站雖然賣的是同樣的課程,但是有做關鍵字研究,因此除了「Python」與「Java」之外,他們還挑了「Python入門」、「Python人工智慧」、「Python軟體開發」、「Java入門」、「Java數據庫」以及「Java伺服器框架」等關鍵字,共計八組。

 

A 網站使用兩組關鍵字做 SEO、B 網站則列了八組關鍵字研究做 SEO,帶來的流量勢必有差。SEO 列的關鍵字若不充足、或是不夠精準,就會影響到成效。

 

SEO 關鍵字分類-從搜尋結果看出關鍵字類型

根據以上所述,挑選的關鍵字組數會影響到流量。所以 SEO 挑選關鍵字時,除了要盡可能列出所有可能的關鍵字外,也要查驗自己的網站是否能用這些關鍵字做 SEO。關鍵字研究分類的用意,就是依據不同類型的網站,而優化不同類型的關鍵字。關鍵字的種類依據其搜尋結果,可分為以下三種:

 

第一型、資訊型關鍵字

資訊型關鍵字範例「台南美食」,出現的搜尋結果清一色都是部落格或是內容行網站

 

像是「宜蘭衝浪景點」、「台南美食」、「Python 與 Java 的比較」、「前端與後端的差異」、「貓砂 心得」等關鍵字,所出現的搜尋結果多為文章、部落格、資訊類型的網站等。

 

用戶搜尋這些關鍵字,是希望能得到想要的資訊或是解決方案。

 

如果你的網站為網誌部落格、知識分享等文章內容類型的網站的話,就可以針對此類關鍵字做 SEO 優化;但假設你的網站只有電商、商品頁面或商品列表頁,則將會很難針對此類關鍵字做優化。

 

第二型、電商型關鍵字

電商型關鍵字「貓砂」出現的八個搜尋結果當中,電商網頁佔了六個

 

像是「貓砂」、「烤箱」、「冰箱」、「吸塵器 Dyson」等電商型關鍵字,所出現的搜尋結果十之八九為電商網站。

 

用戶搜尋這類關鍵字,是希望可以瀏覽商品資訊、或購買商品等交易導向的動機。重點優化頁面為商品頁或商品列表頁。

 

假如你的網站是內容導向型的網站/部落格,要操作此類關鍵字困難度會較高。

第三型、導航型關鍵字(品牌關鍵字)

品牌型關鍵字「星巴克」出現的六個搜尋結果當中,包含官網、官方販售通路、官方社群等

 

導航型關鍵字就是「品牌關鍵字」,例如「星巴克」、「World Gym」、「Mercedes-Benz」、「GUCCI」或是知名樂團、藝人名稱等。出現的結果以該品牌的官方通路(官網、社群網站等)為主。

 

用戶會指定這些品牌字,代表他已有明確想要找的網站,因此此類關鍵字較沒優化空間。

 

如果你要操作的是「非」自家公司的品牌字,就會非常困難。因為你沒有該品牌的官網所有權。

 

總結:關鍵字分類的目的

以上把關鍵字分為三大類,目的是希望大家做 SEO 之前,能釐清自己想優化的關鍵字是否適合自己的網頁。例如你的網頁是純粹內容為主的知識型網頁,那就很難在電商型關鍵字名列前茅;反之亦然。

 

至於要如何判斷關鍵字是哪個類型呢?其實只要把想要操作的關鍵字丟到搜尋引擎去看搜尋結果,看看哪個類型的網頁居多,大致上這關鍵字就是屬於該類型的了。

 

另外,關鍵字除了可分上述三大類外,還可以依照熱門度分為核心關鍵字長尾關鍵字。在下一篇會討論。

 

 

 

 

推薦文章:
美軍研發狗用 AR 頭戴裝置 跑多遠都能「看」到長官指令


母逝遺憾…PTT之父打造人工智慧 即時預測敗血症即刻救命


人工智慧從基因預測你的潛在疾病!微軟聯合 PTT 之父打造 AI 基因分析平台


人工智慧、大數據、VR等2020最搶手職業榜出爐!值得你現在開始準備


今年最夯的十個IT公司!第一名竟是NVIDIA?(上)


肺炎讓你無法出門試妝血拚?!別擔心,交給人工智慧來搞定!


方法對了就不怕路遠!了解這些SEO眉角你也可以輕鬆自學!

自學SEO靠過來(3)-長尾關鍵字提高轉化率

自學SEO靠過來(3)-長尾關鍵字提高轉化率
自學SEO靠過來(3)-長尾關鍵字提高轉化率

想要自學SEO嗎?那你不能錯過今天分享的小技巧哦!(3)

什麼是「長尾關鍵字」?

「長尾關鍵字」一詞來自克里斯·安德森(Chris Anderson)的書「長尾理論」(Long Tail),認為只要通路夠大,r就算是非主流的、需求量小的商品,總銷量也能與主流的、需求量大的商品抗衡。同理可證,非主流關鍵字的總流量,可能超越熱門關鍵字的流量總合,這些非主力關鍵字就是長尾關鍵字。

因此單一長尾關鍵字通常替網站帶來的流量是極低的,但是多個長尾關鍵字(較好操作)帶來的總流量可能媲美單一熱門關鍵字(較難競爭)帶來的流量。而「長尾關鍵字」跟關鍵字的長短完全沒有關係,不是長的關鍵字叫做長尾關鍵字。今天國內外仍有不少網站錯誤解釋「長尾關鍵字」的意思,如果你看到的 SEO 資訊有這樣的謬誤出現,就不要再往下看了,以免越看越錯。

長尾關鍵字正確的定義為,根據這篇解釋:長尾關鍵字通常比一般關鍵字冷門(通常搜尋量較低)、但也是更明確的關鍵字,所以可以得到更高的轉換率。

所以長尾關鍵字的定義:「冷門」,在下面的「搜尋需求曲線(Search Demand Curve)」上,中間綠色段與右方紫色段的這些冷門的關鍵字種類眾多,拉出一條長長的尾巴,相當於「長尾理論」名詞的由來。

長尾關鍵字-範例

剛好許多長尾關鍵字的組成多為「焦點關鍵字」的延伸字句,例如焦點關鍵字是「乳清蛋白粉」,長尾關鍵字就可能是「英國乳清蛋白粉」、「2018年乳清蛋白粉」、「健身房用的乳清蛋白粉」、「便宜的乳清蛋白粉」等等。這些長尾關鍵字搜尋的量會比焦點關鍵字的搜尋量還少,大部分(意思就是「非全部」)的長尾關鍵字的字數也較長,因此 SEO「長尾」的定義常被人誤會。

長尾關鍵字帶來剛性需求 提高轉換率

許多時候我們在用關鍵字工具時,當我們輸入一個焦點關鍵字,他就會跳出相關的,但搜尋量不是這麼高的關鍵字。如輸入重機「Kawasaki ninja 1000」時,就會出現「kawasaki ninja 1000價格」與「kawasaki ninja 1000價格、「kawasaki ninja 1000開箱」、「ninja 1000油耗」等等,你會發現這些字的搜尋量沒有「Kawasaki ninja 1000」高,但是這些字都帶有較精確的目的(如想看評價、想購買而詢價等)。也就是說,有些特定的冷門「長尾」關鍵字會帶來目標客戶。因此如果能適時的置入這些目的性強烈的長尾關鍵字時,不但可以在長尾關鍵字的搜尋結果頁上名列前茅的門檻較低,同時也能吸引到目標客戶的目光。這就是為何 SEO 不能放棄長尾關鍵字的原因-畢竟他能給你過濾出精準的客戶!

 

 

 

 

 

推薦文章:
自學SEO靠過來(1)-設計吸睛網頁標題


自學SEO靠過來(2)-網域名稱如何選


URL做好這五招,網頁達到SEO優化沒煩惱!


人工智慧不會讓你失業,還讓你口袋滿滿哦!


從無到有 挑戰14小時取得Google證照


美國NASDAQ上市公司、外商IT教育培訓企業


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


擠進高薪科技大門-Java課程等你來瞭解!


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師


2天考取Google Ads證照!新手廣告投放攻略


讓前端工程師少一個Bug, CSS的字體單位解釋(上)-絕對單位篇


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

SEO優化很重要,預算有限怎麼辦?原來這樣做就可以點閱率狂飆!

SEO優化很重要,預算有限怎麼辦?原來這樣做就可以點閱率狂飆!
SEO優化很重要,預算有限怎麼辦?原來這樣做就可以點閱率狂飆!

要搞定SEO優化又預算有限怎麼辦?免費教學這種方法,靠RDFa格式就可以輕鬆達標啦!

RDFa的格式

什麼是RDFa?
HTML5教學的RDFaSEO優化方法 (Resource Description Framework in Attributes,屬性資源描述架構) 也是用來描述結構化資料的方式。
SEO優化所使用的語法跟微數據很像,用 vocab 來指定 Schema.org;typeof 指定類型;property 指定屬性。

RDFa的例子與語法
RDFa 表示法的樣子如下:

<div vocab=”http://schema.org” typeof=”Person”>
<span property=”givenName”>John<span>
<span property=”familyName”>Smith<span>
<span property=”gender”>male<span>

上例HTML5教學的內容是用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」

其實跟下面的微數據意思是一樣的:

<div itemscope itemtype=”https://schema.org/Person”>
<h1 itemprop=”givenName”>John<h1>
<h1 itemprop=”familyName”>Smith<h1>
<span itemprop=”gender”>male<h1>
</div>

 

 

 

推薦文章:

SEO優化師都說讚的JSON,你知道是什麼嗎?

 

URL做好這五招,網頁達到SEO優化沒煩惱!

 

SEO優化人員不可不知的高超技巧!!

 

中國IT教育領導品牌 達內教育集團第一家海外授權中心

 

不管黑帽白帽,能幫我衝流量就是好帽-最有用的網路行銷課程

 

人工智慧:為商業導向而研發或為改善人民生活而存在?

 

Python課程的私密講堂:搜尋引擎的暗黑計畫(上)

 

SEO優化師都說讚的JSON,你知道是什麼嗎?

SEO優化師都說讚的JSON,你知道是什麼嗎?
SEO優化師都說讚的JSON,你知道是什麼嗎?

SEO優化師都說JSON格式超好用,今天就要不藏私跟大家分享啦!

JSON-LD的格式

什麼是JSON-LD?
HTML5教學 中的 SEO優化 JSON (JavaScript Object Notation) 原本適用在 Javascript 語言內的一種物件表示法

JSON-LD (JavaScript Object Notation-Linked Data)顧名思義,就是把資料套用 JSON 的格式放在網頁上, 讓搜尋引擎了解網頁內容的語意格式。
JSON-LD的例子與語法
JSON 表示法的樣子如下:

{
“firstName”: “John”,
“lastName”: “Smith”,
“sex”: “male”,
}
上例用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」

以上HTML5教學語法若搭配上各種 keyword (如下例的 “@context” 與 “@type” ) 與 term (如下例的 “givenName”、”gender” 與 “familyName”等屬性 ) 之後, 就形成SEO優化功能跟微數據一樣的語意標記了。

<script type=”application/ld+json”> {
“@context”: “http://schema.org”,
“@type”: “Person”,
“givenName”: “John”,
“familyName”: “Smith”,
“gender”: “male”,
}</script>

其實跟下面的微數據意思是一樣的:

<div itemscope itemtype=”https://schema.org/Person”>
<h1 itemprop=”givenName”>John<h1>
<h1 itemprop=”familyName”>Smith<h1>
<span itemprop=”gender”>male<h1>
</div>

要注意的是 JSON-LD 大小寫要分明, 例如 keyword 的「@context」 不能寫成「@Contest」;「@type」 不能寫成「@Type」

 

 

 

推薦文章:

為什麼SEO優化師都在用微數據?原因是…

 

傳說中的SEO優化利器你知道上哪找嗎? 這就告訴你!!

 

SEO優化人員必備小常識!! 長尾關鍵字的長尾是….?

 

達內教育開幕 培養台灣IT人才進入全球企業

 

透過對的Java課程,讓你從茫然的畢業生中脫穎而出!

 

半年內上完Python課程成為工程師,連前女友都驚呆了

 

想透過網路行銷課程開始經營電商-你知道怎麼做嗎?

別再共用追劇帳號了!現在Python課程創新AI可偵測非法用戶!

別再共用追劇帳號了!現在Python課程創新AI可偵測非法用戶!
別再共用追劇帳號了!現在Python課程創新AI可偵測非法用戶!

Python課程新創AI系統,可輕易追蹤非法用戶,所以啊~共用帳戶的同學們要注意了!

現在科技所創造的AI可以追蹤非法用戶,所以與他人共享 Netflix 帳號,真的要小心被抓!

你會分享你的 Netflix 帳密給親友追劇嗎?或是你現在正在使用的 Netflix 帳密是別人分享給你使用的?學過Python課程的你就知道,要小心被 AI 人工智慧 抓包!
日前在美國拉斯維加斯舉辦的 2019 年消費電子展(Consumer electronics show,CES)上,來自英國的視訊軟體供應商 Synamedia 公布了一款全新的 AI 人工智慧系統,用來防止付費視訊平台的使用者共享帳密的行為。

根據 Magid 最新的調查顯示,有 26% 的 Y 世代 (Millennials,泛指 1980年~2000 年出生的人) 會將自己在影音串流服務平台上的身分憑據資料,分享給他人。又根據美國消費電子產品權威市場分析機構 Parks Associates 的研究發現,直至 2021 年,共享帳密的行為會讓付費電視的收入損失達 9.9 億美元 (約 306 億台幣),而像 Netflix、Amazon Prime Video 等 OTT 影音串流平台則會損失 1.2 億美元 (約 37.021 億台幣)。

IFrame>插入<

而這套 Synamedia 出品的新 AI 軟體 – Synamedia Credentials Sharing Insight 會分析目前有哪接使用者登入,並標註出那些帳號被分享使用。無論是小額的付費使用者、或是大規模的營利商,都追蹤的到。

Synamedia Credentials Sharing Insight 透過行為分析以及機器學習的模式,追蹤線上串流服務的帳密共享行為。除了制止非法的帳密共享行為之外,這套 AI 系統可讓影音串流平台的營運者,指定一個帳號可以分享給幾個人使用。像是有一些帳號就可供特定的人數共享,像是家庭帳號,自宅內的人皆可分享使用。

這套 AI 系統還可監視用戶數據資料庫,找出是否有潛在的的詐欺行為、或是準確辨識出使用者在哪裡 (家中、度假小屋等) 使用這個帳密、如何使用等等。
假如 AI 偵測到該用戶與不再住在家中的成年子女共享帳密的話,會被推薦成購買可讓更多人、更多裝置共享的多人方案。

Synamedia 表示,目前已經開始測試該 AI 人工智慧 系統。Synamedia 的CEO Jean Marc Racine 說,串流平台的帳密共享問題不容忽視,我們的新解決方案可以讓營運者採取更積極的行動,讓更多使用者願意付費購買多人方案,這種做法可以確保營運商可從目前的觀看流量中,獲得到相等的收益。
快分享給想學Python課程的朋友吧~

 

 

推薦文章:

不知道該學什麼程式語言才好?看完這篇就懂為何該選Python課程!!

 

AI革命進入醫療領域,你準備好了嗎?Python課程讓輕鬆應對不用怕!!

 

重新學習UI UX Python課程 打好基礎輕鬆領高薪

 

中國IT教育領導品牌 達內教育集團第一家海外授權中心

 

選擇對了,未來就有無限可能,就讓吳同學來跟你談談達內教育評價!

 

甩甩手搖搖頭,一起來跳舞!網路行銷課程教你最炫打歌法!

 

公司預算緊縮沒關係,免費SEO優化工具報你知

不藏私SEO優化之HTML5語意標記教學,網友大讚超佛心!

不藏私SEO優化之HTML5語意標記教學,網友大讚超佛心!
不藏私SEO優化之HTML5語意標記教學,網友大讚超佛心!

SEO優化的HTML5語意標記教學,現在不暗崁,全部教給各位啦!

HTML 5 的語意標記,對前端工程師/前端設計師來說,是不知不可的網路行銷課程網頁設計基礎,決定了網頁配置的邏輯;對於 SEO 優化師來說,雖然 HTML 5 的作用不是讓網頁可以被搜尋引擎自動擷取資料,但是卻可以讓搜尋引擎理解網頁每個部份 (Section,在此有人翻成區塊) 的排列邏輯、以及每個部份的作用等等,例如透過<header>告知搜尋引擎哪裡是頁頭、<nav> 告知搜尋引擎哪裡會列出導覽內容等等,還 可以用來搭配 Schema 語意標記,協助搜尋引擎正確完成索引。

常見的 HTML 語意標記如下表所示:

 

標籤名稱 說明
<section>

區塊

<section>主要是告知搜尋引擎「這是一個段落」,包覆的對象不以文章為限。

裡面含標題<h1>-<h6>與內容<p>,

主要用途是告知搜尋引擎一個區塊的主要內容 (內容就是這個<section>的標題)

<article>

文章區塊

<article>跟<section>性質相近,都有含標題<h1>-<h6>與內容。

但是相較於<section>,更強調所包覆的對象是「文章」

<header>

表頭

以前用<div>架構會像這樣寫<div class=”header”>、<div class=”footer”>,

HTML5 則可以分別使用<header>與<footer>標籤來取代。在任何區塊下的架構,

如果需要詳細區分表頭表尾時,就可使用<header>以及<footer>來架構,用於<body>標籤下是最普遍的,

因為<body>的架構較大,需要清楚區分表頭與表尾。

<footer>

表尾

<aside>

側邊欄位

邏輯上跟<header>以及<footer>的使用方式一樣,只是位置是強調在「側邊」。

多用於WordPress、部落格、新聞網站常見的右邊側邊欄,

顯示最新文章、文章排行榜、其他連結、廣告、推薦文章等等的訊息區塊,就很適合用<aside>來做佈局。

<aside>的語意算是跟本文無關的區塊,也就是額外資訊,通常放的是跟主要文本無關的其他額外資訊

<main>

主要區塊

在 HTML5 中用來放置這個頁面主要的資訊,有點像以前的<div class=”content”> 。

且每個頁面中只能有一個<main>標籤,且不能被置於在<nav><article><aside><footer><header>之中。

但是<article><aside><section>則可以可安被置於<main>當中。

<nav>

主要區塊

網站內的導航區塊,都適合使用<nav>來做架構,像是主選單、表尾選單等。

 

排版範例

如同以下的範例,<header>的內容就會出現在網頁的頁頭;<nav>則是導覽項目;<main>則是網頁的主要區塊,包含了<article>和<aside>,<article>內又分成不同的區塊(<sector>);<footer>則出現在頁尾。

<header></header>

<nav></nav>

<main>

 <article></article>

  <sector></sector>

  <sector></sector>

 <aside></aside>

</main>

<footer>

 Updated on <time></time>

</footer>

既然語意標籤和過去的<div>有相同的排版特性,那為什麼要使用語意標籤呢?最大的目的,是讓搜尋引擎或是其他軟體工具,可以更清楚的了解網頁中每個區塊的設計目的,讓網頁更容易被搜尋引擎”了解”,因此有增強網頁SEO優化的效果。

 

 

 

推薦文章:

傳說中的SEO優化利器你知道上哪找嗎? 這就告訴你!!

 

SEO優化人員不可不知的高超技巧!!

 

這年頭連玩樂團的人都要學點網路行銷課程才夠潮!!

 

達內教育開幕 培養台灣IT人才進入全球企業

 

機器人會跟你搶飯碗?達內教育教你如何善用人工智慧!

 

SEO人員總在新技術中迷惘,網路行銷課程提醒你:Meta Tag依然管用

 

全球最受歡迎的程式語言Python課程,你一定要知道!

為什麼SEO優化師都在用微數據?原因是…

為什麼SEO優化師都在用微數據?原因是...
為什麼SEO優化師都在用微數據?原因是…

SEO優化師都大讚微數據超好用,到底什麼是微數據?

Microdata (微數據) 的格式

什麼是微數據?

SEO優化另一個方式,也是網頁內部 SEO優化不可或缺的步驟。HTML5教學指的網頁中的 「HTML 標籤」告訴瀏覽器如 Google Chrome 如何顯示標籤中的信息。
如網頁中的 「<h1>Java</h1>」告訴瀏覽器,關鍵字 「Java」 必須以 「標題1」 的格式顯示
但是這個 「Java」可能意味者:一種程式語言、一種咖啡、一種島嶼等類別。

而 「HTML 標籤」 不會告訴搜尋引擎這個 「Java」 是意味著上述哪一種意思。

這時候,HTML5教學就必須在原本的 HTML 碼當中添加「Microdata (微數據)」 , 來宣告其類別, 就可以幫助搜尋引擎更精準識別網頁內容的具體意義。

在這個「Java」的例子中,微數據的角色就很像告訴搜尋引擎:
「嘿,這個網頁的 Java 是關於咖啡的內容喔!」或是「這個網頁的 Java 是指程式語言喔!」

 

微數據的例子

倘若今天,你有一個介紹即將上映的電影「艾莉塔:戰鬥天使」 的網站,其中包含了類型、導演以及一個通向預告片頁面的鏈接,您的 HTML 代碼可能看起來像這樣:

<div><h1>艾莉塔:戰鬥天使</h1>
<span>導演:詹姆士·卡麥隆 (生於1954年8月16日)</span>

<span>類型:賽博叛客動作片</span>

<a href=”..//movies/Alita-Battle-Angel-trailer.html”>電影預告片</a>

</div>

這個 HTML 代碼若加了Microdata 微數據來宣告其資料類型,就可以讓搜尋引擎更容易辨識其類型。

<div itemscope itemtype=”https://schema.org/Movie”>
<!–宣告要使用 schema.org 的 movie(電影)類來呈現資料–>

<h1 itemprop=”name”>艾莉塔:戰鬥天使</h1>
<!–宣告在movie(上一行指定)的類型下,該類型的項目”name”(片名)是什麼–>

<div itemprop=”director” itemscope itemtype=”http://schema.org/Person”>
<!–宣告要使用 schema.org 的 person(人物)類來呈現資料,並選擇 director 項目–>

導演:<span itemprop=”name”>詹姆士·卡麥隆</span> (生於<span itemprop=”birthDate”>1954年8月16日)</span></div>

類型:<span itemprop=”genre”>賽博叛客動作片</span>

<a href=”../movies/Alita-Battle-Angel-trailer.html” itemprop=”trailer”>電影預告片 </a>

</div>

 

微數據的語法

微數據主要用到這幾個屬性來標注信息:itemscope、itemtype、itemprop。
itemscope 與 itemtype 連用,用來宣告要使用哪個 Schema 類型 (如電影、人物、書本等等), 如以下語法即電影類型的微數據:

<div itemscope itemtype=”http://schema.org/Movie”></div>

有了指定的 Schema 類型後,就用 itemprop 宣告:在這個類型下的屬性是什麼。
繼剛剛的例子 (指定的 Schema 類型為 「電影」) 後, 以下例子為宣告屬性 (itemprop) 為”name”(片名) 的內容是「艾莉塔:戰鬥天使」

<span itemprop=”name”>艾莉塔:戰鬥天使</span>

日期或時間類屬性,可使用 ISO日期格式 表示,如:

<time itemprop=”startDate” datetime=”2019-03-02T19:00-08:00″ > 2019年03月02日晚上7點 </time>

微數據可以嵌套,如:

<div itemscope itemtype=”https://schema.org/Movie” >

<h1 itemprop=”name” >艾莉塔:戰鬥天使</h1>

<div itemprop=”director” itemscope itemtype=”http://schema.org/Person”>

導演:<span itemprop=”name”>詹姆士·卡麥隆</span> (生於<span itemprop=”birthDate”>1954年8月16日)</span> </div>

類型:<span itemprop=”genre”>賽博叛客動作片</span>

<a href = “../movies/avatar-theatrical-trailer.html” itemprop = “trailer” >電影預告片 </a>

</div>

部分元素使用 URL 屬性值作為微數據的內容:

<a href=”” >

<area href=”” >

<audio src=”” >

<embed src=”” >

<iframe src=”” >

<img src=”” >

<link href=”” >

<object data=”” >

<source src=”” >

<video src=”” >

相反,某些元素的URL屬性不作為微數據內容:

<base href=”” >

<script src=”” >

<input src=”” >

完整的微數據類型請參考:http://schema.org/docs/full.html

 

 

推薦文章:

2018網路行銷課程SEO八部曲第一部:了解你的使用族群!!

 

2018網路行銷課程SEO八部曲第二部:網頁開啟速度是關鍵!!

 

2018網路行銷課程SEO八部曲第三部:Meta Tag依然很重要!!

 

想要人生不一樣,快來學習JAVA課程!

 

達內教育開幕 培養台灣IT人才進入全球企業

 

黑手們!快發摟時代趨勢來上Python課程,保證你以後就發囉!

 

台積電董事長都說了:AI和網路行銷課程很重要!

連SEO優化師都大讚好用的Schema,你還不趕快來學?

連SEO優化師都大讚好用的Schema,你還不趕快來學?
連SEO優化師都大讚好用的Schema,你還不趕快來學?

是什麼讓SEO優化師都愛不釋手?Schema真的要來了解一下啦!

Schema 語意標記小百科

為何 SEO 要用 Schema?

SEO優化其中一個方式其實就是讓你的網頁被 Schema 語意標記,是網頁內部SEO優化不可或缺的步驟。 「雖然HTML5教學有提到可以使用語意標記來讓搜尋引擎理解網頁的邏輯,但是」唯有網頁的內容經過 Schema 語意標記之後,網頁內的資料才能真正的結構化, 讓搜尋引擎更了解網頁內被標記的資訊所代表的意義,進而讓網頁的資料大大被搜尋引擎應用:如搜尋結果、知識卡等,進而影響搜尋結果與排名排名與點閱率。

 

支援的搜尋引擎

Google、Bing、Yahoo 以及 Yandex (俄羅斯最大的搜尋引擎,也是全球第四大) 都支援 HTML5教學 Schema 語意標記進行網頁資料結構化。

 

編碼方式

因為在出現 Schema 語意標記之前, 早已存在各領域的語意標記方法, 主要有三種:
1. Microdata (微數據)
2. JSON-LD (JavaScript 串聯資料物件表示法)
3. RDFa (屬性資源描述架構)

以上編碼都是用來宣告「可讓機器自己讀取資料」, 也藉是透過這些表示法,電腦可以擷取已經定義好的資料。 因為以上語法都適用在各種不同的狀況,所以 Schema 的出現並不是推翻統一它們既有的語法。 而是只做統一定義詞彙如 author (作者)、product (產品) 等,再加上以上三種編碼搭配使用, 就能把網頁內容已結構化的風勢呈現給搜尋引擎。

 

 

 

推薦文章:

SEO優化人員不可不知的高超技巧!!

 

傳說中的SEO優化利器你知道上哪找嗎? 這就告訴你!!

 

SEO優化人員必備小常識!! 長尾關鍵字的長尾是….?

 

達內課程先就業再付款- 中時電子報

 

未來人類生活處處皆是AI人工智慧,還不快去上Python課程

 

還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!

 

上了網路行銷課程後,你再上這個就會超厲害的…

HTML5教學法寶2-區塊外框設定一把罩!

HTML5教學法寶2-區塊外框設定一把罩!
HTML5教學法寶2-區塊外框設定一把罩!

HTML5教學百百種,這次的區塊跟外框設定教學啊,真的對於網頁設計有很大幫助耶!

 

1.區塊”<span>”與”<div>”的屬性設定

2.跟外框相關的CSS設定 (常用)

其實除了文字之外,前端工程師在HTML5教學網頁的各個元素進行 CSS 格式設定時,有一個 「盒子模型 (box model) 」 的概念:就是所有要被設定的元素,都會被視為一個盒子”<span>”或”<div>”

以上這兩種身為前端工程師不可不知的HTML5教學你學會了嗎?

 

 

推薦文章:

HTML5教學法寶1-文字排版設定好,人人愛看少不了!

 

日本自動駕駛公園慶開幕!民眾搶報名Python課程!

 

HTML5教學第一招-工欲善其事,必須要有免費的網頁編輯器

 

中國IT教育領導品牌 達內教育集團第一家海外授權中心

 

搶救低薪大作戰,再不來上Java課程就來不及了!

 

網路行銷課程到底教了哪些技巧?圖片也能SEO你知道嗎?

 

想前進Google或微軟工作必學的Python課程