WordPressをモバイルフレンドリーにするためのヒント

ハンドヘルドデバイスを使って読書を追いかけたり、オンラインで何かを検索したりするのはよくあることです. 1つのレポートの見積もり 検索の60%はモバイルデバイスから開始されています。ターゲットオーディエンスが絶えず移動しているこの人口の一部である場合、あなたは本当に選択肢がありません–あなたのウェブサイトが携帯電話で見栄えよく機能することを確認する必要があります。この投稿では、WordPressウェブサイトをモバイルフレンドリーにするためにできることをいくつか見ていきましょう。.


モバイルフレンドリーなWebサイトは、通常のWebサイトの小さなバージョンのように見えます。この外観を実現するには、ウェブサイトのすべての要素を最適化して、画面のサイズに対応する必要があります。また、トラフィックを引き付けて維持するには、特にモバイルでウェブサイトの読み込みを高速化する必要があります。.

WordPressウェブサイトをモバイルフレンドリーにする

Googlebotは、ウェブページがモバイルフレンドリーかどうかをチェックしながら、さまざまな側面を調べます。,

  • ページに含まれる広告が多すぎるか、FlashやJavaなどのモバイルデバイスに適さないソフトウェアか.
  • コンテンツのサイズが画面まで下がっており、ズームや水平スクロールなしでテキストが読みやすい場合.
  • 簡単にタップできるようにリンクが明確に離れているかどうか.

ワードプレスのウェブサイトをモバイルフレンドリーにする理由?

WordPressウェブサイトをモバイルフレンドリーにすることは、携帯電話の爆発的な増加、ネットワーク接続の改善、公共の場所でのwifiへのアクセスの当然の結果です。より説得力のある理由は,

  • 検索エンジンはモバイルフレンドリーを ランキング要因. モバイルの使いやすさは、ページごとに決定されます。つまり、ウェブサイトのモバイル対応エリアは検索結果で上位にランクされ、残りのコンテンツは下位にランクされます.
  • 閲覧しにくいウェブページでは、直帰率が高くなり、サイトのSEOに悪影響を及ぼす可能性があります。対照的に、モバイルフレンドリーなウェブページは、サイトの速度とSEOの向上につながります。.
  • ウェブページをモバイルフレンドリーにすることは、多くの場合、きれいなグリッドとレイアウト、そして場合によっては1つのユニバーサルURLと1つのコードベースがあることを意味します.
  • モバイル対応がブランドの強化と販売を向上.

WordPressウェブサイトをモバイルフレンドリーにする方法

最近では、Totalなどの最新のWordPressテーマは反応が良く、どのデバイスでもWebサイトを表示できます。しかし、あなたは多くのことをすることができます モバイル向けにウェブサイトを最適化する, レスポンシブテーマの使用に加えて.

1.モバイルファーストのアプローチ

現在のデジタルシナリオでは、モバイルフレンドリーであることの重要性を強調しすぎることはありません。アメリカ合衆国で, 携帯電話のデジタルメディア時間は51%と長くなっています デスクトップと比較して42%。このタップアンドスワイプのオーディエンスにリーチするために、ウェブサイトの所有者は既存のウェブサイトのデザインを複数の画面サイズに最適化しているだけではありません。彼らは一歩先を行き、モバイルファーストのアプローチを採用しています.

モバイルファーストのアプローチでは、特にモバイル向けのUXデザインを作成し、画面サイズを小さくするためにコンテンツ戦略を優先します。モバイル用の既存の通常のデスクトップWebサイトを単に最適化するだけではありません.

モバイルファーストにするもう1つの重要な理由は、2016年11月にモバイルファーストインデックスに徐々に移行するというGoogleの発表です。このインデックス作成方法では、Googleがデスクトップページの前に、まずサイトのモバイルページのインデックス作成を確認します。のサイトを選択しながら モバイルファーストインデックス, Googleは「分類子」を使用して、サイトがモバイルファーストインデックスにどれだけ対応できるかを調べます。分類子は、コンテンツ、リンク、スキーマ、マルチメディアなどに関して、デスクトップサイトがモバイルサイトとどの程度等しいか、同等かを決定します。実際、10月に 観客に示唆されたグーグルからのゲイリーイリーズ ニューヨーク市でのSMXイースト会議で、いくつかのサイトがすでにモバイルインデックスリストに登録されており、さらに多くのサイトがフォローする予定です。.

2.画像​​を最適化する

通常、画像ファイルはバイトが多くなります。テキストやHTMLなどの他のリソースよりも読み込みが遅くなります。ウェブサイトをモバイルフレンドリーにするには、小さな画面に合わせて画像を最適化する必要があります。バージョン4.4以降のWordPress これを処理します, ただし、WordPressプラグインを使用して画像をさらに最適化することもできます.

画像の最適化にはさらに多くのことができますが、常に画像の最適化にはユーザーエクスペリエンス、視覚的な魅力、ページのパフォーマンスのバランスが必要であることを忘れないでください。まず、価値のない画像を削除します。次に、画像をアップロードする前でも、画像をより小さなファイルサイズに圧縮して最適化します。 Photoshopを使用している場合は、 Web用に保存 オプション。などのオンラインツール TinyPNG またはプラグインのような WPSmush また、非常に効率的に仕事をすることができます。また、 Githubページ さまざまな圧縮ツールを比較するのに役立ちます。画像最適化の詳細については、画像最適化ガイドを使用してください.

3. Accelerated Mobile Pagesを実装する

WordPress用の高速モバイルページ

Accelerated Mobile Pagesは、モバイルでコンテンツを高速に読み込むためのGoogleのオープンソースイニシアチブです。これにより、サイト運営者はモバイルフレンドリーなコンテンツを一度だけ作成して、モバイルWebのあらゆる場所に瞬時に読み込むことができます。 AMPは実際には 最適化 Googleの要求に応じて、統一された方法でウェブサイトにアクセスします。標準的な範囲の広告フォーマット、広告ネットワーク、テクノロジーが利用可能になります。同時に、速度に影響がない限り、出版社は独自のフォーマットを選択することもできます。 AMPを作成するためのAMPページを作成するための独自のAMP for WordPressチュートリアルがあります。また、 AMPの開始 Googleは、すぐに使えるAMPテンプレートとコンポーネントを使用して、見栄えの良いAMPページを作成するのにも役立ちます.

AMPコンテンツはGoogle検索ですぐに利用でき、Twitter、LinkedIn、Pinterestなどのソーシャルプラットフォームからアクセスできます.

モバイル用のページの特別なフォーマットと配信により、これらのページはモバイルデバイスではるかに高速になります。 AMPページがGoogleから読み込まれるまでの平均読み込み時間は0.5秒未満です。 2017年10月現在、 2,500万のウェブサイトドメインが40億を超えるAMPページを公開しています. AMPにより、ウェブサイトのトラフィックが10%増加し、ページでの滞在時間が2倍になります。 AMPを使用したeコマースウェブサイトでは、AMP以外のページに比べて、コンバージョンが20%増加しました。.

AMPはまだランキング要素ではありません ただし、ユーザーエクスペリエンスに大きな影響を与え、結果としてSEOに影響を与える可能性があります。.

4.全画面ポップアップを避ける

疑いの余地はありません ポップアップが機能する. ただし、ポップアップを使用している間は、常にユーザーエクスペリエンスを最前線に保つ必要があります。コンテキストに関連し、キャッチーな見出しがあり、読者に本当の価値を提供するポップアップは、コンバージョンに優れています。一方で、メインのコンテンツの上に広告を表示するスパム性のあるポップアップを閉じるのは難しいので、訪問者を慌てさせるのに十分です。.

ユーザーがGoogleのページをクリックすると、あなたが持っているコンテンツ モバイル検索で索引付け すぐに利用できる必要があります。または、モバイル検索結果で上位にランクされない場合があります(2017年1月以降)。 Cookieや年齢確認などの法的義務に応じたポップアップ、またはロックインされたコンテンツへのアクセスを許可するログインダイアログのポップアップは、Googleでは問題ありません。画面のスペースが最小限で、簡単に閉じることができる広告の場合も同じです.

逆に、訪問者が検索からページに到達するとすぐに表示されるポップアップ、メインコンテンツをカバーするポップアップ、または訪問者が閲覧しているときに表示されるポップアップは、Googleに好意を示しません。ユーザーがメインコンテンツにアクセスする前に閉じる必要があるスタンドアロンインタースティシャルのDitto.

携帯電話のポップアップに関して従うべき他の良い習慣には、フルスクリーンのポップアップを回避すること、またはモバイルサイトにアコーディオンや拡張可能なボックスなどの拡張可能なコンテンツを含めることが含まれます。バナー、インライン、スライドインなどの小さなメッセージを使用するか、コンテンツをタブの後ろに隠します.

GoogleのJohn Muellerは、検索のクリックとコンテンツへのアクセスの間に表示されるインタースティシャルは、ランキングに悪影響を与えるとアドバイスしています。その結果、ページからページに移動したり、インテントポップアップを終了したりしても、ランキングは影響を受けません。.

5.モバイルアプリの作成を検討する

WordPressモバイル対応

モバイルアプリは、電話や時計などのモバイルデバイスで実行されるコンピュータープログラムです。たとえば、Amazonにはショッピングアプリがあります。 アレクサ. アプリが利用可能になり、ユーティリティ、生産性、ナビゲーション、エンターテインメント、スポーツ、フィットネスなど、あらゆるものをダウンロードできるようになりました。 Facebookは最もダウンロードされたアプリで、 1億4000万 毎月のアプリのダウンロード.

多くのWebサイトには、モバイルWebサイトとモバイルアプリの両方があります。アプリは、特定の情報をわかりやすい形式で提供します。直感的に使用でき、より多くのインタラクティブ機能を提供します。今日、支払いを含むeコマース活動の多くは、モバイルを介して取引されています。そのため、モバイルアプリは今後も増え続けます。最良の部分は、WordPressウェブサイトをアプリにしたり、小規模ビジネス向けのアプリを作成したりするのが簡単なことです。.

モバイルアプリは、ユーザーが自分の電話から直接タップできるようにすることでトラフィックを増やします。ユーザーは数回のクリックで瞬時にあなたにアクセスできます。アプリは、より多くの顧客にリーチし、ソーシャルネットワークと統合するのに役立ちます。アプリを使用して定期的に製品リストを更新し、割引やオファーを行うことができます。または、アプリへのアクセスと可視性の向上のためにパートナーのウェブサイトと連携します.

まとめ

ウェブサイトをモバイルフレンドリーにするためのすべての最適化を実行した後、それをテストすることを忘れないでください PageSpeed Insights. の Googleモバイルフレンドリーテスト また、URLごとにWebサイトをテストします.

この投稿のヒントは、完全なものではありません。多数の最適化WordPressプラグインと、モバイルでのWebサイトの改善に役立つその他のガイドがあります。追加したいことがあれば、または私たちに質問がある場合は、以下のコメントで共有してください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me