グーテンベルクのための究極のアドオンで完璧なホームページを構築する方法は? 【7ステップ】

公開: 2021-10-08

ホームページは、ほとんどのサイトにとって、最も重要なページです。

多くの場合、トラフィックの大部分を受信します。 しかし、残念ながら、ほとんどのホームページは、コンテンツの不足やコピーライティングの不足のために最適化されていません。

しかし、心配しないでください。今日、WebマーケティングコンサルタントであるVlad(Webサイトにアクセス)が、Gutenberg用のUltimateAddonsを使用して完璧なホームページを構築する方法について詳しく説明しています。

したがって、トラフィックとコンバージョンを増やしたい場合は、この記事が役に立ちます。

始めましょう。

目次
  1. ステップ1:強力な約束から始める
  2. ステップ2:すぐにあなたの社会的証明を示す
  3. ステップ3:オファーについて簡単に説明する
  4. ステップ4:問題/解決策のコンボを使用する
  5. ステップ5:オファーの仕組みを説明する
  6. ステップ6:自分自身またはチームを紹介する
  7. ステップ7:FAQを挿入する
  8. ボーナス:あなたのホームページのためのSEO
  9. 結論:今度はあなたの番です

ステップ1:強力な約束から始める

見出しが非常に明確であることを確認してください

見出しは、訪問者が最初に目にするものです。 一文で、あなたはあなたが提供しているものを明確に説明しなければなりません。

素晴らしい見出しを書くためのヒントをいくつか紹介します。

  • 顧客に名前を付ける–例:「教師:ここであなたの一日を整理するための最良のツール
  • 顧客の問題について話します–例:「超高速のWebサイトが必要ですか? あなたは私たちのプラグインを気に入るはずです」
  • 必要に応じて、力強い言葉を使用してください:強力、最高、新しい、驚くべき、ユニーク、高速、究極…
  • 見出しでメインキーワードを使用する
  • この見出しをH1タグに配置します
  • 簡潔にする:10〜15語

次の例では、Vladのタグラインは次のとおりです。

「こんにちは、私はあなたのビジネスに良いことを望んでいるウェブマーケティングコンサルタントのVladです。」

Vladのウェブサイト

プロのヒント:

あなたやあなたのチームの素敵な写真であなたのウェブサイトを人間化してください。 この写真は信頼を高めるのに役立ちます。

使用するUAGブロック:セクション+高度な見出し

グーテンベルクエディターを使用したVladウェブサイト

できればビデオを使う

Unbounceによると、ランディングページに動画を含めると、コンバージョン率が最大80%向上する可能性があります。

ビデオは、オファーのメリットを直接示すのに非常に効果的です。 「見せて、言わないで」ということわざを覚えておいてください

例を示します。YellowLeafHammocksは、安定した収入を得ているタイの地元の職人によって作られたハンモックを販売するブランドです。

黄色の葉のウェブサイトの例

ホームページは、ハンモックがリラックスするのに理想的であることを示すためにビデオを完璧に利用しています。 それは魅力的です。

表示できるさまざまな種類のビデオは次のとおりです。

  • あなたの製品がどのように作られるか
  • あなたの製品が日常生活でどのように使用されているか
  • ブランド価値に焦点を当てたビデオ

インスピレーションが必要ですか?

あなたのホームページのビデオの多くの例をここで見つけることができます。

ステップ2:すぐにあなたの社会的証明を示す

ウェブサイトの平均コンバージョン率は2.35%です(出典:Wordstream)。

この低い率は、あなたのホームページのほとんどの訪問者があなたのウェブサイトを初めて発見するという事実によって説明されるかもしれません。

したがって、訪問の最初から彼らを安心させることが不可欠です。

覚えておいてください:信頼はあなたのコンバージョンを増やすための重要な要素です。

社会的証明はさまざまな形をとることができます。

  • キー数値
社会的証明を追加する
  • 一流の顧客のロゴ
一流の顧客のロゴを追加する
  • カスタマーレビュー
カスタマーレビューを追加する
  • あなたの業界のインフルエンサーからの推薦
インフルエンサーレビューを追加

ベストセラーはあなたの顧客であることを忘れないでください。

私たちは皆、レストランの例を知っています。

混雑した施設は自然に顧客を引き付けますが、空の施設はそうではありません。

アマゾンでは、カスタマーレビューは非常に重要な購入要素です。 実際、消費者の79%は、最高の評価とレビューを持つ製品の影響を受けています(出典)。 5つ星の商品に自然に惹かれます。

したがって、以下の例のように、最大​​の顧客レビューを取得し、サイトに専用ページを計画するようにしてください。

カスタマーレビューの例

プロのヒント:

カスタマーレビューを選択する場合は、写真を含めて、証言をさらに本物にします。

証言の例

使用するUAGブロック:証言

UAG証言ブロック

顧客がいない、または少ない場合、どうすれば社会的証明を得ることができますか?

このような状況では、無料でも製品やサービスを試してもらい、レビューをもらうことをお勧めします。

ステップ3:オファーについて簡単に説明する

オファーを個別のブロックに分割することを忘れないでください。

タイトルも明確にしてください。 たとえば、Vladには、彼の申し出を説明する次のタイトルがあります。 「スキル:ジェネラリストではなくスペシャリスト

あなたのサービスを説明してください

SEOの観点から、これはあなたの最も重要なページにリンクする正しい方法です。

プロのヒント:

オファーを説明するためにSVGピクトグラムを追加します。

使用するUAGブロック:高度な列と召喚状

UAGアドバンストコラム広告の召喚

eコマースサイトの場合、メインカテゴリへのリンクを挿入できます。 casper.comなどの魅力的なビジュアルを使用してください。

キャスパーのウェブサイト

ステップ4:問題/解決策のコンボを使用する

コピーライティングのヒントは次のとおりです。ターゲット顧客の問題を説明し、ソリューションをフォローアップします。 このアドバイスは、見込み客を変えるのに非常に効果的です。

フランスのオンライン衣料品ブランドであるAsphalte.comは、提供するすべての製品にこの手法を使用しています。

これがジーンズの例です。

ブランドはジーンズの一般的な問題を簡単に説明しています。

アスファルトウェブサイトの例

そして、さまざまな機能を備えた完璧なジーンズを紹介します:

アスファルトウェブサイトの例2

Vladのウェブサイトで、彼はフリーランサーを選ぶ際の3つの主な問題について説明しています。

  • 知らない人を信頼する
  • コミュニケーションの欠如
  • 締め切りが守られていない
Vladウェブサイトの例

そして、明確な利点の形で彼の解決策を詳しく説明します。

  • あなたが満足している場合にのみ支払う
  • あなただけの正確な可用性
  • フリーランサーではなくパートナー
Vladウェブサイトの例2

絵文字で自由に説明してください。読むのがより楽しいです。

使用するUAGブロック:高度な列

UAGアドバンストカラムブロック

ステップ5:オファーの仕組みを説明する

あなたの申し出がどのように機能するかを段階的に説明する時が来ました。 できるだけ率直に。

オンデマンドのグラフィックデザインサービスであるManyPixelsは、サービスがどのように機能するかを説明する優れた仕事をします。

ステップをクリックすると、詳細が下に表示されます。 かなりいい!

ManypixelsのWebサイトの例

VladのWebサイトでは、サービスは3つのステップで説明されています。

  • ステップ1:クイックフォームに記入します
  • ステップ2:30分間の電話相談–コミットメントなし
  • ステップ3:行動計画
Manypixelsタイムラインコンテンツの例

プロのヒント:

ビジネスを後押ししましょう」などの強力なCTAを挿入します

使用するUAGブロック:タイムラインコンテンツ

UAGタイムラインコンテンツの例

ステップ6:自分自身またはチームを紹介する

あなたがしていることの理由を簡単に説明してください。 人々があなたと一緒に仕事をしたり、あなたの製品/サービスを使用したりするために、あなたの情熱と熱意を示すことが不可欠です。

この時点で、「About」ページへのリンクを含めることを検討してください。

あなたがあなたの組織の物語の一部であるならば、ティーザーとしてそれについて人々に少し話して、彼らにもっと知るように勧めてください。

繰り返しになりますが、ビデオはブランドを人間化し、信頼を築くのに最適です。

ファウンダーズブリューイング社は素晴らしい「私たちについて」のビデオを持っています。

ステップ7:FAQを挿入する

FAQは、ホームページにコンテンツを追加してSEOを改善するための優れた方法です。 また、変換前、変換中、変換後の一般的なユーザーの質問に答える絶好の機会でもあります。

あなたの質問を見つける方法は?

Googleフォームをメールで送信して、現在の顧客に質問することができます。

Googleの「 Peoplealsoask 」セクションを使用して、最もよくある質問を見つけることができます。

グーグルの人々も例を尋ねる

またはQuora:

QuoraのWebサイト

またはAmazonの質問セクション。 ハンモックの例を次に示します。

アマゾンの質問と回答

完璧なナビゲーション構造を構築する

答える質問がたくさんある場合、SEOが各質問のページを作成することは非常に興味深いことです。

まず、すべての質問をカテゴリ別にグループ化する柱ページを作成します。 各質問は、詳細に回答する専用ページにリンクしています。

Mint、あなたのお金を管理するアプリはこの戦略を使用しています:

ミントFAQの例

アナリティクスを定期的にチェックする

分析ソリューションをチェックして、FAQが消費者の問い合わせに対応していることを確認することが重要です。

また、ページで費やされた時間、FAQページを見た後に彼らがたどる道などの他の指標も見てください。

これらの洞察を使用して、FAQを作り直すことができます。

UAGFAQスキーマ

FAQスキーマブロック

FAQスキーマブロックの優れている点をご存知ですか? 質問を簡単に追加でき、適切な構造化データを自動的に使用します

プロのヒント:

SEOを改善するには、質問にH2またはH3タグを選択します。

詳細については、FAQ-Schemaの記事をお読みください。

ボーナス:あなたのホームページのためのSEO

あなたのホームページとウェブサイトは全体として、グーグルでうまくランク付けするために特定の技術的要件を満たさなければなりません。

これがページで良いSEOを得るためのチェックリストです:

あなたができる最高のタイトルタグとメタ説明を書く

タイトルとメタディスクリプションに注意を払うことは非常に重要です。これは、ユーザーにGoogleの検索結果からウェブサイトにアクセスするよう促す1つのチャンスだからです。

Googleランクブレインの実装では、CTR(クリック率)は結果をランク付けするための重要な基準です。

多くの人があなたの記事をクリックした場合、Googleはそれを素晴らしいシグナルと見なします。

2つのタイトル間のCTRの違いは重要です。 いくつかの単語を変更すると、実際に影響を与える可能性があります。

たとえば、次の2つのバージョンを見てください。

  • バージョン1:
Webページのタイトルとメタの説明
  • バージョン2:
Webページのタイトルとメタの説明2

それはすべてを変えますね。

タイトルとメタディスクリプションを正しくするためのヒントをいくつか紹介します。

  • Titleタグとメタディスクリプションにプライマリキーワードを挿入します
  • ページの内容を正確に説明してください
  • アクション動詞を使用する:「発見」、「楽しむ」、「ここにある」…
  • あなたの利点を強調してください:「無料配達」、「簡単な支払い」…
  • 簡潔にする:タイトルに約60文字、メタディスクリプションに200文字
  • 可能であれば4Uルールを尊重する:ユニーク、超特定、有用、緊急

画像SEO

画像のSEOに関するヒントを次に示します。

  • わかりやすいファイル名
  • altタグの存在
  • 画像の前後に適切なセマンティクスを挿入します
画像SEO

3〜5個の内部リンクを挿入します

コンテンツをリンクすることが不可欠です。 多くの場合、ホームページはサイトで最も強力なページです

これを利用して、最も重要なページに「SEOジュース」を送信します。

たとえば、eコマースサイトの場合、人気のあるカテゴリを強調表示できます。 これは、たとえば、Zapposが行うことです。

ZapposのWebサイトの例

優れたセマンティックスコアを取得する

「キーワードの乱用」の時代が終わったとしても、セマンティックの最適化は必須です。 Googleはこれまでにないようなコンテンツを理解しており、意味的に関連するキーワードを含む長いコンテンツがランク付けの重要な要素です。

したがって、あなたはあなたのホームページのために十分なコンテンツを書く必要があります。

良いニュースは、このタスクを簡単にするための多くのツールが存在することです。

たとえば、Semrushの「SEOコンテンツテンプレート」ツールを使用できます。

セムラッシュ

キーワードを入力すると、ツールが競合他社の最初の検索結果を分析して、多くの推奨事項を提供します。

セムラッシュ情報

意味的に関連する単語のリストは非常に便利です。 それらをテキストに統合することを躊躇しないでください。

また、目指すべきコンテンツの長さについての指示もあります。

WordPressでテキストを最適化する

WebサイトにWordPressを使用している場合は、SEOプラグインをインストールして、セマンティックの最適化に役立てることができます。

Yoast SEOを使用できます:

YoastSEOコンテンツ改善の提案

またはRankmath

数学コンテンツの改善提案をランク付けする

Hnタグ付けを構成する

Hnタグは、検索エンジンによって「要約」として使用されます。 実際には、これらのタグはコンテンツのタイトルとサブタイトルです。

Hnタグ付けには、次を挿入します。

  • ホームページ上の単一のH1
  • 論理階層で互いに続くいくつかのH2とH3

プロのヒント:

Chrome拡張機能SEOMETA1クリックで競合他社のHn構造を取得します。

SEOメタクローム拡張

ホームページとサイトの速度を最適化する

読み込み速度は、インターネットユーザーと検索エンジンの両方にとってますます重要な基準になっています

Googleは最近、読み込み時間を考慮したアップデート「GooglePageExperience」を導入しました。 したがって、ユーザーに高速なWebサイトを提供することが不可欠です。

実行できるアクションは次のとおりです。

  • Astraのような軽量のWordPressテーマを使用する
  • 画像を圧縮する
  • 可能な場合はwebpまたはsvg形式を使用してください
  • CDNを設定する
  • 高速サーバーでサイトをホストする

また、「最適化されたコードでより高速なグーテンベルクページを体験する」という記事も読むことができます。

スピードのための最高のWordPressプラグイン

次のプラグインには、Webサイトの速度を向上させるための多くの機能があります。

WPロケット:

WordPressWPロケット用のキャッシングプラグイン

ニトロパック:

NitroPackのパフォーマンスの最適化

結論:今度はあなたの番です

これらのヒントと例が、優れたホームページの構築に役立つことを願っています。

私たちが見た構造は明確で説得力がありますが、重要なのは、変換するコンテンツを提案する顧客のニーズを知ることであることを忘れないでください。

また、チャットボットなどの簡単な連絡ソリューションを提供するようにしてください。 これは信頼を生み出すために非常に重要です。

技術的には、サイトの作成がこれまでになく簡単になりました。 これまで見てきたように、グーテンベルクの無料のアルティメットアドオンを使用してホームページをすばやく作成できます。

では、最初に何を試しますか?

より多くの社会的証明を統合しますか?

問題解決コンボを使用しますか?

FAQを挿入しますか?

以下のコメントであなたの意見を共有することを忘れないでください!