10個步驟學會最新WordPress網站限時動態(Google Web Story)

10個步驟學會最新WordPress網站限時動態(Google Web Story)

[yoastbreadcrumb]
Wordpress網站限時動態教學
限時動態功能日益增長的趨勢下,Google也跟Facebook、Line等社群平台一樣推出自家的網站限時動態功能,快跟著教學為自己的Wordpress網站下載並安裝,發佈網站限時動態做搜尋引擎行銷吧!

文章目錄

自從Instagram創新的限時動態功能開放後,許多使用者或商業帳號都會透過發布限時動態來與粉絲互動,這也間接讓粉絲黏著率提升,不僅有#限時的飢餓行銷特性,更能直接做到導流的效果。
在限時動態功能日益增長的趨勢下Facebook和Line等社群平台也跟著推出自家的限時動態功能,而Google也在今年跟進,推出了一種叫做搜尋顯示網頁故事的功能,更以CNN這種有即時性的新聞媒體做範例參考,這個全新的服務在Google上目前命名為Web Story(Web Stories),因為呈現方式相似的關係,是我品牌數位行銷會先以網站限時動態來做說明。
本篇文章的網站限時動態教學主要會以Wordpress的CMS系統做示範,所以在教學開始之前請準備一個具有後台權限的Wordpress網站,至少要能夠安裝外掛,另一部份請下載下方的WordPress網站限時動態的外掛檔案,這份檔案是由官方提供的,請放心使用,若希望從原網站下載,請點擊Web Stories for WordPress


Step 1 安裝網站限時動態外掛

至Wordpress後台的外掛區點選安裝外掛,並上傳剛剛下載的網站限時動態的外掛檔案。

Wordpress網站限時動態教學 Step 1

Step 2 啟用網站限時動態外掛

安裝完成後請啟用外掛檔案

Wordpress網站限時動態教學 Step 2

Step 3 新增網站限時動態

在Wordpress左側欄位中可以看到多了一個Stories的外掛功能,滑鼠移過去會出現Dashboard(控制表)、All Stories(所有網站限時動態)和Add New(新增網站限時動態),在這裡我們先點選新增網站限時動態。

Wordpress網站限時動態教學 Step 3

Step 4 網站限時動態介面

進入新增網站限時動態後可以發現整體的介面其實很像Adobe的系統,從左到右依序是素材區、限時動態製作區以及參數區,基本的上字和匯圖是一定有的,而且還附有參考輔助線,第一次使用時針的覺得超貼心的!

Wordpress網站限時動態教學 Step 4

Step 5 網站限時動態製作

雖然能夠匯入的圖形比較基本,但是可以透過選轉及參數來做變化,特殊字型的選擇則是要透過css或其他方式匯入才能做挑選,像我們放入一個三角形在背景圖層上方,再選轉4度並讓透明度降至40%,就能做出簡易的遮色片效果,右下角的圖層除了可以讓Photoshop使用者無痛上手之外,也可以確認哪些圖層已被鎖定保護。

Wordpress網站限時動態教學 Step 5

Step 6 網站限時動態設定

而參數區的部分切換到Document(文件)就可以直接針對這篇WordPress網站限時動態做設定,就如同我們在製作Wordpress的文章、頁面或其他分類模板一樣,我們可以從這裡去調整網頁預覽圖、網址…等等來達到搜尋引擎行銷的效果,眼尖的你是否有發現最下面有個Auto(自動)和Manual(手動)的設定區塊呢?沒錯,這裡可以自己做調整,不一定只能像Facebook、Instagram或Line的限時動態來自動播放,讓使用者一張一張切換也是不錯的選擇!如果是使用自動的選項,底下還能自訂每張限時動態維持的秒數喔!

Wordpress網站限時動態教學 Step 6

Step 7 預覽製作好的網站限時動態

完成之後即可直接預覽我們製作好的網站限時動態,是不是跟Instagram很像呢?

Wordpress網站限時動態教學 Step 7

Step 8 插入網站限時動態外掛

接下來我們可以到文章或頁面來做嵌入的動作,以下使用預設編輯器做嵌入示範,可以直接搜尋Web Story來找尋外掛。

Wordpress網站限時動態教學 Step 8

Step 9 嵌入網站限時動態

輸入想嵌入的網站限時動態網址並且按Embed送出。

Wordpress網站限時動態教學 Step 9

Step 10 瀏覽網站限時動態

接著就可以看到我們剛剛所製作的網站限時動態囉!而且可以直接在編輯器中預覽切換的畫面喔!


結語

這樣一來我們就可以在搜尋結果(SERP)中看到我們的限時動態囉!

Wordpress網站限時動態教學搜尋結果
10個步驟學會最新WordPress網站限時動態(Google Web Story)
開始為你的品牌數位行銷
你的數位行銷部門是我!
為品牌架設網站,五個步驟教你從零打造你的數位行銷基地!01
為品牌架設網站,5個步驟從零打造數位行銷基地!

為什麼需要為品牌架設網站?網站架設有什麼需要注意的地方?好網站除了注重美觀還要對商家實用,能夠為你帶來客戶的網站才是好網站,是我用五個步驟教你從零打造專屬數位行銷基地,一起找到網站的核心客群與目的!

數位行銷、網路行銷與廣告投放等常見中英文專有名詞翻譯對照資料
數位行銷與廣告投放中英文專有名詞翻譯對照詳解

廣告投放或網路行銷等數位行銷總有聽不懂也看不懂的英文術語或簡稱(簡寫),是我品牌數位行銷整理了常用的專有名詞,透過英文與公式來說明並持續更新,讓行銷人員可以快速上手,網站架設也能套用行銷手法與概念。

數位行銷把人們聚集起來
為什麼你的品牌需要數位行銷?商家踏入電子商務的第一門課!

商家想踏入電子商務的第一步該從何處開始?數位行銷比起傳統行銷優點在哪?靈活度高、受眾精準,可以隨時依時事或消費者來改善數位行銷的策略,而網路活動所留下的數據則能輔助你的行銷策略,最後也是最棒的一點,數位行銷不拘泥於白天或黑夜,只要消費者有需求,電子商務的大門永遠為其敞開。

貓咪提供數位行銷服務
大數位時代,連貓也要懂行銷!

大數位時代,連家裡的寵物貓都要替自己想辦法創造被動式收入,Misy咪喜排程中文短網址的服務本身已經夠厲害了,再加上數位行銷,簡直是如虎添翼,精準地投放廣告讓Misy咪喜大大地提升了品牌能見度和轉換率。

數位行銷優化關鍵字搜尋
搜尋引擎經營案例分享,Google關鍵字第一名!

是我藉由網站評分工具,找出Icery Official影片工作室網站的問題,並透過專業SEO策略經營以及數位行銷的觀念,使Icery Official影片工作室的網站在搜尋關鍵字時排名第一,成功的完成O2O從線上導流到線下的概念。

Scroll to top