如何在WordPress中建立Google Web Stories

埃德溫(Edwin)是戰略內容專家。在加入Yoast之前,他花了幾年時間在荷蘭領先的網頁設計雜誌上磨練自己的技能。

如何在WordPress中建立Google網站故事如何在WordPress中建立Google網站故事

Instagram故事,Facebook故事,Snapchat故事和Twitter車隊有什麼共同點?它們都是相同故事概念的所謂社交媒體實現。故事是一系列圖像或其他類型的內容,它們在一起,從而講述一個故事。視覺故事講述非常龐大,現在網路也具有開放故事格式。Google的Web Stories於2018年作為AMP Stories推出,現在可以在WordPress中使用。

什麼是網路故事?

網路故事是一種可滑動的,豐富的視覺故事格式,可用於移動設備。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)的出色示例:

如何在WordPress中建立Google網站故事如何在WordPress中建立Google網站故事英國廣播公司(BBC)製作了有關月球的網路故事如何在WordPress中建立Google Web故事1如何在WordPress中建立Google Web故事PCGamesN僅提供了視頻就講述了皇家戰爭遊戲的故事如何在wordpress-2中建立Google網站故事如何在WordPress中建立Google網站故事大西洋一直在尋找新聞報道,美國如何在wordpress-3中建立Google網站故事如何在WordPress中建立Google網站故事有線電視新聞網(CNN)製作了有關南極洲的精彩網路故事

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

如何使用WordPress插件構建Web Stories

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

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

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

  1. 打開網路故事插件

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

  2. 介紹Web Stories界面

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

  3. 添加圖像以瀏覽右側

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

  4. 習慣了界面

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

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

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

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

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

  7. 顏色,填充和對齊

    如果您的圖像有像我這樣的繁忙背景,則可能需要給文本設置一種顏色以突出顯示,甚至可能是背景填充顏色。幸運的是,您可以。單擊標題1將標題添加到圖像。將其拖放到要顯示的位置。如何在wordpress-10中建立Google網站故事如何在WordPress中建立Google網站故事

  8. 網路故事的新頁面

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

  9. 鏈接到您的網站

    Web Stories的一項很酷的功能就是您可以自由鏈接到自己的內容。只需單擊一個元素並添加鏈接。不要過度使用,保持鏈接數量有限。如何在wordpress-12中建立Google網路故事-如何在WordPress中建立Google網路故事

  10. 填寫元數據並發布

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

這裡是一個簡短的視頻!

Keep in mind

Web stories are a cool new addition for your content arsenal. It』s a completely different tool for a completely different goal. Of course, not everyone will find use for these stories, but do look at the possibilities. It is easy to get started, but it』s powerful!

Here are a couple of things you need to keep in mind:

  • Make sure that the URLs of your stories are available in your XML sitemap (Yoast SEO does this for you)
  • Add Schema structured data to make it easier for Google to understand your stories (Yoast SEO does this for you)
  • Link to your stories from other (relevant) parts of your site
  • Make sure that your stories are valuable and of high quality
  • You can add ads, but don』t overdo it
  • Don』t add too many links to outside sources, that will distract readers
  • Keep the story short and snappy (Google says 5-30 pages, with a sweet spot between 10-20)
  • Keep the title short
  • Don』t use too much text on pages
  • Add alt text to describe images for accessibility
  • Stories are ideal for video, but keep them short

And, as Google wrote in their SEO for Web Stories post:

Do all the SEO things you would do for any other page on your website. If it helps rank your non-Story pages, it』ll probably help the Stories as well.

One word will jump out at you while reading through the list above: short. A good story is short, while still being valuable and insightful. Experiment with that. Find what your audience likes to see and in what format. This is still new, so there are no 『rules』, so to say. Luckily, Google』s Web Stories plugin for WordPress makes it a joy to build these stories!

Don』t forget to test your Web Stories in the AMP Test Tool to see if your stories are eligible for inclusion in the search results.

how-to-build-google-web-stories-in-wordpress-14 How to build Google Web Stories in WordPressCheck if your web story is valid and get a sense of how it will look in GoogleThat』s how to build Web Stories in WordPress

You』ve just read a short primer on Web Stories in WordPress. These short form pieces of content are very enjoyable to consume on mobile phones, but even on desktop they work fine. Google has done a lot of work making the stories format a success and adoption is sure to surge — especially since these stories get their own spot in the Google search results.

Try it and report back, we』d love to see what you come up with!

Source

相關文章