インバウンドマーケティングの信条の1つは、人々を困らせないということです。
おそらく、自分のウェブサイトをデザインすることで得られる大きな興奮（または性格によっては恐怖）により、長年にわたってあなたを狂わせたユーザー体験の癖が、すべて頭から抜け落ちてしまうのでしょう。 HubSpotのリードフローツールを無料でお試しいただくには、こちらをクリックしてください。
しかし、ユーザー エクスペリエンスが低いと、ページの放棄率が高くなり、訪問者からリードへの転換率が低くなり、オーガニック検索リストの順位が下がり、評判が悪くなります。
そこで、Webサイトを設計するときにやってはいけないことのガイドとして、これまで見た中で最も腹立たしかった17のことをリストアップしてみました。 最悪の犯罪者たちを見てみましょう！
17 Reasons Visitors Hate Your Website
1) 読み込みに時間がかかる。
私たちの注意力の低下により、1 日に数百回も携帯電話をチェックするようになっているだけでなく、Web サイトの読み込みを待つことに関しても、私たちは本当にせっかちになっているのです。 KISSmetricsのレポートによると、47％の消費者が2秒以内にウェブページが読み込まれることを期待し、40％が読み込みに3秒以上かかるウェブサイトを放棄しているとのことです。
ロード時間が遅いと、サイト訪問者はイライラし、コンバージョン率やブランド認知に影響を及ぼします。特にモバイルユーザーは、Web閲覧時に遅い携帯電話のインターネット接続に依存していることがあります。 読み込み時間が遅いことがブランド認知にどのような影響を与えるのか、不思議に思うかもしれません。 Ericsson の調査によると、Web サイトの読み込みに時間がかかればかかるほど、Web サイト訪問者はモバイル サービス プロバイダーではなく、コンテンツ プロバイダーを非難するようになります。 ページの読み込み時間は、画像サイズ、コード、動画、およびその他の要因によって影響を受けます。 また、モバイルサイトのページロード時間の改善については、こちらをご覧ください。
2) モバイル用に最適化されていない
携帯電話でインターネットを閲覧する際、ウェブサイトのコピーを読むために横から横へのスクロールを強いられたことはありませんか？ あるいは、ページ上の文字やボタンが小さすぎて、ピンチイン/ズームしなければならなかったことはありませんか？ これらはすべて、モバイル向けに最適化されていないWebサイトで人々が感じる苦痛なUXの例です。
Googleは2015年夏に、モバイル フレンドリーでないWebサイトにペナルティを課す大規模なモバイル アルゴリズム更新を発表し、2016年5月1日からモバイル フレンドリーなWebサイトからのランキング シグナルを強化すると発表しました。
Googleがこうした変更を続ける理由の大きな部分は、モバイルユーザーのWebブラウジング体験を向上させることです。 そのため、あなたのサイトがモバイル端末に最適化されていない場合、オーガニック検索ランキングで大きく損をする可能性が高いのです。 このままでは、せっかくのトラフィックや売上を逃してしまうことになりかねません。 それはあり得ません。 モバイル最適化のアプローチの選択について、詳しくはこちら
(HubSpot customers: HubSpotのお客様：HubSpot Website Platformはレスポンシブデザインを採用し、画像の自動圧縮機能を備え、さらに当社のCDNによりウェブサイトの読み込みが非常に速いため、これらの点について心配する必要はありません）
3) ナビゲーションが悪い。 どこに行けばよいのでしょうか。
これは当然のことのように思えるかもしれませんが、Small Business Trends の調査によると、小規模な B2B ビジネス ウェブサイトの 80% にコールトゥアクションが欠けていることがわかりました。 9996>
明確な見出しのコピー、専門用語を使わないページコピー、次のステップを踏む方法を訪問者に示す明確な主要コールトゥアクションを含めることです – ブログの購読、無料トライアルの取得、ビデオの視聴など、訪問者がサイトで行うことを望む行動であれば何でも構いません。
実際のナビゲーションバーについては、このブログ記事を読んで、ナビゲーションコピーの言い回し、訪問者の流れの分析方法など、完璧なWebサイトのナビゲーションを完成させる方法を学んでください。
読書体験を妨害する過剰なポップアップは、真剣に迷惑です — 特に、CTAのコピーがあなたを罪悪感に陥れるように作られている場合はそうです。 特に、CTA のコピーが罪悪感を与えるように作られている場合はそうです。
ポップアップを使用する場合、正しい方法があります：
- 適度に使用します。 そのように、あなたは常に彼らが興味を持っていない可能性があるコンテンツであなたの訪問者を砲撃していない。 スマートCTAは、訪問者が以前にあなたのサイトを訪れたことがあるかどうか、または購買サイクルの特定の段階にあるかどうかに基づいて、異なるタイプの訪問者に異なるポップアップを表示する（またはまったくポップアップを表示しない）ことができます。 (HubSpotのお客様：スマートなCTAの作成方法についてはこちらをご覧ください。)
- 効果を確認する。 各ポップアップCTAの閲覧数とクリック数、およびポップアップから実際に送信された件数を評価します。 パフォーマンスがあまり良くないと判断した場合は、編集または削除して、訪問者にとってより良いユーザーエクスペリエンスを実現することを検討します。 また、A/Bバリエーションテストを実行して、さまざまなコピーやオファーをテストすることもできます。 (HubSpotのお客様: ポップアップCTAのA/Bテストの実行方法はこちら)
- 楽しいコピーを使用する。 あまりにも多くのサイトが、訪問者が目的の行動を取るように罪悪感を煽るような言葉を使用しています。 彼らの誘導に従わないようにしましょう。 以下の例では、「いいえ」の選択肢に丁寧な言葉遣いを使っていますが、退出意図CTA「Make My Persona」をチェックしてみてください。
ポップアップの代わりになるものは何でしょうか。 スライドイン CTA は、アクションを呼び出す小さなバナーで、ページの側面または下部からスライドして表示されます。 これらは、ユーザーがコンテンツを読み続けることができる一方で、より多くの情報を提供し、あまり邪魔にならない傾向があります。 Wait But Why によると、次のようになります。
5) 自動再生するマルチメディア コンテンツが含まれている。 仕事中にこのサイトにいるはずじゃなかったのに！
誰かが静かにブラウジングを楽しんでいるときに、「再生」を押していないビデオのテーマ曲やトーキングヘッドが流れてきたら — 特に「停止」のボタンを見つけられなかったら — 彼らがどうすると思いますか？
ミュート ボタンを探し回る人もいるかもしれませんが、私は自分のコンピューターのボリューム コントロールよりも、ブラウザーの戻るボタンの方が簡単に見つかります。 Facebook や Twitter では、フィードでビデオを自動再生していますが、ユーザーがミュートを解除することを選択しない限り、常にミュート状態になっていることに注意してください。
6) 混乱させるようなアニメーションが自慢。 アニメーション、自動再生ビデオ、点滅する有料広告、その他のインタラクティブなエンターテインメントは、とてもクールに見えるかもしれませんが、目立ちすぎたり混乱させたりすると、重要な 3 秒間に訪問者の集中力を奪ってしまう可能性があります。
これはシンプルな GIF アニメーションで、あまり邪魔にならずに読者の目を引きつけます。 (Photoshopを使ってこのようなアニメーションGIFを作る方法を知りたい方は、こちらの簡単なチュートリアルをご覧ください。)
7) 一般的または安っぽいストックフォトが散見される
画像を使うことがインバウンドマーケティングにとって素晴らしいことはすでにご存知かもしれませんね。 そこで、Web サイトに画像を追加することになったとき、ブラウズしてみると……こんな逸品が見つかりました：
うーん。 私たちは、これらの人々があなたの会社で働いていると信じていいのでしょうか？ そして、彼らはいつも仕事に満足しているのでしょうか。
これは悪いストック フォトの一例です。 悪いストックフォトは、よく言えば一般的、悪く言えばばかばかしいものです。 画像は、訪問者にとって何かを明確にするものであれば役に立ちますが、一般的なストックフォトは訪問者やあなたのビジネスの役には立ちません。
顧客、従業員、会社、製品、場所の実際の写真を表示する方がはるかによいです。 もし、そのような写真がない場合は、この無料の安っぽくないストック フォト ウェブサイトのリストを参照してください。 デザインに特に詳しいなら、あなたの仕事に直接関連するビジュアルを自分で作成することもできます。 (
8) 問い合わせフォームがあるが、追加の連絡先情報がない。
「お問い合わせ」フォームは、オプトインのメールリストを生成する簡単な方法のように見えるかもしれませんが、あなたとサイト訪問者にとって、リードジェネレーションの最も価値のない形態です。 しかし、このフォームは、あなたやサイト訪問者にとって最も価値のないリードジェネレーションです。 むしろ、1 回限りの問題やリクエストに対処する必要がある可能性が高いのです。
では、実際に 1 回限りのリクエストがあったとしましょう。 サイトに「お問い合わせ」モジュールがあることは悪いことではありませんが、それがあなたと顧客の間の唯一のコミュニケーション手段であってはなりません。 もし訪問者や顧客が助けを必要としているなら、彼らは今すぐそれを求めているのです。 フォームに記入して、いつ返事が来るかわからないようなことは望んでいません。
電子メール、電話、ソーシャルメディアで連絡を取り合えるようにし、その情報を Web サイトで利用できるようにしましょう。 (優れた「お問い合わせ」ページの作成方法については、このブログ記事をご覧ください。)
9) 意味不明の「会社概要」ページがある。
「会社概要」ページでは、ビジネス用語や、一般的な単語やフレーズを使って何を行っているかを説明していますか。
HubSpotの「会社概要」ページコピーを使って翻訳ゲームにトライしてみます。 私たちの「会社概要」ページにはこのようなことは書かれていませんが、以下のコピーを読んで、自分なりに考えてみてください。
HubSpot は、生涯価値の高い顧客に転換するリードを生み出す質の高いトラフィックでセールスパイプラインを埋め、さまざまな国の企業が解約を減らすのを支援します。 これは、すべてのマーケティング チャンネルを統合し、価値の高いマーケティング活動を決定し、優先順位付けするデータの相乗的なビューを実現する、最先端のソフトウェアによって実現されます」
ええと、何？
人々が情報を消費し、製品やサービスを調査し、購買決定を下し、意見や経験を共有する方法は変化してきました。 顧客はこれまで以上に主導権を握っており、従来のセールスやマーケティングのメッセージをこれまで以上に聞き流しています。 しかし、企業は依然として、10年以上にわたって使用してきたのと同じ営業・マーケティング手法に頼っています。 Brian Halligan氏とDharmesh Shah氏が2006年にHubSpotを設立し、インバウンド・エクスペリエンスのビジョンを打ち出したのは、この購買行動と企業戦術のミスマッチが理由です。 なぜですか？ それは、人々が実際に話す方法で書かれているからです。 最初の反復のように頭が痛くなるようなことはありません。
「会社概要」ページの12の素晴らしい例については、この投稿をご覧ください。
10) 自社が何をしているのかが明確に説明されていない。
悪い「会社概要」ページと同じように、企業の Web サイトをクリックしても、その企業が実際に何を提供しているのかがはっきりしないのは、本当にイライラさせられます。 もしあなたが有名なブランドや会社（例：コカ・コーラ）であれば、あなたが誰で何をしているのかを説明する必要はないかもしれません。 しかし、ほとんどの企業は、訪問者が「正しい場所」にいることを認識できるように、これらの質問に答える必要があります。
Steven Krugg は、ベストセラーとなった著書『Don’t Make Me Think』で、このことを最もうまくまとめています。 ここでは、これを特にうまく行った企業の素晴らしいホームページデザインの15例を紹介します。
11) キーワードを詰め込んだコピーを含んでいる。
2000年代前半に、Webサイトにアクセスすると、何段ものコピーが表示されたことを覚えていますか？
残念ながら、Google のアルゴリズムは 10 年前よりもはるかに洗練されて、ページの関連性を判断できるようになっているにもかかわらず、一部の Web サイトはまだボット用に書いています。 コンテンツにキーワードを詰め込むことは、検索エンジン最適化（SEO）のマーケティング担当者が犯しがちな間違いの1つです。 キーワードは SEO の成功に不可欠ですが、Google はキーワードの詰め込みがあった場合、検索であなたの Web サイトにペナルティを課します。
さらに重要なことは、キーワードを詰め込んだコピーは読者の体験を悪くすることです。 そのため、機会があるごとにキーワードを詰め込むのではなく、このブログ記事を読んで、キーワードを最適化すべきウェブサイトの5つの部分を学びましょう。
人間向けに書いている場合、おそらくあなたのサイトには本当に興味深いコンテンツがあります。 そのため、「これをツイート！」ボタンを探して上下にスクロールしても、Web サイトにソーシャル共有ボタンがないことに気付くのは、非常に残念なことです。
ソーシャル共有ボタンを使用すると、手動で URL をコピー アンド ペーストしてツイートを作成する必要がないため、読者はソーシャル ネットワークでコンテンツを簡単に共有することができます。 また、簡単にソーシャル共有できるオプションは、あなたのコンテンツがより多くの可視性を得ることを意味し、それはより多くのサイト トラフィック、より良い検索エンジン順位、およびより多くのリード生成の機会を意味します。
このブログの記事を読んで、主要なソーシャル ネットワークのソーシャル共有およびフォロー ボタンを作成する方法について学びましょう。
13) ブログがない。
ブログがない場合、訪問者に大量の貴重な情報を提供する機会を逃していることになります。 (そして、ランキングの機会も逃しています。)
最近では、消費者は営業担当者に連絡する前に、自分で深い企業研究を行う権限を与えられています。 彼らはあなたの会社のブログの記事で彼らの共通の質問に対する答えを見つけた場合、彼らはあなたが過去に彼らを助けたので、あなたが言わなければならないことを信頼して販売プロセスに入ってくる可能性がはるかに高くなります。 (これは、ビジネスブログの多くの利点の一つです）
14) コンテンツと不釣り合いなタイトルや見出しを採用している。
熱心なコンテンツ制作者であれば、よく練られたタイトルがいかに重要であるかはご存じでしょう。 優れたタイトルは、人々がクリックして、あなたが書いたものを読むきっかけになります。 しかし、提供したタイトルと無関係のコンテンツが表示されると、訪問者を失望させ、サイトを放棄させることになります。
このため、クリック感のある見出しは、人々をサイトに誘導する方法としてはあまり公正ではありません。 これらは、私たちの自然な好奇心を利用したものです。 その戦術を使うなら、タイトルと同じくらいワクワクするようなコンテンツを提供する必要があります。 そうでなければ、人々を困らせるだけです。
教訓：タイトルで人々の注意を引くことは重要ですが、それが誤解を招くものではなく、コンテンツが実際に提供すると約束したものに応えられることを確認してください。
15) オファーと一致していないコールトゥアクションのコピーを表示している。
同じように、コールトゥアクションは、訪問者がオファーを利用するときに受け取るものと一致する必要があります。 コールトゥアクションのコピーで50%オフのクーポンを約束され、それを利用しようとしたら、最初に1,000ドル購入する必要があるという注意書きがあることほどイライラさせられることはないでしょう。 一部の商品が対象です。
これは、訪問者を侮辱するだけでなく、あなたの評判を傷つけることになります。 彼らは読者に他の関連する情報を指し、あなた自身のウェブサイト上の重要なページの有機的なランキングを向上させるのに役立ちます。 しかし、一部の Web サイトでは、内部リンクを正しく実行することに問題があるようで、ユーザーを無関係なページに誘導したり、コピー内に奇妙なフレーズをリンクしたり、コンテンツを読めなくするほどやりすぎたりします。
読者の体験を高める、Web サイトの関連ページへの内部リンクのみを含め、最も意味のあるアンカー テキストでそのリンクを含めます。
（プロからのアドバイス：すべてのリンクは、同じウィンドウではなく、ブラウザの新しいタブに開くようにしてください。 訪問者はこのページのコンテンツを読み終えていない可能性があり、彼らがまだ読んでいる間に移動させたくないのです！）
17) 読み込みに時間がかかるイメージスライダーが表示されます。
画像スライダーは、画像カルーセルとしても知られ、スペース効率のよい方法で複数の画像を表示する方法として機能します。 しかし、正しい方法と間違った方法があるので、これには注意する必要があります。 スライダーは画像をすばやく読み込み、ユーザーがクリックするたびに新しいページを読み込む必要はありません。
間違った方法。
間違った方法: ユーザーが次のイメージの矢印をクリックするたびに、ページがまったく新しい Web ページをロードします。 これは、Webページ全体が再読み込みされるため、ページの読み込み時間が数秒長くなる可能性があります。
覚えておいてください。 Web ページの読み込みに時間がかかると、より多くの人がそのページを放棄することになります。 また、スライダーの上または下に、視覚的な要素に付随して、文章を添えるとよいでしょう。 多くの読者はスキャナーであり、スライダー内のすべての画像をクリックする時間を投資することはありません。 HubSpotを使用してページに画像スライダーを含める方法については、この投稿をお読みください)
。