ウェブサイトの最大の問題を解決する方法 [そして訪問者を呼び戻す]
公開: 2022-08-10ここに恐ろしい事実があります。あなたのウェブサイトを訪れた読者の約半数は戻ってこないのです。 彼らは跳ねます。 そして、彼らは彼らと一緒にビジネスをします。
サイトがビジネスに適していない場合、メッセージ、デザイン、および基本的な Web プラクティスを少し変更するだけで、大きな利益が得られる可能性があります。
ここで疑問が生じます: Web サイトの直帰率が着実に上昇していることに気付いていますか?
時間をかけて、訪問者がすぐに離れてしまう原因を調査しましたか?
Web ページのコンテンツやレイアウト、外観を再考することで、訪問者をより長くサイトに留めておくことができます。
また、訪問者がサイトでの滞在時間を延長すると、コンテンツへのエンゲージメントが高まります。
直帰率を下げる取り組みを優先するもう 1 つの重要な理由は、Google の RankBrain に関係しています。
検索エンジンのアルゴリズムは、サイトから検索結果ページに即座に「クリックして戻る」回数に焦点を当てます。
Google がこの動作を確認した場合、サイトの提供物が訪問者を満足させなかったことを認識するのは十分賢明であり、残念なことに、今後の検索結果であなたのビジネスが表示されなくなります。
あなたの会社のウェブサイトが新しいものであろうと、改築予定のものであろうと、訪問者を習慣的に遠ざけるこれらの重要な「禁止事項」を避けることが重要です。
潜在的な顧客を競合他社の腕に引き込む可能性がある、あなたの Web サイトが行っている可能性のある 9 つのことのリストを確認してください。 また、サイトが必要な方法で機能し、有望なリードを引き付け、関与し、変換できるようにします。
サイト訪問者が直帰する 10 の理由
1. あなたのウェブサイトは時代遅れであるか、目に魅力的ではありません。2. サイトに明確なナビゲーションがありません。
3. ページの読み込み時間が遅すぎる。
4. Web サイトがすべてのデバイス タイプで応答しない。
5. メタデータを無視しました。
6. あなたのサイトは、何を行っているか、何を販売しているかについて曖昧です。
7. 検索機能はありません。
8. あなたのウェブサイトは訪問者を積極的に引き付けていません。
9. 連絡先情報が見つからない、または見つけにくい。
10. あなたのサイトはアクセス可能ではないか、ADA に対応していません。
あなたのウェブサイトの問題点を診断し、それらを軽減するための実行可能で具体的な解決策について学びましょう!
1. あなたのウェブサイトは時代遅れであるか、目に魅力的ではありません。
想像してみてください。あなたがクリックしたサイトのホームページは、ぎこちなく、紛らわしく、まったく…まあ、醜いものでした。
私たちは人生において「本を表紙で判断」しないように努めていますが、Web サイトのホームページはその方法論には当てはまりません。
適切にデザインされ、整然とした方法で概説された親しみやすく歓迎的なホームページを訪問者に提供できなければ、訪問者は必然的に離れてしまいます。 そして、誰が彼らを責めることができますか?
Web サイトの見栄えがよくない場合、訪問者があなたやあなたの製品やサービスの見栄えを良くすることをどのように信頼できると期待できますか?
それらを取り戻す方法...
時間をかけてサイトの各ページ (特にホームページ) に目を通し、サイトの全体的な外観を改善するためにできる修正をいくつか書き留めてください。
最もクリエイティブなチーム メンバーが議論に参加できるようにし、ブレインストーミング プロセス中は常にオープンな姿勢を保つようにします。
また、Hotjar、Lucky Orange、Crazy Egg などの Web サイトの UX 分析ツールを活用して、ヒート マップを生成し、ユーザーがサイト コンテンツとどのようにやり取りしているかの記録を確認することもできます。
Web サイトの再設計プロセスに取り組む前に、正しいデータを用意することが不可欠です。
そしてもちろん、いくつかのデザイン オプションをテストし、Web 分析を監視して、どのページ レイアウトが最も効果的かを確認する準備をしてください。
スイート スポットを見つけるために実験と A/B テストの実施が必要な場合もありますが、そこにたどり着いたら、時間を割いてよかったと思うでしょう。
関連: https://www.precisionmarketinggroup.com/blog/ab-testing-hubspot-ctas-the-simple-how-to-guide-with-examples
SEOボーナスのヒント
他のよく最適化されたサイト ページの多くは、オーガニック検索を通じて検索エンジンの結果ページ (SERP) に表示されます。
それでも、訪問者はほとんどの場合、役立つ情報を求めてデジタル ウェルカム マットをチェックし、組織の活動の要点を簡単に把握します。
他のすべてのページは、簡単にアクセスできるように、(ロゴなどを介して) ホームページにリンクする必要があります。
また、ホームページのオンページ SEO もおろそかにしないでください。 それは重要です！
【目次に戻る】
2. サイトに明確なナビゲーションがありません。
必要なものを提供しているように見えるサイトにたどり着きましたが、サイト内を移動する方法がわかりません。
「戻る」ボタンを押さずに前のページに移動する方法はありません。ドロップダウン メニューのページ タイトルはせいぜい紛らわしく、特定のフォームを見つけたい場合は、クリックして掘り下げてクリックする必要があります。見つけるまで。
それらを取り戻す方法...
サイト マップを作成し、慎重にページを整理します。 たとえば、ページに「サービス提供」という名前を付ける代わりに、提供するサービスの種類 (会計サービス、サロン サービスなど) を指定します。
サイトの右上隅に常に表示する特別なリンクをいくつか選択します (特別なリンクには、About および Contact ページが適しています)。
ただし、トップ ナビゲーションがサイトのスタイルに合わない場合があります。 その場合は、別のオプションとして、代わりに左側のナビゲーションに傾いてください。
一部の Web サイトでは、ハンバーガー メニューがデザインに適していることもわかっています。
ユーザーがメニュー項目にカーソルを合わせたときに、サブページが表示されるようにして、オプションを簡単に選択できるようにします。
最終的に、訪問者が自分の行き先を把握できれば、正しい方向に向かっていることになります。
SEOボーナスのヒント
ナビゲーションにターゲット キーワードを使用すると、訪問者がより簡単に移動できるようになるだけでなく、ホームページからそれにリンクされている他の重要なページに渡される SEO ジュースの恩恵を受けることができます。
ナビゲーションは、Google がウェブサイトをクロールする方法に影響を与えるため、ウェブサイトを特定するために選択する単語については慎重に検討してください。
【目次に戻る】
3. ページの読み込み時間が遅すぎる。
この即時性の時代では、訪問者はかつてのようにロード時間が遅いほど辛抱強くありません。
サイトが 3 秒以内に完全に読み込まれない場合、訪問者の半数近くがページを見る前に直帰する危険があります。
デスクトップ、ラップトップ、タブレット、スマートフォンなど、すべてのデバイスで読み込み時間を必ずテストしてください。
Google の PageSpeed Insights などのツールを使用すると、サイトの実際の速度を定期的に確認できます。
それらを取り戻す方法...
読み込み時間の遅さはさまざまな方法で解決できますが、問題を解決する最も簡単な方法は、サーバーの応答時間を改善し、写真を適切に最適化することです。
画像が必要以上に大きくないこと、正しいファイル形式であること (グラフィックには PNG が適していますが、写真には通常 JPEG が適しています) であること、および Web 用に圧縮されていることを確認してください。
ほとんどのデザイン ツールには、画像を保存するときにこの設定が組み込まれています。
さらに、Google AMP に慣れていない場合は、今がそれについて学ぶ絶好の機会です。
まず、「AMP」は Accelerated Mobile Pages の略です。
グーグルの AMP プロジェクト は、シームレスなユーザー エクスペリエンスを促進するためにコンテンツをほぼ瞬時に配信するモバイル ページをコンテンツ発行者が作成できるようにするオープン ソース イニシアチブです。
簡単に言えば、AMP はサイトのモバイル ページの機能を取り除いたバージョンのように見え、最も重要なコンテンツを表示し、サイトの速度とパフォーマンスを妨げる属性を排除します。
記事を読むAMP (Accelerated Mobile Pages) との取引は? それを実装することの長所と短所について詳しく学びます。
SEOボーナスのヒント
Google は、サイトの速度 (または読み込み時間) が、ページをランク付けするためにアルゴリズムによって使用される 1 つの側面であることを示しています。
調査によると、Google はページ速度を考慮する際に、最初のバイトまでの時間を正確に測定している可能性があります。
さらに、ページが遅いということは、検索エンジンが割り当てられたクロール バジェットを使用してクロールできるページが少なくなることを意味し、インデックス作成に悪影響を及ぼす可能性があります。
ページ速度もユーザー エクスペリエンスにとって重要です。
読み込み時間が長いページは、直帰率が高くなり、平均ページ滞在時間が短くなる傾向があります。
読み込み時間が長くなると、コンバージョンに悪影響を与えることも示されています。
【目次に戻る】
4. Web サイトがすべてのデバイス タイプで応答しない。
周りを見渡すと、昼食時にテーブルを待っているとき、電車に乗っているとき、渋滞に巻き込まれているときなど、携帯電話にくぎ付けになっている人がいます。
電話を持たずに家を出ると、おそらく「未完成」と感じることに罪悪感を覚えるでしょう。 おなじみですね。
過去数年間のモバイル アクティビティの増加は天文学的なものでした。 そして、それはB2Bの世界にも当てはまります!
ボストン コンサルティング グループの調査によると、B2B バイヤーの 80% が職場でモバイルを使用しており、60% 以上が最近の購入でモバイルが重要な役割を果たしたと報告しています。
さらに、B2B バイヤーの 70% 近くが、過去 2 ～ 3 年間でモバイルの使用を大幅に増加させており、60% はモバイルの使用が今後も増加し続けると予想しています。
そのため、訪問者のブラウザーのサイズ/解像度に適応し、それらの違いに対応するためにページ レイアウトを自動的にスケーリングおよび再編成するレスポンシブ サイトを持つことが非常に重要です。
Web サイトがすべてのデバイス (デスクトップ、タブレット、モバイル) で適切に機能するようにすることで、訪問者が Web サイトに滞在する時間が長くなるため、SEO に役立ち、現在および潜在的な顧客との間に信頼関係を築くことができます。
それらを取り戻す方法...
まず最初に！ この Google ツールでウェブサイトを実行して、ウェブサイトがモバイル フレンドリーかどうかを確認してください。
サイトが応答しない場合は、Bootstrap などの製品を検討する必要がある場合があります。Bootstrap は、Web ページを任意のデバイスに合わせて迅速かつ自動的にスケーリングするように設計されたフロントエンド フレームワークです。
または、HubSpot のようなウェブサイト ホスティング プラットフォームへの投資を検討することもできます。 これらは、サイトの CSS 構成に時間を費やすよりもはるかに優れた代替手段です。
モバイル デバイスでのサイトの応答性を改善するための他の 2 つの簡単なヒントは、標準のフォント ファミリを使用することと、サイトで現在使用されている可能性のある Flash のインスタンスを削除することです。モバイル デバイスはこの古いテクノロジをサポートしていないためです。
SEOボーナスのヒント
レスポンシブ Web デザインは、Google やその他の検索エンジンが Web サイトを認識する方法に影響を与えます。
しかし、もっと重要なことは、モバイルフレンドリーではないサイトでは、多くの場合、訪問者がすぐに直帰してしまうことです.
ズームインしたり、横にスクロールしたり、ぎこちなく小さなボタンをクリックしようとしたりしなければならないページ (スマートフォン経由) にアクセスしたことがあるなら、応答しない Web サイトを直接体験したことになります。
繰り返しになりますが、高い直帰率は SERP のランキングに劇的な影響を与えるため、モバイル フレンドリーなオンライン プレゼンスに投資していない場合は、投資する時が来ました。
【目次に戻る】
5. メタデータを無視しました。
タイトルタグとメタディスクリプションが必要なのは誰? あなたがやる！
基本的な SEO 戦術を無視している場合、訪問者はページを閲覧するどころか、そもそもサイトを見つけるのが困難になります。
検索エンジンの仕事は、ウェブサイトをクロールし、特定のキーワードや検索クエリについて示した関連性と権限を解釈することであるため、オンページ SEO のベスト プラクティスに従うことが非常に重要です (Google は非常に「スマート」ですが、検索の意図とページの意味を判断するため)。
たとえば、ページ タイトルは、訪問者や検索エンジンがページの内容を理解するのに役立ちます。
また、適切に記述されたメタ ディスクリプションは、検索結果でページのコンテンツを要約することにより、ユーザーを支援します。
したがって、正確なメタ ディスクリプションは、直帰率を下げる可能性が高くなります。
それらを取り戻す方法...
Web サイトの各ページに固有で関連性のあるメタ ディスクリプションを作成します。
メタ ディスクリプションは、検索エンジンのクエリでそのページが表示された場合に、潜在的な訪問者が特定のページの名前の下に表示する小さな宣伝文句です。
その説明は魅力的で、150 文字を超えないようにする必要があります。これを超えると切り捨てられます。
また、説明がページ上の資料に関連していることを確認してください...前述したように、訪問者をだますことほど訪問者の維持にとって悪いことはありません!
さらに、画像の ALT テキストは、検索エンジンが画像に何が含まれているかを理解するのに役立ち、スクリーン リーダーを使用しているユーザー (視覚障害のあるユーザーなど) もサポートします。
ウェブサイトのアクセシビリティが非常に重要になっているため、Google は引き続き ALT テキストを完成させ、それに応じてサイトをランク付けする努力を評価します。
最後に、これは大きな問題です。構造化データは、強調スニペット用に適切に最適化することで、SERP でそれらを宣伝するのに役立つコンテンツの側面を示します。
構造化データの実装には確かに技術的な専門知識が必要です。そのため、これが優先事項である場合は、彼らが何をしているかを知っているチームに相談するときです。
SEOボーナスのヒント
特定の Web サイト ページのページ タイトルと URL には、そのページを最適化するキーワードを 1 つ含める必要があります。
メタ ディスクリプションは SEO に直接影響を与えませんが、レポートが不十分であるか、最小限であるか、または欠落している場合、検索エンジンは、ユーザーにとって意味のないページ上の他のコンテンツに置き換えます。
この要素でもキーワードを使用してください。ユーザーが検索した内容に沿って何かが説明に表示されると、メッセージの一致が促進されます (そして、クリックスルー率が向上します!)。
6. あなたのサイトは、何を行っているか、何を販売しているかについて曖昧です。
それは間違いなく誰にでも起こったことです...
検索エンジン クエリを介して Web サイトにアクセスし、ホームページと [会社概要] セクションを熟読し、このサイトが提供するものについての手がかりを得ることができません。
「私たちはお客様を大切にし、重要なサービスと製品を提供して個々の結果を調整し、プロセスをよりシンプルかつ効率的にします。」 非常にあいまいな例ですが、要点はわかります。
現実: 見込み客があなたのウェブサイトにたどり着いたら、あなたには10 秒しかありません。 彼らをとどまらせるために。
ビジネスのオンライン プレゼンスが美的に魅力的でなく、一見しただけで明確なメッセージと価値提案を提供する場合、人々は去ります。
それらを取り戻す方法...
あなたがしていることについて、できるだけ明確にしてください。
あなたがコンサルタントの場合は、それを知らせてください。 カスタムケーキを焼く場合は、豆をこぼしてください。
アウトソーシングされた IT 企業の場合は、そのように言ってください。 推測ゲームはパーティーでは楽しいですが、訪問者を獲得しようとするときはそうではありません.
適切な言葉を見つけるのが難しい場合は、エレベーター ピッチを検討してください。 何をしているのかと聞かれたら、具体的に何と答えますか？ それは同じ状況です…書面を除いて…そしてあなたのウェブサイトで。
SEOボーナスのヒント
製品やサービスをより正確に表すキーワードよりも、あるキーワードの方が月間検索数が多いからといって、コンテンツを「人気のある」ものに基づいて展開する必要があるという意味ではありません。
どんな場合でも精度を犠牲にしないでください。
検索エンジンは関連性と権威を重視し、常に「より革新的」になっています。優れたユーザー エクスペリエンスは、SEO にとってより重要です。
【目次に戻る】
7. 検索機能はありません。
Web サイトに誘導されて、どこに何があるかわからなくてイライラしたことはありませんか?
ナビゲーションバーがうまくいかないことに加えて、訪問者がサイトで特定のコンテンツを検索する方法がないことも、UX にとってかなりの不利な点です。
照明器具を販売していて、サイトの訪問者がペンダントを探しているが、ナビゲーション バーのカテゴリの下に表示されていない場合は、少なくとも検索バーを提供して、探しているものをすばやく見つけられるようにする必要があります。 .
見込み客は、自分の好みに合わないサイトに時間を費やす必要がないことを知っています。ウェブサイトの混乱した性質に悩まされている場合は、Google がキュレートした結果のリストに戻る可能性が高く、潜在的に競合他社の 1 つにビジネスを提供します。
それらを取り戻す方法...
この「してはいけないこと」は、非常に簡単な「すること」で解決できます。
Web サイトの右上隅、またはサイトのフッターに検索バー機能を追加します。
サイトのすべてのページに表示されるようにハードコードされていることを確認し、すべてのデバイスで適切に表示され、機能することを再確認してください。 サイトの検索バーを使用する訪問者は、顧客になる可能性が高いことが証明されています。
これをさらに進めて、検索バーでオートコンプリート機能を有効にすると、訪問者が思いもよらなかった関連製品を提案できます。
そして、あなたのビジネスが多種多様な製品を提供している場合、検索可能な製品カタログの作成に投資する価値は十分にあります。
【目次に戻る】
SEOボーナスのヒント
サイトに検索バー機能を実装することで、サイトの検索クエリを分析で確認できるため、訪問者がユーザー エクスペリエンスを楽しみ、会社にとって貴重な洞察を得ることができます。
これらの検索クエリは、全体的なマーケティングおよび SEO 戦略を継続的に改善するために記録および分析したい貴重なデータです。
さらに、訪問者が結果を提供しないものを入力するたびに、将来的に最適化できるユーザーの行動に関する貴重な情報が得られます.
8. あなたのウェブサイトは訪問者を積極的に引き付けていません。
あなたのウェブサイトは、あなたのビジネスに関する情報を売り込むためだけのものではありません。 インタラクティブで魅力的であることを意図しています。
あなたのサイトへの訪問者は、あなたのチームと直接会ったときの反応とそう遠くない感覚を経験するはずです。
目に見える行動を促すフレーズをページ全体に配置することで、訪問者を定着させ、牽引力を生み出し、訪問者が体験の一部であるかのように感じさせることができます。
コンテンツだけで見込み客の興味を引くことができると考える人もいるかもしれませんが、(驚き、驚き) 訪問者を惹きつけるにはいくらかの努力が必要です。
それらを取り戻す方法...
クリエイティブに！ ビデオ コンテンツは、製品の使用例、クライアントの声、ハウツーなどは言うまでもなく、会社の個性を紹介する優れた方法です。
他の形式のインタラクティブ コンテンツ (アンケート、クイズ、インタラクティブな電子ブックなど) は、訪問者の関心を維持し、より質の高いリードを生成するのに役立ちます。
アイコンやボタンにロールオーバー効果を組み込むだけでも、サイトがよりモダンで魅力的なものになります。
最も重要なことは、見込み客があなたのビジネスとコミュニケーションをとるためのいくつかの方法を常に提供することです!
1 つの例は、チャット ウィンドウ、さらにはチャットボットの提供です。 特に小規模な会社で働いている場合、ライブチャットの監視は困難な場合があり、これをアウトソーシングしても常に成功するとは限りません.
チャットボット (実際の人間のふりをしない限り) は、見込み客を特定のページですばやくエンゲージし、何に興味があるかを尋ね、提示するために選択できるいくつかのオプションを提供するための優れた方法です。特定のコンテンツに誘導したり、会議を設定するためのリンクに誘導したりできます。
すべて指を離すことなく！
ボットは慎重に設計する必要がありますが、今日、マーケティング チームが完璧なカスタム ボットを作成するために活用できるユーザー フレンドリーなツールが数多く市場に出回っています。
見込み客の肯定的な反応のほとんどに驚かれることでしょう。
SEOボーナスのヒント
繰り返しになりますが、ユーザー エクスペリエンスは、Google が Web サイトを解釈する方法に大きな影響を与えます。
ページに費やされた時間は、検索エンジンがこれを評価するために使用する指標の 1 つです。 そして、訪問者を惹きつけようと努力すればするほど、訪問者はあなたの Web サイトに費やす時間が長くなります。
さらに、彼らは戻ってくる可能性が高くなります！
【目次に戻る】
9. 連絡先情報が見つからない、または見つけにくい。
これは簡単なことのように思えるかもしれませんが、Web サイトで連絡先情報を提供していない B2B 企業の数に驚かれることでしょう。
実際、私たちのチームが工業製造業の Web サイトで最近実施した調査では、それらの 38% に専用のお問い合わせページがないことがわかりました。
訪問者に連絡してもらいたいですよね？
ウェブサイトの上隅に電話番号を掲載しているかもしれません。
連絡先ページにつながるフッター リンクがあるかもしれません。
ひょっとすると、訪問者はさまざまな方法であなたに連絡したいと思うかもしれません。
それらを取り戻す方法...
あなたの訪問者のために利用できるようにしてください。 質問がある場合は、それに答える方法があることを確認する必要があります。
いくつかのオプションには、24 時間対応のメール、連絡フォーム、電話番号、ライブ チャット、専門家に聞くページ、24 時間の電話サポートなどがあります。
複数の方法で訪問者をサポートするだけで、信頼性、応答性、および優れたカスタマー サポートを提供したいという願望を訪問者に安心させることができます。
これにより、取引が成立または成立しない場合があります。 オンラインでビジネスに連絡する方法を考えてみてください。おそらく、あなたのサイトのユニークなアイデアを思いつくでしょう!
SEOボーナスのヒント
ローカル SEO に関しては、会社名、住所、電話番号 (NAP) がすべての Web サイト ページ、ヘッダー、フッターで一貫していることを確認してください。
住所情報に構造化データ マークアップを実装することをおすすめします。
これにより、リストに表示する正しい情報を正確に抽出できます。
続きを読む: ローカル SEO チェックリスト: Google 検索に表示する方法.
【目次に戻る】
ボーナス: ウェブサイトのアクセシビリティ
あなたのウェブサイトを完全に体験することから人口の割合を除外していますか?
視覚障害者、聴覚障害者、または身体障害者がサイトをナビゲートできますか?
アクセシビリティは物理的な宿泊施設だけに適用されるものではありません。たとえば、ビジネスの場所へのスロープを確保するなど、ウェブサイトにも適用されます。
の 障害を持つアメリカ人法 (ADA) は、公共部門のビジネス Web サイトを公共の宿泊施設と見なしています。
「ADA の文言は明示的にインターネットに言及していませんが、部門は、タイトル III が公共施設の Web サイトへのアクセスをカバーしているという立場をとっています。部門は、公的機関の Web サイトに適用される ADA に関するガイダンスを発行しました。これには、Web サイトのアクセシビリティに関する標準の利用可能性が含まれます。」
ADA では、公共部門のビジネスを 15 人以上の従業員がいると明示的に定義していますが、会社の従業員数が 15 人以上かどうかは問題ではありません。 私たちは皆、インターネットをすべての人にとって包括的な場所にするために自分たちの役割を果たすことができます.
ウェブサイトをアクセシブルにすることはどういう意味ですか?
まず、障害を持つ人々が Web サイトをどのようにナビゲートするかを理解することから始めます。 ニーズや好みに応じて、さまざまな方法があります。 特殊なソフトウェアとハードウェアの使用から、標準のソフトウェアとハードウェアの構成まで、さまざまです。
たとえば、視覚障害を持つ多くの人は、VoiceOver、NVDA、JAWS などの音声リーダーを使用しています。 コンテンツをナビゲートする方法は次のとおりです。
ウェブサイトをアクセシブルにするということは、これらのツールやそれらを使用する人々がサイトを簡単にナビゲートできるようにすることを意味します。
Web アクセシビリティのベスト プラクティス
この基本原則のリストは、 WebAIM のアクセシブル デザインの原則。
1. 思慮深い ALT テキストを使用します。
画像など、テキスト以外のコンテンツには代替テキストを使用します。 スクリーン リーダーを使用しているユーザーにとって、Web サイトのコンテンツを読み上げてくれると便利です。
2. 適切な Web ページ構造を提供します。
見出し、リスト、およびその他の構造要素は、ページに意味と構造を提供し、キーボード ナビゲーションを容易にします。
3. データ テーブルのヘッダーを提供します。
表形式のデータを編成するテーブルには、適切なテーブル ヘッダー (<th>) が必要です。 データ セルは適切なヘッダーに関連付ける必要があります。これにより、スクリーン リーダーのユーザーがデータ テーブルを簡単にナビゲートして理解できるようになります。
4. ユーザーがすべてのフォームに入力して送信できることを確認します。
すべてのフォーム要素 (テキスト フィールド、チェックボックス、ドロップダウン リストなど) にはラベルが必要であり、<label> 要素を使用してブランドが正しいフォーム要素に関連付けられていることを確認してください。 また、ユーザーがフォームを送信し、すべての必須フィールドに入力できないなどのエラーから回復できることを確認してください。
5. リンクが文脈から外れていないことを確認します。
リンクテキストがそれ自体で読まれる場合、すべてのリンクは意味をなすはずです。 スクリーン リーダーのユーザーは、Web ページ上のリンクのみを読むことを選択できます。 「ここをクリック」や「詳細」などの特定のフレーズはあいまいすぎます。
6. メディアのキャプションとトランスクリプトを提供します。
ビデオとライブ オーディオにキャプションとトランスクリプトを提供します。
7. 非 HTML コンテンツのアクセシビリティを確保します。
ダウンロード可能なオファーなどの PDF ドキュメントには、スクリーン リーダーを使用しているユーザーがアクセスしやすいようにタグを含める必要があります。
8. ユーザーが繰り返し要素をスキップできるようにします。
ページの上部に「メイン コンテンツにスキップ」または「ナビゲーションをスキップ」リンクを提供します。これにより、ページのメイン コンテンツにジャンプします。
9. 意味を伝えるために色だけに頼らないでください。
色を使用すると理解が深まりますが、情報を伝えるために色だけを使用しないでください。 その情報は、色盲の人には利用できない可能性があり、スクリーン リーダーのユーザーには利用できません。
10. 内容が明確に書かれており、読みやすいことを確認してください。
コンテンツにはタイプミスがなく、正しい句読点が含まれている必要があります。 つづりと文法は常に校正してください。
11. JavaScript をアクセス可能にします。
JavaScript イベント ハンドラーがデバイスに依存しない (マウスを使用する必要がない) ことを確認し、ページが機能するために JavaScript に依存していないことを確認します。
12. 標準に合わせた設計。
HTML に準拠したアクセス可能なページはより堅牢で、検索エンジンの最適化が向上します。 カスケード スタイル シート (CSS) を使用すると、コンテンツをプレゼンテーションから分離できます。 これにより、コンテンツへの柔軟性とアクセシビリティが向上します。
このリストにはすべてのアクセシビリティの問題が含まれているわけではありませんが、堅牢なガイドは次の場所にあります。 WCAG 2.0 の Web コンテンツ アクセシビリティ ガイドライン。
HubSpot ユーザーの場合は、HubSpot デザイナーに関する追加情報を見つけることができます。
HubSpot も書いています このブログ アクセシビリティの 4 つの原則について詳しく説明しています。
アクセシブルな Web サイトが一般的になるのも時間の問題です。 Webアクセシビリティを強化するために、法律はゆっくりと更新されています。
次回の Web サイトの変更に注意して、World Wide Web にアクセスできるようにします。
また、 アクセス可能なコンテンツと SEO の重複 多くの点で、あなたはあなたのウェブサイトに大きな恩恵をもたらします!
【目次に戻る】
最終的な考え
組織のマーケティング チームは、Web サイトの関連性と価値を維持するために多くの作業を行う必要がありますが、Web サイトが効果的に機能するように、これらのヒントを提供しました。
Web サイトは、現代のビジネスに必要なだけではありません。 これは、販売を促進し、競合他社との差別化を図るツールです。
あなたの会社は、製品とサービスを提供するために懸命に働いています。
これらの戦術を使用して、トラフィックを増やし、訪問者を引き付け、組織の提供物について実り多い会話を刺激することができます。
PMG は、チームの SEO に関するアドバイスとサポートを喜んで提供します。 サービスについてご不明な点がございましたら、お気軽にお問い合わせください。 いつでもお手伝いいたします。