如何使用 Gutenberg 的 Ultimate Addons 構建完美的主頁? [7個步驟]

已發表: 2021-10-08

對於大多數網站來說,主頁是最關鍵的頁面。

它通常是接收大部分流量的那個。 但是,不幸的是,由於缺乏內容或文案不佳,大多數主頁都沒有優化。

不過不用擔心,今天,網絡營銷顧問 Vlad(訪問網站)詳細介紹瞭如何使用 Ultimate Addons for Gutenberg 構建完美的主頁。

因此,如果您想增加流量和轉化次數,這篇文章適合您。

讓我們開始吧。

目錄
  1. 第 1 步:從強有力的承諾開始
  2. 第 2 步:立即展示您的社交證明
  3. 第 3 步:簡要描述您的報價
  4. 第 4 步:使用問題/解決方案組合
  5. 第 5 步:描述您的報價如何運作
  6. 第 6 步:介紹您自己或您的團隊
  7. 第 7 步:插入常見問題解答
  8. 獎勵:主頁的 SEO
  9. 結論:現在輪到你了

第 1 步:從強有力的承諾開始

確保您的標題清晰明了

標題是訪問者首先看到的內容。 一句話,你必須清楚地解釋你所提供的。

以下是撰寫出色標題的一些技巧:

  • 為您的客戶命名 - 例如:“教師:這裡是組織您一天的最佳工具
  • 談論您客戶的問題——例如:“需要一個超快的網站? 你會喜歡我們的插件”
  • 如有必要,請使用有力的詞:強大、最佳、新、驚人、獨特、快速、終極……
  • 在標題中使用您的主要關鍵字
  • 將此標題放在 H1 標記中
  • 簡潔:10到15個字

在以下示例中,弗拉德的標語如下:

“您好,我是 Vlad,一位網絡營銷顧問,希望為您的企業帶來好東西。”

弗拉德網站

專家提示:

用你或你的團隊的漂亮照片來人性化你的網站。 這張照片將有助於提高信任度。

要使用的 UAG 塊:部分 + 高級標題

使用古騰堡編輯器的 Vlad 網站

如果可以,請使用視頻

根據 Unbounce 的說法,在您的目標網頁上添加一段視頻可以將您的轉化率提高多達 80%。

視頻在直接展示您的優惠的好處方面非常有效。 記住這句話,“展示,不要告訴。”

舉個例子:Yellow Leaf Hammocks 是一個銷售由泰國當地工匠製作的吊床的品牌,他們有穩定的收入。

黃葉網站示例

主頁完美利用視頻展示吊床是放鬆的理想場所。 它很吸引人。

以下是您可以顯示的不同類型的視頻:

  • 你的產品是如何製造的
  • 您的產品如何在日常生活中使用
  • 專注於您的品牌價值的視頻

需要靈感嗎?

您可以在此處找到許多主頁視頻示例。

第 2 步:立即展示您的社交證明

平均網站轉化率為 2.35%(來源:Wordstream)。

這種低比率的原因可能是您主頁上的大多數訪問者都是第一次發現您的網站。

因此,從一開始就讓他們放心是很重要的。

請記住:信任是提高轉化率的關鍵因素。

社會證明可以採取不同的形式:

  • 關鍵人物
添加社會證明
  • 知名客戶的標誌
添加知名客戶徽標
  • 顧客評論
添加客戶評論
  • 來自您所在行業的影響者的建議
添加影響者評論

請記住,暢銷書是您的客戶

我們都知道餐廳的例子。

擁擠的場所自然會吸引顧客,而空蕩蕩的場所則不會。

在亞馬遜上,客戶評論是一個非常重要的購買因素。 事實上,79% 的消費者受到評分和評價最高的產品的影響(來源)。 我們自然會被 5 星的產品所吸引。

因此,請確保您獲得最多的客戶評論並在您的網站上計劃一個專用頁面,如下例所示:

客戶評價示例

專家提示:

如果您選擇客戶評論,請附上照片以使您的推薦信更加真實。

見證例子

使用 UAG 塊 :見證

UAG 證詞塊

如果我沒有客戶或客戶很少,我如何獲得社會證明?

在這種情況下,我們建議您讓人們免費試用您的產品或服務以獲得一些評論。

第 3 步:簡要描述您的報價

請記住將您的報價分解為不同的塊

確保你的標題也很清楚。 例如,弗拉德有以下標題來描述他的提議: “技能:專家而不是通才

描述您的服務

從 SEO 的角度來看,這是鏈接到最重要頁面的正確方法。

專家提示:

添加 SVG 象形圖來說明您的報價。

要使用的 UAG 塊:高級列和號召性用語

UAG 高級列廣告號召性用語

對於電子商務網站,您可以插入指向主要類別的鏈接。 確保使用吸引人的視覺效果,例如 casper.com:

卡斯珀網站

第 4 步:使用問題/解決方案組合

這是一個文案提示:描述您的目標客戶的問題並跟進您的解決方案。 這個建議在轉換潛在客戶方面非常有效。

法國在線服裝品牌 Asphalte.com 將這種技術用於他們提供的所有產品。

這是牛仔褲的例子。

該品牌簡要描述了牛仔褲的一般問題:

瀝青網站示例

然後展示他們完美的牛仔褲,具有不同的特點:

瀝青網站示例 2

在 Vlad 的網站上,他描述了選擇自由職業者時的 3 個主要問題:

  • 信任一個你不認識的人
  • 缺乏溝通
  • 不遵守最後期限
弗拉德網站示例

並以明確的好處詳細說明他的解決方案:

  • 只有滿意才付費
  • 為您提供準確的可用性
  • 合夥人而非自由職業者
弗拉德網站示例 2

隨意用象形圖來說明,閱讀起來更愉快。

要使用的 UAG 塊:高級列

UAG 高級列塊

第 5 步:描述您的報價如何運作

是時候逐步解釋您的報價如何運作了。 盡可能直截了當。

ManyPixels 是一種按需圖形設計服務,在解釋該服務的工作原理方面做得非常出色。

當您單擊某個步驟時,詳細信息將顯示在下方。 挺好的!

Manypixels 網站示例

在 Vlad 的網站上,該服務分 3 個步驟進行描述:

  • 第 1 步:填寫快速表格
  • 第 2 步:30 分鐘電話諮詢 – 無承諾
  • 第 3 步:行動計劃
Manypixels時間線內容示例

專家提示:

插入一個強大的 CTA,例如“讓我們提升您的業務

要使用的 UAG 塊:時間軸內容

UAG 時間線內容示例

第 6 步:介紹您自己或您的團隊

快速描述你所做的事情的原因。 展示您的熱情和熱情以使人們與您合作或使用您的產品/服務至關重要。

考慮在此時包含指向“關於”頁面的鏈接。

如果您是組織故事的一部分,請告訴人們一些關於它的信息,以鼓勵他們了解更多信息。

同樣,視頻非常適合人性化您的品牌和建立信任。

Founders Brewing Co. 有一個很棒的“關於我們”的視頻。

第 7 步:插入常見問題解答

常見問題解答是向您的主頁添加內容並因此改善您的 SEO的好方法。 這也是在轉換之前、期間和之後回答常見用戶問題的絕佳機會。

如何找到您的問題?

您可以通過電子郵件發送 Google 表單來詢問您當前的客戶

您可以使用 Google 的“人們也問”部分來查找被問到最多的問題。

谷歌人也問例子

或知乎:

知乎網站

或亞馬遜問題部分。 這是一個吊床的例子:

亞馬遜問答

構建完美的導航結構

如果您有很多問題要回答,那麼您的 SEO為每個問題製作一個頁面是非常有趣的。

首先創建一個支柱頁面,您將在其中按類別對所有問題進行分組。 每個問題都鏈接到一個專門的頁面,您將在其中詳細回答。

Mint,一個管理你的錢的應用程序使用這個策略:

薄荷常見問題示例

定期檢查分析

檢查您的分析解決方案以確保您的常見問題解答能夠響應消費者的詢問至關重要。

此外,查看其他指標,例如在頁面上花費的時間,查看常見問題頁面後他們所走的路徑。

有了這些見解,您可以修改您的常見問題解答。

UAG 常見問題解答架構

常見問題架構塊

您知道我們的常見問題解答模式塊有什麼好處嗎? 它允許您輕鬆添加問題,並自動使用正確的結構化數據

專家提示:

要改善您的 SEO,請為您的問題選擇 H2 或 H3 標籤。

要了解更多信息,請閱讀我們關於 FAQ-Schema 的文章。

獎勵:主頁的 SEO

您的主頁和網站作為一個整體必須滿足特定的技術要求才能在 Google 中排名靠前。

這是在頁面上獲得良好 SEO 的清單:

寫出你能寫的最好的標題標籤和元描述

注意標題和元描述至關重要,因為這是您鼓勵用戶從 Google 結果訪問您的網站的唯一機會。

隨著 Google Rank Brain 的實施, CTR(點擊率)是排名結果的重要標準。

如果很多人點擊你的文章,谷歌認為這是一個很好的信號。

兩個標題之間的點擊率差異可能很大。 改變幾個詞可以產生真正的影響。

看看這兩個版本的例子:

  • 版本 1:
網頁標題和元描述
  • 版本 2:
網頁標題和元描述 2

它改變了一切,你不覺得嗎?

這裡有一些技巧可以讓你的標題和元描述正確:

  • 在標題標籤和元描述中插入您的主要關鍵字
  • 準確描述頁面的內容
  • 使用動作動詞:“發現”、“享受”、“這裡是”……
  • 突出您的優勢:“免費送貨”、“簡單付款”……
  • 簡潔:標題大約 60 個字符,元描述大約 200 個字符
  • 盡可能尊重 4U 規則:獨特、超具體、有用、緊急

圖像搜索引擎優化

以下是一些關於圖像 SEO 的提示:

  • 描述性文件名
  • 存在 alt 標籤
  • 在圖像前後插入適當的語義
圖像搜索引擎優化

插入 3 到 5 個內部鏈接

將您的內容鏈接在一起至關重要。 您的主頁通常是您網站上最強大的頁面

利用這一點將“搜索引擎優化汁”發送到最重要的頁面。

例如,對於電子商務網站,您可以突出顯示熱門類別。 這就是 Zappos 所做的,例如:

Zappos 網站示例

獲得出色​​的語義分數

如果“關鍵詞堆砌”的時代已經過去,語義優化仍然是必須的。 谷歌以前所未有的方式理解內容,帶有語義相關關鍵字的長內容是排名的關鍵因素

因此,您需要為您的主頁編寫足夠的內容。

好消息是,有許多工具可以讓這項任務變得更容易。

例如,您可以使用 Semrush “SEO 內容模板”工具:

賽姆拉什

輸入您的關鍵字,該工具將分析競爭對手的第一個搜索結果,為您提供許多建議:

Semrush信息

語義相關的單詞列表非常有用。 不要猶豫,將它們整合到您的文本中。

你也有關於你應該瞄準的內容長度的跡象。

使用 WordPress 優化您的文本

如果您將 WordPress 用於您的網站,您可以安裝一個 SEO 插件來幫助您進行語義優化。

您可以使用Yoast SEO

Yoast SEO 內容改進建議

排名數學

排名數學內容改進建議

構建 Hn 標記

Hn 標籤被搜索引擎用作“摘要”。 實際上,這些標籤是您的內容的標題和副標題。

對於您的 Hn 標記,插入:

  • 您主頁上的單個 H1
  • 在邏輯層次結構中相互跟隨的幾個 H2 和 H3

專家提示:

使用 Chrome 擴展 SEO META 1 點擊獲取競爭對手的 Hn 結構。

SEO Meta chrome 擴展

優化您的主頁和網站的速度

加載速度對於互聯網用戶和搜索引擎來說都是一個越來越重要的標準

谷歌最近部署了它的更新“谷歌頁面體驗”,它考慮了加載時間。 因此,為您的用戶提供一個快速的網站至關重要。

以下是您可以採取的一些措施:

  • 使用像 Astra 這樣的輕量級 WordPress 主題
  • 壓縮圖像
  • 盡可能使用 webp 或 svg 格式
  • 設置 CDN
  • 在快速服務器上託管您的網站

您還可以閱讀我們的文章“使用優化的代碼體驗更快的古騰堡頁面”。

速度最好的 WordPress 插件

以下插件具有許多可提高網站速度的功能。

WP火箭:

WordPress WP Rocket 的緩存插件

硝基包裝:

NitroPack 性能優化

結論:現在輪到你了

我們希望這些提示和示例將幫助您建立一個出色的主頁!

我們看到的結構清晰且引人注目,但請記住,關鍵是要了解您的客戶對提出可轉化內容的需求。

還要確保提供簡單的聯繫解決方案,例如聊天機器人。 這對於產生信任非常重要。

從技術上講,創建網站從未如此簡單。 正如我們所見,您可以使用免費的 Ultimate Addons for Gutenberg 快速構建您的主頁。

現在告訴我們,你會先嘗試什麼?

整合更多的社會證明?

使用問題解決方案組合?

插入常見問題解答?

不要忘記在下面的評論中分享您的意見!