Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Rich Snippets
複合式摘要
Search Engine Result Page
Bulleted Snippets
How to get Bulleted Snippets
• 透過頁面上明確、簡潔且一致的 List 架構
呈現資料
– 使用一致性的結構
– 保持資料的簡潔
• 用<ul>, <ol>, <table> 或 <div> 去組織相關的資料
– ...
Using <table>
What is Rich Snippets
• 如果 Google 瞭解網頁內容,就能建立 Rich Snippets ,
為使用者提供特定查詢的詳細資訊。
活動
評論
Search 台北 音樂會
Microdata
• 透過在頁面上設定 Microdata,讓 Google 在
搜尋列表上產生 Rich Snippets
Itemscope
Itemtype
Itemprop
Rich Snippets from Google
Img: http://www.nedpoulter.com/a-visual-guide-rich-snippets/
Schema.org
Google
Yahoo
Microsoft
Whole World Schema
Event 使用指南
• 摘要上顯示的資訊 (ex: 活動名稱和地點) 也必須清楚定義。
這項功能並非用於廣告目的,因此活動名稱不應包含任何
宣傳元素
– ex: 提供活動價格、號召購買、暗示特價或暫時折扣。
• 有效活動名稱範例
– 台北交響...
Microdata 使用規範
• Hierarchy
– Itemscope  itemtype
– Itemprop  itemscope  itemtype
• IE8+ anchor title
– Span Title
– <!D...
Rich Snippets 的優點
• 呈現不一樣的資訊在搜尋列表上,吸引使用者目光
• 提供頁面重要的資訊,讓使用者可以決定是否要
進一步瀏覽
– 減少跳離率(bounce rate)
• 透過 Microdata 加註網頁的資訊
– 可加強...
Additional Info.
• 修改上線後不會馬上出現在搜尋列表上
– 需等待 Google 的搜尋機器擷取分析後
– 真正呈現的資訊等搜尋列表上出現才知道
• Event 的 Rich Snippets 只呈現 3 筆在 SERP 中,...
Additional Info.
• 盡量讓 Microdata 的加註與呈現給使用者看的內容一致
(少用 display: none)
– 必用時可用 meta tag
– ex: <meta itemprop="startDate" con...
Reference
• Rich Snippets
– 關於複合式摘要和結構化資料
– Rich Snippets Tools
– http://www.nedpoulter.com/a-visual-guide-rich-snippets/
...
Thank you
Prochain SlideShare
Chargement dans…5
×

2

Partager

Télécharger pour lire hors ligne

Rich Snippets 複合式摘要

Télécharger pour lire hors ligne

去年底(2013)研究一下 Rich Snippets 和 Microdata,在公司內部分享做了份 PPT,有錯誤再煩請指正。

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir

Rich Snippets 複合式摘要

  1. 1. Rich Snippets 複合式摘要
  2. 2. Search Engine Result Page
  3. 3. Bulleted Snippets
  4. 4. How to get Bulleted Snippets • 透過頁面上明確、簡潔且一致的 List 架構 呈現資料 – 使用一致性的結構 – 保持資料的簡潔 • 用<ul>, <ol>, <table> 或 <div> 去組織相關的資料 – 試著把 Meta 的 Description 設為 “”
  5. 5. Using <table>
  6. 6. What is Rich Snippets • 如果 Google 瞭解網頁內容,就能建立 Rich Snippets , 為使用者提供特定查詢的詳細資訊。 活動 評論
  7. 7. Search 台北 音樂會
  8. 8. Microdata • 透過在頁面上設定 Microdata,讓 Google 在 搜尋列表上產生 Rich Snippets Itemscope Itemtype Itemprop
  9. 9. Rich Snippets from Google Img: http://www.nedpoulter.com/a-visual-guide-rich-snippets/
  10. 10. Schema.org Google Yahoo Microsoft
  11. 11. Whole World Schema
  12. 12. Event 使用指南 • 摘要上顯示的資訊 (ex: 活動名稱和地點) 也必須清楚定義。 這項功能並非用於廣告目的,因此活動名稱不應包含任何 宣傳元素 – ex: 提供活動價格、號召購買、暗示特價或暫時折扣。 • 有效活動名稱範例 – 台北交響樂團音樂會 – 職涯講座 • 無效的活動名稱 – 洋裝特賣會!(非活動性質的資訊) – 音樂節 - 只要 10 美元!(請改用 tickets 屬性來標記票價)
  13. 13. Microdata 使用規範 • Hierarchy – Itemscope  itemtype – Itemprop  itemscope  itemtype • IE8+ anchor title – Span Title – <!DOCTYPE html>
  14. 14. Rich Snippets 的優點 • 呈現不一樣的資訊在搜尋列表上,吸引使用者目光 • 提供頁面重要的資訊,讓使用者可以決定是否要 進一步瀏覽 – 減少跳離率(bounce rate) • 透過 Microdata 加註網頁的資訊 – 可加強 SEO 的效果
  15. 15. Additional Info. • 修改上線後不會馬上出現在搜尋列表上 – 需等待 Google 的搜尋機器擷取分析後 – 真正呈現的資訊等搜尋列表上出現才知道 • Event 的 Rich Snippets 只呈現 3 筆在 SERP 中,而且全 部一樣的資訊會省略,ex:3 筆資料的地點都是在台北市 的話就不會顯示地點
  16. 16. Additional Info. • 盡量讓 Microdata 的加註與呈現給使用者看的內容一致 (少用 display: none) – 必用時可用 meta tag – ex: <meta itemprop="startDate" content="2013-10-25"> • data-vocabulary.org  schema.org – 但 Google 範例仍使用 data-vocabulary
  17. 17. Reference • Rich Snippets – 關於複合式摘要和結構化資料 – Rich Snippets Tools – http://www.nedpoulter.com/a-visual-guide-rich-snippets/ • Schema.org – schema.org – Markup Example • 選擇使用 Microdata – http://goo.gl/RaK6SO – http://goo.gl/Sfp9ua • Bulleted Snippets – http://moz.com/blog/how-do-i-get-googles-bulleted-snippets – http://insidesearch.blogspot.tw/2011/08/new-snippets-for-list-pages.html – http://www.ifinity.com.au/2011/11/01/Google_adds_Snippets_for_Bulleted_Lists_Search_Engine_Result
  18. 18. Thank you
  • JenWang2

    May. 10, 2016
  • AelianAlienLiu

    Aug. 7, 2015

去年底(2013)研究一下 Rich Snippets 和 Microdata,在公司內部分享做了份 PPT,有錯誤再煩請指正。

Vues

Nombre de vues

506

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

20

Actions

Téléchargements

12

Partages

0

Commentaires

0

Mentions J'aime

2

×