あなたのホームページに何を置くべきか:19要素を考慮する

あなたはあなたのホームページに何を置くべきかに悩まされていますか?あなたはあなたのホームページに何を置くべきかに悩んでいますか?あなたはあなたのホームページに何を置くべきかに悩んでいますか? あなたが麻痺するまで自分自身を第二推測?

私はいつもそれを見ています—すべてのタイプの企業から。 経験豊富なデジタルマーケティング担当者でさえ、ホームページのコンテンツを釘付けに苦労しています。

完璧な公式はありません。 あなたの選択は多数である。 彼らのホームページの作戦についての顧客のたくさんと相談した後、私はチェックリストが有用であることを結論づけた。

この記事は、チェックリスト、ハウツー、および計画ツールの一部です。 私はあなたのホームページに置くために正確に何を伝えることはできませんが、あなたのオプションを理解していれば、あなたの目標を達成するために考案されたコンテンツとスマートなホームページをまとめるためにより良い準備ができます知っています。

あなたのホームページのチェックリスト:

ロゴ

あなたの訪問者が最初に見るべきことはあなたのロゴです。 それを左上に置きます。 に衝動に抵抗して下さい:

  • 配置と創造的な取得します。 ヒートマップテストツールは、左上がページ上の一般的なホットスポットであることを一貫して示しています。
  • 不必要な視覚要素のあなたのロゴを群集させて下さい。 その代り、十分で否定的なスペースが付いているあなたのロゴを囲みなさいそうすれば直ちに際立っている。
  • ロゴのプレゼンテーションをアニメーション化します。 それはpasséだけでなく、ユーザーエクスペリエンスに問題がある可能性があります。
  • 看板にあなたのロゴを拡大します。 あなたはあなたのロゴを愛するかもしれませんが、それを大きくすることは、それがあなたの訪問者に与える印象を増加させません。

サイトメニュー

訪問者が興味のあるセクションにすばやく移動できるように、ウェブサイトの最も重要なページを特徴とするメニューを作成します。 次の点を考慮してください:

  • より少しは多くである。 アイテムでオーバーロードされたメニューは、訪問者を圧倒し、混乱させます。 サイト内の後続のページでは、追加のナビゲーション要素を提供できます。
  • 説明的でありなさい。 あなたの視聴者に役立ち、簡単、簡潔説明的であるメニュー項目の作成によってあなたのウェブサイトをよりよく最大限に活用する。 なぜあなたは”保釈債を使用することができますときに、メニュー項目”サービス”にラベルを付けますか?”
  • ハンバーガーはおいしいですか? 三つの水平線であるハンバーガーアイコンは、モバイルデバイス上のウェブサイトメニューを呼び出すための認識可能な慣習となっています。 デスクトップでも人気が高まっていますが、調査によると、ウェブサイトのナビゲーションを隠すことで発見可能性がほぼ半分に削減されています。

hamburgermenu

hamburgermenu

デスクトップのホームページに拡張可能なメニューを表示することを選択した場合は、アイコンと単語”メニュー”の組み合わせを使用すると、スマートなアプロー

特別なエントリポイント

あなたのサイトはメンバーにサービスを提供していますか、またはあなたの訪問者のサブセットのための特別な機能へのア その場合は、これらのタイプのユーザーがログインするための優雅な方法を考案してください(上記のスクリーンショットで示したように)。

Hero shot

Hero shotは”メインイメージ”を意味するwebフレーズです。”あなたの英雄の打撃はあなたのウェブサイトのホームページの最も大きく、最も顕著で、最も重要な要素で本当らしい。

  • あなたのホームページの英雄の打撃は私達がこれまでにカバーしたあなたのページの上にヘッダーの要素にすぐに続くべきである。 ロゴやメニューと優雅に調和するようにデザインしてください。
  • それを行うには仕事を与えます。 最も意味のあるヒーローショットは、ゲートキーパーの役割を実行します。 視覚および口頭要素の組合せによってそれは出口に右の訪問者および間違った訪問者を更に相互に作用するように促すべきである。 それはあなたの修飾子(および失格者)です。
  • それを簡単に保ちなさい。 あなたのホームページの焦点が使用中であってほしいと思わない。 集中された、単数形および理解すること容易にそれを作って下さい。
  • それを実質保って下さい。 あなたのヒーローショットでストック写真を特色にすることは危険です。 それは必ずしもタブーではありませんが、慎重にあなたのイメージを選択します。 関連性の高い、信頼できる、本物のものを提示してください。 手を振って二人のビジネスマンの$5ショットは、”マーケティングBSを叫びます。”

あなたのヒーローショット目を細めと点滅テストを与えます。 あなたのホームページを作成した後、二つの方法で部外者にそれを公開します:

  • 目を細める—あなたの被験者にあなたのホームページを正常より少数のフィート更に見てもらいなさい。 彼らはアイデアを得るかどうかを確認してください。
  • 点滅-わずか数秒のためにあなたのホームページにいくつかの視聴者を公開し、彼らはそれから得たものをそれらに尋ねます。 混乱はあなたが探している答えではありません。 透明度はです。

このホームページを見ていると、このホームページが何を提供しているのかがすぐに分かります。

見出し

あなたのウェブサイト上で最も重要な一節は、ホームページの見出しです。

見出しはヒーローショットの上、下、または内に表示されることがあります。 私の投稿は、仕事を終わらせるホームページの見出しを書く方法は完全な教訓を提供しますが、ここではあなたが役に立つはずのいくつかの重要なポイ:

  • 所属感を呼び起こす。 読者はあなたの場所が提供しなければならないものを把握するために働かなければならないべきではない。 彼らに言え
  • 連続性かちりと言う音によってについて考えなさい。 あなたのホームページの見出しはそこに訪問者を導くメッセージおよび媒体に継続を提供するべきである。 従って昇進のあなたのオフサイト広告、最適化、または形態が、主考えを—キーワードと特色にすれば—あなたの見出しのそれらを書き直しなさい。 ドットを接続します。

  • 読者について書く。 いくつかの見出しは利己的です。 いくつかの質問に答える”私のためにそれには何がありますか?”あなたはおそらく、より魅力的であるかを推測することができます。
  • 明確にしてください。 ここで共通のテーマを拾う? 彼らの頭を傷つけた後、混乱した訪問者が到達する次のことは、戻るボタンです。

あなたの執筆チョップで非常に確信していなければ、あなたのホームページの見出しを書くために専門のコピーライターを雇うべきである(コピーの残りと あなたのコピーとのコーナーを切ることはお金救いません; それは反対の効果があります。

あなたのホームページには、複数の行動喚起(Cta)がある可能性があります。 ボタンを作成し、あなたのヒーローショットにそれを構築するか、それに右につながる紛れもない視覚的なキューを作成することによって、視覚的に目立つ

orbithomepage

orbithomepage

軌道メディアサイトが最初に求めている行動を間違えることはありません。

より効果的なCtaを作成するには、次の手法を検討してください:

  • 行為の単語から始まりなさい。 CTAの最初の単語を動詞にします(「クリック」以外)。 それはコマンドのように読むべきです。
  • デザインを試してみてください。 CTAの色、形状、サイズ、配置はコンバージョンに影響する可能性があるため、テストを実行してコンバージョン率を最適化します。
  • 一人称の声を試してみてください。 二人目の声が現状ですが、多くの場合、一人称Ctaは、例えば、より良い結果を提供します”私を表示…”または”私をカウントします。”
  • 値を強調表示します。 あなたのCTAは、明示的に”今すぐ無料のランディングページを作成する”など、演技の価値を説明することができます。”

あなたのCTAsのための付加的なポインターそしてinfographic提供25の力の単語をここに得なさい。 (読んだばかりのリンクが非常に明示的で価値に焦点を当てたCTAであることに注意するかもしれません。)

はじめに

あなたのホームページは、あなたの訪問者との対話を開始する場所です。 入門コピーは、一般的に、タイトな利益指向、有益でフレンドリーな必要があります。 また、キーワードや内部リンクを含めるのに最適な場所です。

ポートフォリオ

あなたのビジネスは、画像、説明、および/またはケーススタディを介して展示することができる製品やサービスを提供していますか? その場合、あなたの有価証券はあなたの訪問者がほとんど見たいと思う事であるかもしれない。

portfolio

portfolio

建築は有価証券が強力なホームページの資産である多くの企業のタイプの一つである。

ブログ

オンラインマーケティング担当者の大半はコンテンツマーケティング担当者であり、したがってブログやコンテンツハブの出版社です。 あなたのblogにあなたのホームページをはじめて巡航している訪問者の指示によって、約束を高め、うまく行けば、契約者を得る。

ブログやコンテンツハブがあなたに余裕の機会を活用するために、次のテクニックの一つ以上を使用してください:

  • 物語に起動します。 その見出しとおそらく、そのリード、注目の画像、または説明を持つ一つ以上の最近の投稿をショーケース。 その後:”続きを読みます。”
  • 投稿のグリッドを作成します。 あなたのホームページは、人気のある投稿、最近の投稿、またはその両方へのリンクをグリッドまたはリストとして表示できます。
  • あなたのブログを特色にする。 多くのホームページは、第一にブログと第二のウェブサイトです。 言い換えれば、ホームページの不動産の大部分は、逆の年代順に投稿を提示します。 それはあらゆる会社のための完全なアプローチではないが、多数のために働く。

convinceandconvert

convinceandconvert

Convice and Convertのホームページは、そのホームページの大部分をコンテンツハブのスタイルで記事やポッドキャストを提示することに専念しています。

ポッドまたはコンテンツブロック

ポッドですか? 私はウェブサイトのデザイナーから表現をピックアップしました。 私はそれが”セクション”または”ボックス”以外の何も意味しないと思います。”Orbit Mediaのデザインチームは、”コンテンツブロック”と呼んでいます。”彼らはしばしば2、3、または4を横切って提示され、スマートフォンの画面上でお互いの上に積み重ねる傾向があります。

ポッドは、訪問者が価値があると信じるものを提示するためにそれらを使用できるため、このチェックリストに含める価値があります。 オプションは次のとおりです:

  • 製品とサービス
  • 本や書籍
  • オファー
  • クライアント
  • チームメンバーの個人プロフィールやスタッフページへのリンク
  • ニュース
  • イベント
  • 場所

社会的証拠

心理学者、販売専門家、ウェブサイト制作者は、他人の好意的な意見と比較して、自分の声の説得力を理解する専門家のほんの一部です。

そのような意見を表す内容は、社会的証拠として知られるようになってきました。 以下のいずれかの方法で、あなたのホームページに社会的証拠を提示する場所を作ります:

  • お客様の声
  • クライアントのロゴおよび/または顧客ストーリー
  • 認定などの信頼シール
  • 賞および栄誉
  • 数字(満足している顧客、ランキング、加入者、フォロワー)
  • 統計
  • プレス言及
  • レビューと評価

機能と利点

あなたのウェブサイトの目的が何かを販売することであれば、チャンスは、少なくとも

あなたは提示することによって、さまざまな方法でそうすることができます:

  • リスト
  • 任意の形状やサイズの機能や利点セクション
  • 別々のポッド—多分2または3、多分グリッドとして
  • 行—以下を参照してください

featuresandbenefits

featuresandbenefits

現在のEvernoteのホームページ(それは頻繁に更新されます)は、私がAppleによって人気のある”ピンポン”レイアウトと呼ぶものに利点を提示します。 それは利点を示すための大きい物語を作成し、目で容易である。

Subscription

プラグインやサードパーティのサービスのおかげで、ニュースレターや電子メールの更新を購読する招待状は、ポップアップ、ヘッダー、フッター、フライイン、スクロー

しかし、ウェブサイトのホストが提供するコンテンツを購読するために訪問者を誘惑するために提示された静的なホームページセクションは、別の人気 これは、フッター、あるいはヒーローショットで、行、サイドバーとして表示されることがあります。

電子メールリストを作成することがデジタルマーケティング活動の優先事項の1つである場合は、次のことを検討してくださ:

  • ホームページに購読フォームを埋め込む
  • 購読フォームを呼び出すCTAの作成
  • 購読者のオプトインを収集する専用のランディングページを開くCTAの作成

オファー

ホームページからリードを生成するもう一つの効果的な方法は、オファーまたは”リードマグネット”を特徴とすることです。”そうするためのあなたの選択肢はほぼ無限です。

freshbooks

freshbooks

多くのホームページ、特にオンラインサービスを提供するものは、無料トライアルを提供しています。

peeplaja

peeplaja

内容のmarketersは頻繁に種類の自由なeBook、ガイドまたはレポートを提供する。

78percentoff

78percentoff

割引やクーポンは非常に魅力的なオファーをすることができます。

download

download

そのMint.com ホームページは無料の携帯アプリを提供しています。 アプリ、電卓、評価、テンプレート、およびツールのすべてのタイプは、効果的なオファーをすることができます。

どのようにあなたのオファーを特色にするかもしれませんか? 上記の例は次のとおりです:

  • あなたのヒーローショットに組み込まれたフォーム
  • あなたのホームページ上の行
  • ディスプレイ広告(ランディングページおよび/またはフォームにつながる)

またはあなたの提供を示すことを考慮するかもしれません:

  • サイドバーのウィンドウとして
  • ポップアップを介して
  • あなたのフッターの一部として

リソース

あなたは、あなたのウェブサイトの特定のセクシ その場合、それへの注意を引き付け、あなたの資源の図書館を展示することにあなたのホームページのセクションを捧げることによってかちりと鳴

検索機能

あなたのウェブサイトが大量のページを持っている場合、それはあなたのホームページ上で検索機能を提供するのが賢明です。 検索機能は、訪問者がナビゲートすることなくコンテンツをすばやく発見できるようにするための便利なショートカットです。

viennabeef

viennabeef

ecommerceの場所のホームページは訪問者が追求するものをすぐに見つけるのを助ける調査機能があるように頼む。

サイトのヘッダー(上記のように)またはサイドバーの上部のどこかに提供するという規則に従うことで、検索メカニズムを見つけやすくします。

アクションへの追加の呼び出し

あなたのホームページは、あなたが最も重要だと思うアクションを刺激するように設計された”CTAを見逃すことはできません”を特色にする必要がありますが、あなたのホームページの後続のセクションでは、すぐにあなたの訪問者の情報ニーズを満たすために追加のボタンやリンクを提供することがあります。

finderskeepers

finderskeepers

TransTechのホームページ(オービットクライアント)では、ヒーローショットのすぐ下のセクションには三つのCtaがあり、それぞれがポッドの終了時に提示されます。

キーワード

キーワードはあなたのホームページのSEOジュースを与えます。 キーワード(過ぎ去った日からの普及した技術)の表示に熱心なスペースを予算しないが、キーワードを選び、あなたのホームページに働かせる計画の時間を予算すべきである。

検索用にホームページを最適化するには、キーワードを配置します:

  • タイトルタグの
  • 見出しの
  • メニュー項目(適切な場合)の
  • ページのコピー内で、自然言語
  • 画像の”後ろ”(alt imgタグとして)
  • メタ記述のスニペットあなたのホームページ

私たちのウェブコンテンツチェックリストポストは、より良いコンテンツを公開し、効果的に最適化するための追加情報

フッター

あなたのヘッダーのように、あなたのホームページのフッターはすべてあなたのウェブサイト全体の標準機能である可能性があります。 フッターを作成し、それに含まれる要素を慎重に検討する必要があります。

あなたのフッターに含めるための主要な候補は次のとおりです:

  • 連絡先情報
  • 地図および/または場所
  • ソーシャルメディアのアイコンとウィジェット
  • 電子メールサインアップフォーム
  • ギャラリー
  • バッジ(ソーシャル)
  • ブログ投稿ダイジェスト
  • アクションへの最終的な呼び出し

あなたのウェブサイトのフッターに含まれる可能性のある項目の包括的なリスト

それはホームページのアイデアの多額のリストです

確かに。 そして、それはおそらく完全ではありません。 あなたのホームページはほしいと思うものは何でも特色にすることができます。 しかし、あなたの訪問者が望むものに基づいてページを計画し、区画することがより重要です。

それが何であるか知っていますか? を介して考えることによって、発見プロセスにいくつかの努力を入れて:

  • 誰が訪問しますか?
  • 訪問者はすべて同じニーズを持っていますか?
  • 彼らはどのような問題を解決しようとしていますか?
  • あなたの製品やサービスはどのように問題を解決しますか?
  • あなたのソリューションを明確にし、彼らのニーズを満たすコンテンツは何ですか?
  • 実用的な次のステップは何ですか?
  • 訪問者は電子メールを受け取りたいですか?
  • 訪問者はどのように交流することを好むでしょうか?

これらの質問や関連性があると思われる追加の質問に答えることに夢中になります。 あなたのチームを一緒に得、あなたの思考のwhiteboardかマインドマップを石膏しなさい。

それから、彼らの何人かを殺す時です。 あなたは前にこの偉大な引用を見ている可能性があります:

デザイナーは、追加するものが何も残っていないときではなく、奪うものが何も残っていないときに完璧を達成したことを知っています。 -アントワーヌ*ド*サンテグジュペリ

あらゆる種類の作家、デザイナーや職人は、減算の美術を習得する必要があります。 ホームページを作成することは完全な例を提供する。

訪問者がより多く、より少なくほしいと思うように促すあなたのホームページに事を置いて下さい。

コメントを残す

メールアドレスが公開されることはありません。