如何在WordPress中建立Google Web Stories

什麼是網路故事?

網路故事是一種可滑動的,豐富的視覺故事格式,可用於移動設備。Web Stories提供了一種全屏體驗,可以融合各種可以想像的內容。與Instagram故事等封閉格式相反,Web故事是開放的並且可以自由分發。您可以在自己的網站上製作和發布它們。您擁有自己的故事。

更重要的是,Web Stories在Google搜索結果中佔據了自己的位置-排在頂部。不僅如此,因為故事還可以出現在Google圖片,Discover和Google應用中。都非常突出。

網路故事使您可以更好地控制發布的內容以及操作方式。您可以自由決定格式,發布位置以及故事的「直播」時間。這些故事快如閃電,可為您提供快速簡便的內容類型。

請記住,雖然「 Web故事」旨在用於移動設備,但每個故事也會自動獲得一個簡單的桌面查看器。這意味著您的移動內容真正適用於所有人。

再見AMP故事,您好網路故事

2018年初,Google引入了AMP Stories,作為使用開放技術快速構建網路視覺故事的一種方式。2020年5月,AMP Stories成為Web Stories,到2020年10月,在全球排名第一的平台WordPress上啟動。WordPress的Web Stories插件使在您擁有的平台(您的網站)上構建故事變得更加容易。

Google繼續改進Web Stories,同時也推動採用。今年早些時候,該公司宣布其某些其他工具(例如Rich Results Testing Tools和Search Console)現在可以識別Web Stories。在WordPress插件的設置中,您可以設置Google Analytics(分析)的跟蹤ID。這有助於您了解您的故事的表現。

網路故事示例

您可以將Web Stories用於很多事情,我們已經看到許多大型媒體品牌都在使用它。儘管它們似乎最適合一口大小的內容,但您可以深入了解自己的故事。如果您可以建立一個引人入勝的故事,那麼人們可能會蜂擁而至。這可能會使您的內容變得病毒式傳播。

以下是一些Web Stories(及其前身AMP Stories)的出色示例:

英國廣播公司發表了有關月球的網路故事
PCGamesN僅用視頻就講述了一場皇家戰爭遊戲的故事
大西洋一直在尋找新聞報道
CNN撰寫了有關南極洲的精彩網路故事

這些是相當高級的Web故事,當然,您不必使用相同的新聞方法來創建它們-只需確保您的故事高質量並對您和您的讀者有價值即可。

如何使用WordPress插件構建Web Stories

如果您有WordPress網站,則開始使用Web Stories很容易。只需安裝官方的Google Web Stories插件-別忘了閱讀Google的文檔以使您的故事為搜索引擎做好準備。該插件是由Google開發人員的強大團隊公開開發的,是一件藝術品。它現已正式啟動,因此每個人都可以了解其構建故事。

安裝插件後,轉到「編輯器設置」,然後填寫要求的詳細信息。那您就可以出發了!如果您缺乏靈感,或者想了解Web Story的含義,請瀏覽模板部分。看到喜歡的一個嗎?只需單擊「使用模板」,編輯器就會隨模板一起打開。現在,您可以使用各種工具使故事適應您的喜好。

當然,您可以自由地從頭開始構建Web Stories。讓我們看看情況如何。

  1. 打開網路故事插件

    安裝插件後,通過單擊Web Stories儀錶板中的Create New Story開始一個新故事。您還可以通過將滑鼠懸停在WordPress菜單>故事>添加新內容上來開始新故事。

  2. 介紹Web Stories界面

    如果您創建了一個新故事,該界面將打開並帶有一個空白模板。在左側,您可以看到資產管理器,其中包含您上傳的圖像以及可以在故事中使用的素材。T圖標打開文本選項卡,三角形打開形狀。

  3. 添加圖像以瀏覽右側

    單擊藍色的「上傳」按鈕,然後選擇要上傳的圖像。雙擊圖像將其添加到畫布。您會注意到右側的設置發生了變化。在這裡,您可以找到每個項目的屬性和設計選項。這些類型因類型而異,因此文本與圖像具有不同的選項。

  4. 習慣了界面

    如果您曾經使用過任何類型的設計工具,都可以在Web Stories WordPress插件的界面中感到賓至如歸。您可以對齊,旋轉,分層,更改文本類型,顏色,幾乎所有您需要的東西都在這裡。您可以使用圖像,插圖,文字,視頻等。

  5. 現在嘗試建立一個簡單的網路故事

    我們將以一個簡單的例子為例。打開新故事並上傳圖片以開始使用。我想摘一張我們的插圖,因為我想寫一篇關於開店的文章。單擊圖像,您會注意到它周圍的藍線,這使您可以縮放,旋轉和縮放圖像。雙擊圖像以查看完整圖像及其適合的位置。以看起來不錯的方式使圖像合適。

  6. 向您的網路故事添加文本

    單擊左上角的T轉到文本選項卡。在這裡,您會看到不同的尺寸。這些是基於常規HTML標題的,因此最大的一個是h1,而一個段落則得到p。請在您的網路故事中正確使用這些內容。給標題加上h1,給小標題加上h2或其他名稱。使用該段落作為您的段落。這樣,您的網路內容將遵循所有常規準則。

  7. 顏色,填充和對齊

    如果您的圖像有像我這樣的繁忙背景,則可能需要給文本設置一種顏色以突出顯示,甚至可能是背景填充顏色。幸運的是,您可以。單擊標題1將標題添加到圖像。將其拖放到要顯示的位置。

  8. 網路故事的新頁面

    要將新頁面添加到您的故事,請單擊屏幕按鈕上的大+按鈕。如果要複製當前頁面是因為要將其用作下一個屏幕的模板,請單擊「複製」頁面。用所有需要的頁面填充您的故事。

  9. 鏈接到您的網站

    Web Stories的一項很酷的功能就是您可以自由鏈接到自己的內容。只需單擊一個元素並添加鏈接。不要過度使用,保持鏈接數量有限。

  10. 填寫元數據並發布

    完成網路故事後,請單擊「預覽」對其進行測試。在點擊發布之前,您需要填寫一些元數據來改善故事。根據Google的說法,您需要此內容才能獲得有效的網路故事。單擊文檔,然後填寫徽標,封面圖像,摘錄並選擇一個好的永久鏈接。準備?發布您的故事!Web Stories插件將詢問您是否要為該故事撰寫新帖子。如果您這樣做,請單擊按鈕,然後將打開一個新帖子,其中嵌入了您的故事。

這裡是一個簡短的視頻!

這只是一個非常簡單的故事,純粹是為了幫助您找到界面周圍的方式。考慮一下您可以做的所有很酷的事情!

記住

網路故事對於您的內容庫來說是一個很酷的新功能。它是實現完全不同目標的完全不同的工具。當然,並不是每個人都能從這些故事中找到用處,但一定要看看各種可能性。很容易上手,但是功能強大!

您需要牢記以下幾點:

  • 確保您的故事的URL在XML站點地圖中可用(Yoast SEO為您完成此操作)
  • 添加Schema結構化數據,使Google可以更輕鬆地了解您的故事(Yoast SEO會為您完成此操作)
  • 從網站其他(相關)部分鏈接到您的故事
  • 確保您的故事有價值且高質量
  • 您可以添加廣告,但不要過度使用
  • 請勿添加過多的外部來源鏈接,否則會使讀者分心
  • 故事要簡短生動(Google說5-30頁,最甜蜜的地方是10-20)
  • 保持標題簡短
  • 不要在頁面上使用太多文字
  • 添加替代文字以描述圖像以實現輔助功能
  • 故事是視頻的理想選擇,但要簡短

而且,正如Google在其針對網路故事的SEO中所寫的那樣:

做所有SEO事情,您將對網站上的任何其他頁面執行此操作。如果它有助於對非故事頁面進行排名,那麼它也可能對故事有所幫助。

閱讀上面的列表時,一個字會跳到您面前:簡短。一個好的故事很短,但仍然有價值和有見地。嘗試一下。找到您的觀眾喜歡看的內容和格式。可以這麼說,這仍然是新的,因此沒有「規則」。幸運的是,Google的WordPress Web Stories插件使構建這些故事變得很有趣!

不要忘記在AMP測試工具中測試您的Web故事,以查看您的故事是否符合搜索結果的條件。

檢查您的網路故事是否有效,並了解它在Google中的外觀

這就是在WordPress中構建網路故事的方法

您剛剛閱讀了有關WordPress中的網路故事的簡短入門。這些簡短的內容非常適合在手機上使用,但是即使在台式機上也可以正常工作。Google已經做了很多工作,使故事格式成功並獲得廣泛採用-尤其是因為這些故事在Google搜索結果中佔有一席之地。

相關文章