B2B ブログのレイアウトを改善する方法

2022 年 6 月のブランド変更以来、B2B ブログのレイアウトを試してきました。

何を見つけたと思いますか？

ページの内容を変更し、いくつかの機能を追加し、モバイル向けに最適化するだけで、コンテンツから生成されるダイレクト デモ リクエストの数が大幅に増加しました。

多くのマーケティング チームでは、コンテンツはマーケティングの受動的な形態と見なされています。 オーディエンスをより強力なマーケティング形態に向かわせるための資料を提供する。

私たちはこれを信じていません。

そして、完璧に到達するまで、B2B ブログのレイアウトを実験し続けます。

この記事では、Cognism のシニア コンテンツ マネージャーである Joe Barron が、これまでに学んだことをすべて明らかにします。

サイド メニューからアイテムを自由に選択するか、記事全体をスクロールしてください。

ブログのホームページのレイアウト

ホームページを個々のブログ ページと区別することが重要です。 ブログのホームページにはかなり統一されたレイアウトがあり、それが機能するのには理由があります。 消費者があなたのホームページの創造性に感銘を受けるのは素晴らしいことですが、消費者がどこにいるのかを知っていることがより重要です.

このセクションでは、ブログのホームページの各重要な要素を分類します。

検索バー

すべてのブログには検索バーが必要です。 コンテンツは検索可能である必要があります。 確かに、あなたのブログ ページにたどり着いて幅広いトピックに目を通すことを喜んでくれる消費者もいますが、ほとんどの人は特定の情報を求めています。

検索バーは簡単に追加でき、消費者がコンテンツを閲覧するための追加の方法を提供します。 これは簡単です。

特集コンテンツ

注目のセクションを持つことは、特定の作品により多くの注目を集めるための優れた方法です。

「特集セクションの使い方は2つあります。

「まず、Google アナリティクスを使用して、最もパフォーマンスの高い作品を特定できます。 これらの作品が楽しめることを知っているので、特集セクションでこれらのいくつかを共有することは常に価値があります.

「このセクションを使用するもう 1 つの方法は、注目を集めたいコンテンツを特集することです。 それは、人気があり、早期の牽引力が必要であることがわかっているもの、またはより広範なマーケティング部門が伝えようとしているストーリーに関連するものである可能性があります。」 - ジョー・バロン

著者でフィルタ

著者の略歴とそのコンテンツを表示するために使用する著者ページをサイトに置くことで、権威を生み出すことができます。

これは SEO の観点から役立ちます。現在、純粋なキーワードの関連性よりもコンテンツの価値に重点を置いている Google は、信頼できるソースからのコンテンツを重視しています。

また、純粋に個人的な観点から、記事の背後にいる人を見ることができることは、ブランドにとって素晴らしいことです. コンテンツ作成者のパーソナル ブランドを確立し、消費者が質問を直接作成者に問い合わせることができるようにします。

ブログのタグ付け

ブログのタグ付けは、ブログをアップロードするときにブログを分類して見つけやすくするために使用する戦略です。

HubSpot では、ブログをアップロードするときに関連するタグを割り当てます。各タグを付けたブログを Web サイトに個別に表示することで、消費者は役立つコンテンツのクラスターを見つけることができます。

しかし、最近問題が発生しました。

「私たちはほぼ無限の数のタグを作成し、同様のトピックのバリエーションを作成しました。 これらの個別のページが非常に多くあったため、メタ ディスクリプションでそれらを最適化していませんでした。 これにより、ウェブサイトの健全性が損なわれていました。

「タグの数を重要なトピック クラスターに制限することを決定しました。 今では、ユーザーはより関連性の高いコンテンツを見つけることができ、ページの見栄えが大幅に向上しています。」 - ジョー・バロン

カテゴリ別に分類されたコンテンツ

これは、リブランディング後に行った別の変更です。 以前は、コンテンツをカテゴリではなくリリース日で並べ替えていました。 トップに最新のブログ。

これは、コンテンツを提示する消費者向けに最適化された方法ではないと判断しました。 読者は、私たちが先週作成したコンテンツにはあまり関心がありません。 関連性の高い、カテゴリに分類されたコンテンツが必要なだけです。

この変更により、消費者は当社のホームページにアクセスしやすくなり、必要な情報をすばやく見つけることができます。 直帰率を下げています。

CTA

ここにスイートスポットがあります。

「ニュースレター、ポッドキャスト、YouTube、またはその他のリソースの CTA は非常に役立ちます。 あなたが作成した別の形式のコンテンツに消費者に興味を持ってもらうことは、常に非常に価値があります. ただし、CTA の詰め込みは避けたいと考えています。

「トピック クラスターを分割する CTA がいくつかあり、そのうちのいくつかはページの下部にあります。 こうすることで、消費者の旅を混乱させることはありません。 私たちの CTA は常に付加価値を提供します。

「マーケティング担当者は、さまざまな消費者ジャーニーの可能性に夢中になりすぎて、一歩下がって『このページが実際にどのように見えるか』を考えるのを忘れてしまうことがあります。 これは私が常に心に留めていることです。」 - ジョー・バロン

ブログのレイアウト

ブログページはバランスについてです。 有用な外部リンクを提供することと、ページに読者を留めておくことのバランス。 有用なメディアを含めることと過剰に詰め込むことのバランス。 このセクションでの立ち位置を説明します。

マルチチャンネルコンテンツ

ブログに動画、引用、ポッドキャストのスニペットを詰め込みすぎる危険があります。 確かに、これは素晴らしいコンテンツかもしれませんが、スクロールごとに異なる機能があると、読者には少し圧倒されるように見える可能性があります. 包括的な物語を失う可能性があります。

「ルールは次のとおりです。すべての追加機能は非常に価値があり、伝えたいストーリーに貢献する必要があります。」 - ジョー・バロン

これは、トピックとのリンクが緩いため、古いビデオを含めないことを意味します。 読者のほとんどは特定の情報を求めているため、関連性の低いものは、彼らが実際に望んでいるコンテンツと競合することになります.

直接関連するコンテンツがある場合は、それを含めてください。 コンテンツ エコシステムのさまざまな部分に読者を紹介することは、4 本の腕でボクシングをするようなものです。

付箋メニュー

ブランド変更に伴い、メニュー システムを変更しました。これにより、コンテンツの読みやすさと生成される直接デモの数に大きな影響があったと考えています。

「以前は、ブログの上部に静的なメニューがありました。 これの問題は、さまざまなセクションをジャンプしたい読者が、そうするたびに一番上までスクロールしなければならないことです.

「左側の付箋メニューの方がずっとうまく機能します。 読者はスクロールしながらブログの内容をいつでも見ることができ、どのセクションにも簡単にアクセスできます。 これは、消費者にとってはるかに優れたエクスペリエンスです。」 - ジョー・バロン

また、スティッキー メニューにデモ ボタンを追加しました。 これは、読者が私たちと一緒に次の一歩を踏み出すことを決定したときはいつでも、選択肢があることを意味します. 私たちは、消費者にとって物事をより簡単にしています。 それはすべての人に利益をもたらします。

内部リンク

以前は、キーワードに対してより恥知らずで、できるだけ多くのキーワードを絞り込もうとしていました。

これは最善のアプローチではないと判断しました。

最初の秘訣は、論理的になり、読者の立場になって考えることです。 彼らは次に何を読みたいですか？

次に、キーワード クラスターを検討します。 同じ主要キーワードを持つコンテンツのグループがありますか? これらのブログへの内部リンクは、SEO に最適です。

これらのタイプのリンクの両方をコンテンツに含めることをお勧めします。 コンテンツ マーケティングではよくあることですが、Google と読者のためにブログをデザインしています。

「似たような話を読む」

使用するブログ タグの数を減らすことで、同様のコンテンツのより大きなグループの方向に読者を向けることができます。 これにより、読者に明確な次のステップが提供されます。

最新のコンテンツを同じブログ タグで表示することにしました。 ここでの価値は、ブログのホームページを最適化して表示することなく、最新のコンテンツと最新の意見を表示できることです。

ジャーナリスティックなコンテンツの作成に重点を置いています。 エキサイティングな新しいストーリーを探し、それらについてオピニオン リーダーと話し合う。 この機能は、それを披露するのに最適な場所です。

読み取り長

私たちはB2Bで忙しい人々です。 ブログの上部で、記事を読むのにかかる時間を読者に知らせることは非常に便利です。

消費者があなたのコンテンツについて決定を下しやすくなり、読書体験が向上します.

同様に、読書進行状況バーを追加して、ユーザーがページをどのくらい進んでいるかを確認できるようにしました。 心理的には、ちょっとしたゲームのようなものです。 バーを埋めてページの最後にたどり着くと、やりがいを感じます。これは、読者に続きを読んでもらうための優れた方法です!

（内容もまともでなければならない）...

モバイル向けに最適化

コンテンツ作成者として、人々があなたのコンテンツをどのように消費しているかを知る必要があります。 Google アナリティクスでは、各デバイスの消費者の割合を確認できます。

ブランド変更後、モバイルでコンテンツを利用する人の数は 60% 増加しました。 当時、私たちのブログはモバイル向けに最適化されていませんでした。

「当社のモバイル テンプレートはユーザー フレンドリーではなく、デスクトップ テンプレートにあまりにも似ていたため、ページ滞在時間は大幅に減少しました。 また、ブロッククォート機能がモバイルで多くのスペースを占有していることにも気付きました。

「私たちは競合他社を調べ、人気のあるブログを調べ、Web 開発者と協力して気に入ったデザインを作成しました。 また、モバイル テンプレートからスティッキー メニューを追加または削除するトグルも導入しました。 一部のブログでは、スティッキー メニューが長すぎました。 読者がすぐにコンテンツにたどり着くのを妨げていました。

「これらの編集により、ページ滞在時間が約 80% 増加することがすぐにわかりました。

「これは、ブログのパフォーマンスに大きな影響を与えるために行った最も簡単な方法の 1 つです。」 - ジョー・バロン

学び続けます

ブログのレイアウトの改善に関するこの記事を楽しんでいただけたなら、きっと気に入っていただけるものがあります。

2 週間ごとに、有益なコンテンツ マーケティング情報を提供することに特化した無料のニュースレターを作成しています。

以下にリンクを残しました。 自分で試してみてください！ または、すでにニュースレターを楽しんでいる場合は、友人と共有してください!