iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 24
1
Modern Web

Go!從無到打造最佳行動網站系列 第 24

Day24 再次見面 Accelerated Mobile Pages (下)

  • 分享至 

  • xImage
  •  

AMP

其實說要做AMP可以說上一個禮拜,不過我想還是想把重點放在這一次的行動版的issue上面,謝謝Summer給我了一些寫AMP的參考方向,原本預計寫兩篇,後來想說可以稍微的再把東西往SEO在寫一點點的東西

針對Google搜尋指南裡面有提到關於AMP網頁,如何幫助您的網站建立SEO

今天來研究的部分是有關於AMP對SEO的幫助,這邊用Google Seache 作為研究對象。

About AMP on Google Search

在手機搜尋結果頁面,我們通常可以透過AMP的字樣或是閃電的符號,辨識到網頁是否使用AMP技術,或是Rich Result、Carousel(也有人稱這是Top Stories),但AMP對desktop的似乎沒有這些功能。對相同的網頁,AMP頁面幾乎就跟原本的網頁一樣。

Search Features that work with AMP

將你的頁面加入結構化資料,讓可以的網站在搜尋頁面可以有更多的資訊及更大的優勢可以優先被顯示出來。

下面說明如果你要使用這些搜尋特色你必須遵守下面的資料結構。

Top Stories Carousel
topstories

  • Article
    • NewsArticle (Article的子型態)
    • BlogPosting (Article的子型態)
      • LiveBlogPosting (BlogPosting的子型態)
    • DiscussionForumPosting (Article的子型態)
    • VideoObject (Article的子型態)

Host Carousel
hostCarousel

  • Article
    • NewsArticle (Article的子型態)
    • BlogPosting (Article的子型態)
      • LiveBlogPosting (BlogPosting的子型態)
    • DiscussionForumPosting (Article的子型態)
    • VideoObject (Article的子型態)

Rich Result
richResult

  • Article
    • NewsArticle (Article的子型態)
    • BlogPosting (Article的子型態)
      • LiveBlogPosting (BlogPosting的子型態)
    • DiscussionForumPosting (Article的子型態)
    • VideoObject (Article的子型態)
  • Restaurant
  • Movie
  • Recipe
  • Video

Optimize for rich mobile search results

結構化資料去增強你的搜尋結果

  1. 實作結構化資料
  2. 驗證你的結構化資料,測試工具
  3. 確認你的LOGO,是否符合AMP logo 指南,如果找不到或不符合規則,你會看不到你的網頁!在Search Feature
  4. 測試你的AMP網頁

今天就到這邊吧!眼睛超花的,真的有蠻多東西要去注意,你可以參考這邊Google Search Guides


上一篇
Day23 再次見面 Accelerated Mobile Pages (中)
下一篇
Day25 不專業翻譯 2018的行動UX設計趨勢(上)
系列文
Go!從無到打造最佳行動網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言