免費諮詢
↑
Seo · SEO 與 AI 搜尋

AMP Stories 介紹 – 你一定要了解的 Google 行動網站技術

SEO 與 AI 搜尋發布 2020.04.05更新 2023.01.14閱讀約 3 分鐘

一、什麼是 AMP Stories ?

AMP Stories 是 2018 年 Goolge 推出的一項網站架構技術,開發的核心思想在於讓不同的網頁內容可以透過更豐富的視覺設計效果(影片、動畫等)來呈現,而不是只侷限於文字敘述,AMP Stories 是 Google AMP 的延伸技術,因此同樣具有載入快速、閱讀容易、行動裝置友善等特點,更重要的是使用 AMP Stories 可讓瀏覽者可以套過更具象化的演示內容來了解網頁所要表達的內容,與透過文字閱讀想像相比,AMP Stories 更能提高瀏覽者閱讀意願。

在今年三月份時 Google Blog 發布了 Announcing mobile first indexing for the whole web 這一篇文章,其中最重要的指標是 To simplify, we’ll be switching to mobile-first indexing for all websites starting September 2020.( 2020 年 九月 我們將會將所有網站切換為行動網站優先索引) ,也許在過去 AMP Story 僅僅只是網站的一項可有可無的附加價值,但從現在開始為了因應行動網站優先索引的政策,或許該正視 AMP 以及 AMP Story 加入網站的必要性,畢竟採用 AMP Story 在不久的將來,一定會變成需多網站的標準配置技術,如果你的網站沒有,在競爭力上無疑會減少許多。

Google Blog:AMP stories: Bringing visual storytelling to the open web

下方是擷取自 Google Blog AMP Story 的介紹圖片,與過去文字+圖片呈現的樣式不同,AMP Story 可以為新聞、產品、人物、故事等產生一系列的輪播卡片,運用大量的 GiF、影片、音效、動畫等來生成視覺效果層次更豐富的表現方式,而根據 AMP Stories 官方說法,甚至也可以製作單頁式廣告來解決過去在智慧型手機上廣告載入過慢的問題,相當實用。

AMP Stories 介紹 – 你一定要了解的 Google 行動網站技術
圖片來源:AMP stories: Bringing visual storytelling to the open web

Google AMP stories 官方介紹影片:

二、Amp Stories for WordPress

WordPress 作為全世界最多人使用的 CMS 內容管理系統,理所當然的會有支援 Amp Stories 的附加外掛,只要在頁面及文章編輯器中填入外掛建立的欄位,就能自動為內容建立 AMP Story 格式,包含圖片、影片、音源、文字等都有支援,以下介紹外掛特色:

可以在 AMP Story 主要內容底部增加更多內容

當使用影片作為背景時,可以設置影片預覽影像

強化音效檔案播放效果

讓網址直接顯示

AMP Story WordPress 建構器

一鍵啟用/禁用 AMP Story 效果

在 AMP Story 中可編輯背景圖片

AMP Stories 介紹 – 你一定要了解的 Google 行動網站技術
AMP Stories 介紹 – 你一定要了解的 Google 行動網站技術

延伸閱讀:
Google Search Console 教學 – AMP 加速行動網頁項目操作說明

Google AMP 網頁 教學 AMP是什麼? 加速 手機版網頁 必學技能!

三、結語

如果想要在 Google 行動優先索引前先為網站加入 AMP 功能,不妨透過連絡表單或線上客服告知我們需求,鵠崙設計將為您提供最佳網站安全性解決方案!

鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的

針對這篇內容的問答;更一般的問題看SEO 與 AI 搜尋 hub。

01AMP Stories 跟一般的 AMP 網頁有什麼不一樣?

AMP Stories 是 Google AMP 技術的延伸,同樣有載入快、行動裝置友善的特性,但呈現方式不同,是用輪播卡片搭配大量圖片、GIF、影片、音效、動畫做視覺化的故事敘事,讓瀏覽者用「看」的理解內容,而不只是靠文字去想像,藉此提高瀏覽意願。

02WordPress 網站要另外裝外掛才能用 AMP Stories 嗎?

是的,WordPress 有專門支援 AMP Stories 的外掛,只要在頁面或文章編輯器填入外掛建立的欄位,就能自動把圖片、影片、音源、文字轉成 AMP Story 格式,外掛也支援一鍵啟用/停用效果、編輯背景圖片、設定影片預覽畫面等功能。

03Google 說的「行動網站優先索引」什麼時候開始,會影響所有網站嗎?

Google 在官方 Blog 中提到,從 2020 年 9 月起會把所有網站切換為行動優先索引,也就是全面以行動版內容作為索引依據,這也是讓 AMP 和 AMP Stories 從「可有可無」變成值得正視導入的原因之一。

04AMP Stories 除了做內容呈現,還能用來做廣告嗎?

可以,根據 AMP Stories 官方說法,這項技術也能製作單頁式廣告,用來解決過去智慧型手機上廣告載入速度過慢的問題,同樣可運用輪播卡片搭配圖片、影片、動畫等視覺元素呈現。

Service

看完之後,想找人做?

SEO 與 AI 搜尋:讓 Google 和 AI 搜尋都讀得懂、引用得到你的網站:先修技術體質,再做內容。

SEO 與 AI 搜尋優化
Contact

留下需求,
1 個工作天內回覆

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。