私たちは長い間、 モバイルフレンドリーなウェブサイトを作成する ユーザーエクスペリエンスの向上とSEO対策の改善に役立ちます。しかしながら、モバイルフレンドリーとは、モバイルデバイスで閲覧した際にウェブページが適切にサイズ表示されることを指す場合が多いです。
モバイルフレンドリーとは、あらゆるデバイスに対応しているというだけではありません。モバイルフレンドリーなコンテンツを作成することも重要です。
顧客に理想的なエクスペリエンスを提供するために、マーケティング担当者はモバイル フレンドリー化を包括的な取り組みとして捉える必要があります。つまり、顧客が Web サイトにアクセスしたときに得られる全体的なエクスペリエンスに重点を置く必要があります。
モバイル コンテンツの取り組みを強化するために、顧客を引き付け、コンバージョンを促すモバイル対応コンテンツを開発するためのヒントをまとめました。
1. 強力な紹介文を作成する
携帯電話はデスクトップの携帯電話よりもはるかに小さいです。
メッセージを伝えるために利用できるスペースが少ないため、モバイル訪問者に提示する最初の情報を考慮する必要があります。
多くの場合、モバイルユーザーは最大でも数段落しか閲覧できず、それ以上の情報を得るにはスクロールダウンする必要があります。そのため、ウェブページの導入部では、読者の興味を引きつけ、さらに読み進めたいと思わせる最も魅力的な情報を伝えることが重要です。
訪問者の支出 3分以内 平均的にはウェブサイト上で。
不要な情報を避け、要点を簡潔にまとめた効果的な導入部を作成しましょう。トピックに最も関連性の高い情報を最初に提供することで、訪問者にとってすぐに価値のある情報を提供できます。
2. コンテンツを短い段落に分割する
デスクトップでは、長い段落で読者の注意を引くのは難しい場合があります。画面が小さいスマートフォンでは、さらに難しくなります。
Jon Ziomek氏の1-2-3-4-5アプローチを採用すれば、スクロールせずにコンテンツを読み進めることができます。Ziomek氏は、段落には1つのアイデアを2～3文で表現し、ページ全体で4～5行以内に収めることを推奨しています。
ジオメック氏は、6行になると段落の長さが1インチ（約2.5cm）以上になり、ほとんどの読者にとって長すぎると指摘しています。また、モバイルフレンドリーなコンテンツを開発する際には特にこれが当てはまると述べています。
「Yahoo!スタイルガイド」では、可能な限り段落を短くすることを推奨しています。2～3文で十分な場合が多く、段落は1つか2つのアイデアに抑えることが推奨されています。
3. ユーザーがコンテンツをどのように消費するかを考える
ユーザーがデスクトップでコンテンツを利用する方法は、モバイル デバイスとは異なります。 アイトラッキング 調査によると、Web ページの訪問者はさまざまなパターンでサイトや携帯電話の画面をスキャンしており、コンテンツを開発する際にはこれらすべてを考慮する必要があります。
これらのパターンには次のものが含まれます。
- バイパスパターン: 複数行のテキストが同じ単語で始まる場合、行の最初の単語をスキップします。
- コミットメントパターン: ウェブページ上のすべての単語を読み上げますが、調査によるとこれは一般的なパターンではないことが分かっています。
- レイヤーケーキパターン: 見出しと小見出しをスキャンし、その間の通常のテキストをスキップします。
- マーキングパターン: ページをスクロールしながら、一箇所に焦点を合わせます。これはデスクトップよりもモバイルでよく見られます。
- 斑点模様: 長いテキストブロックを飛ばし、特定の何かを探します。これは、リンク、行動喚起（CTA）、画像などを探すことを意味する場合があります。
4. 要約やハイライトを提供する
モバイルユーザーの注意力は限られていることが多く、関連情報がすぐに表示されることを好みます。
これを実現する一つの方法は、コンテンツの残りの部分の前に要約を提供することです。要約では、これから述べるコンテンツの重要なポイントを強調する必要があります。
要約を書くことで、読者が求めている情報を Web ページの上部に提供するだけでなく、リンクやソーシャル シェアを獲得できるコンテンツを強調表示することもできます。
5. 不要な言葉を排除する
デスクトップ用またはモバイル用のどちらのコンテンツを作成する場合でも、コンテンツをシンプルかつわかりやすいものにすることがベスト プラクティスです。
実際には、 Yoast SEO Plugin Flesch Reading Ease 式を活用して、WordPress プラットフォームで作成された投稿の読みやすさを判定します。Flesch Reading Ease 式は、テキストの読みやすさを測定します。
テキストのスコアを決定するために、式は次の点を考慮します。
- 文章の平均的な長さ（単語数で測定）。
- 単語あたりの平均音節数。
このテストは、モバイルフレンドリーなコンテンツの作成にも適用できます。
Flesch Reading Ease テストで上位ランクを獲得するには、コンテンツを作成するときに次の点を考慮してください。
- 文を短くしましょう: 長すぎて混乱を招き、理解しにくい文章は避けてください。
- 難しい言葉の使用は避けてください。 4 音節以上の単語は理解するのが難しいとみなされます。
- 不要な修飾語と限定語を削除します。 「埋め草」や「無駄な」コンテンツを排除します。
- 同じことを繰り返さないでください。 同じ概念を説明する類似の単語やフレーズの使用など、冗長性を避けてください。
- 過剰な詳細は提供しないでください。 伝えようとしているメッセージを過度に説明したり複雑にしたりしないでください。
6. 画像/動画を追加する
画像または動画 テキストを分割して、コンテンツをより簡単に理解できるようにします。
必要に応じて、コンテンツ全体に補足画像を追加してください。これにより、テキスト間の区切りが明確になるだけでなく、視覚的な要素も加わります。
研究によると、映像は処理される 最大600倍高速 つまり、テキストのみではなくビジュアルを通じて読者がコンテンツをよりよく理解できるようにすることができます。
動画はコンテンツを強化することもできます。実際、 54% 消費者の 1 人は、自分が応援している企業の動画コンテンツをもっと見たいと考えています。
動画や画像により、リッチ検索結果に表示される機会も増えます。
7. コントラストの高い色を使う
読者を増やすには、コンテンツが読みやすくなければなりません。
例えば、モバイルデバイスでの読みやすさを維持するには、フォントサイズを32ポイント以上にする必要があります。また、情報の見やすさとアクセシビリティを向上させるために、高コントラストの色を使用することもできます。
黒い背景に白い文字など、コントラストの高い色を使用すると読みやすくなります。一方、白い背景に黄色の文字など、コントラストの低い色を使用すると読みにくくなります。
コントラスト不足は、特に色覚異常のある人にとって問題となる可能性があります。なぜなら、赤と緑など特定の色を区別できないからです。コントラスト感度の低下は、加齢とともにより顕著になります。
高コントラストの色を活用すると、より幅広い読者にとってテキストがより効果的になります。
8. タイトルは短くする
タイトルは、読者がこれから読むコンテンツに最初に触れるものです。また、ウェブページのタイトルが検索結果にどのように表示されるかにも影響します。
数年前、Googleはモバイル端末の タイトルタグ 約78文字まで。モバイルタイトルは2行で表示することもできます。
これら 2 つの要素にもかかわらず、検索の専門家は、ページ タイトルは短く簡潔であるべきであり、モバイル検索結果では 1 行で表示されるべきだという点で一致しています。
これを実現するには、タイトルを6語以内、または約70文字以内に抑え、簡潔で分かりやすいものにしましょう。タイトルが短ければ短いほど、読者が理解しなければならない情報が少なくなります。
さらに、検索ランキングと発見可能性を向上させるには、タイトルの冒頭に焦点となるキーワードを含める必要があります。
9. CTAを戦略的に配置する
外出中の読者向けのコピーを書く際は、彼らの注意を引く機会が限られていることを念頭に置いてください。モバイルユーザーは必要な情報をすぐに見つけられることを期待しています。
サイトの閲覧後数秒以内に次のアクションを提示できない場合は、コンバージョンの機会を逃してしまいます。
読者が販売ファネルを通じてより効果的にサポートできるよう、CTA をウェブサイトの上部中央に配置します。
ウェブサイト上の CTA を視覚的に際立たせて明確にすればするほど、最終目標を達成できる可能性が高まります。
これは特にモバイルに当てはまります。モバイルでは、主な目的を共有するためのスペースが少ないからです。
10. 公開をクリックする前にプレビューする
公開する前にコンテンツをプレビューすることがベストプラクティスです。
しかし、私たちはコンテンツがモバイル デバイスではなくデスクトップ上でどのように表示されるかに重点を置くことがよくあります。
これにより編集プロセスに手順が追加されますが、モバイル上でコンテンツがどのように表示されるか正確にプレビューすることで、公開前にエラーを防ぐことができます。
モバイル リーダーの視点からコンテンツがどのように表示されるかを確認し、次の点について検討する機会を特定します。
- 段落を分割したほうがよいでしょう。
- 関連する小見出しを追加します。
- サポート画像を追加する必要がある領域を特定します。
- どこに空白を追加する必要があるかなどを確認します。
モバイルで 2 回目のチェックを行うと、コンテンツに誤りがあり、訪問者がブランドの信頼性や権威を低く評価してしまうようなミスのあるコンテンツを公開してしまうことも防げます。
モバイルフレンドリーなコンテンツを一から構築する場合でも、既存のコンテンツを改訂する場合でも、上記のヒントを念頭に置いて、コンバージョンの可能性を高め、カスタマージャーニーを改善してください。
高品質のコンテンツにより、メッセージを伝達し、顧客を教育し、競合他社と関わるのではなく、自社の製品やサービスを購入するよう説得することができます。
あらゆるデバイスで戦略的かつ適切に実行されたコンテンツを提供し、競争の激しい市場で一歩先んじましょう。
___
by チェルシー・アウベス
ソース： SEJ
