レスポンシブウェブデザイン最適化(UXデザイン)のためのモバイルビュー+モバイルフレンドリーテスト | Pagup
レスポンシブウェブデザイン最適化(UXデザイン)のためのモバイルビュー+モバイルフレンドリーテスト

レスポンシブウェブデザイン最適化(UXデザイン)のためのモバイルビュー+モバイルフレンドリーテスト | Pagup

説明

モバイルがインターネットトラフィックの使用を支配している時代では、モバイル対応のWebサイトを取得して、Webサイトがモバイル対応の基準を満たしていることを確認することは理にかなっています。モバイルフレンドリーはオンラインでの成功を決定する重要な要素であるため、ウェブサイトがユーザーと検索エンジンのモバイルフレンドリーテストに合格していることを確認することが重要です。
知っておくべきこと:

Webトラフィックのモバイルシェアは年間30%増加しており、この増加のほとんどは発展途上国(Hootsuite)で発生しています。
現在、すべての検索の半分以上がモバイル経由で行われており、その数は増え続けています(検索エンジンランド)。
すべてのインターネットトラフィックの57.3%は、モバイルデバイス/タブレットからのものです。 42.7%はデスクトップ(Stat Counter)からのものです。
デスクトップのみを使用する米国のユーザーの数は減少しています。その数は2015年の2500万から2017年には1800万に減少しました。2021年までに1100万に減少するはずです(Wiredseo)。
それどころか、モバイルインターネットユーザーの数は過去2年間で28%増加し、2017年には米国で4,100万人に達しました(eMarketer)。

簡単な概要:

MOBILOOK(モバイルビュー)について。このプラグインはGoogleDEVTOOLの拡張機能であり、モバイルでさまざまな形式(Apple、Samsung、Googleデバイス)(折りたたみ式スクリーンフォンを含む)で、ページ、記事、または製品の視覚的なレスポンシブデザインを即座に確認できます。サムスンギャラクシーフォールドとPROバージョンのように)。
インストールすると、MOBILOOK(モバイルビュー)が各ページに展開されます。 WordPressコンテンツエディターのすぐ下にセクションが表示されます。コンテンツが公開されると、定義した形式に従ってモバイルでのレンダリングがすぐに表示されます。
携帯電話でサイトがどのように表示されるかを確認して、電話、タブレット、その他のメディア(レスポンシブ)に適しているかどうかを確認する必要がなくなりました。
プロの機能
MOBILOOK PRO(モバイルビュー)はいくつかの機能を提供します:

WooCommerceによって生成されたページのプラグインをオンラインショップでアクティブ化すると、製品ページのデザインがレスポンシブであるかどうかをすぐに確認できます。
追加フォーマットのアクティブ化– PROバージョンでは、折りたたみ式スクリーン電話(DualScreen)の場合でも、モバイル/タブレットフォーマットの多数のリスト(15)にアクセスできます。
3つの非常に便利な機能のアクティブ化

LinkedIn Post Inspectorを使用すると、LinkedInのボットによってページをクロールして、最新のOpenGraphを生成できます。

Google Mobile-Friendly Test Toolを使用すると、ページをGoogleで分析して、有効性のすべての基準を満たしているかどうかを確認できます。

モバイルSEO(モバイルでウェブサイトをズーム)–この機能は、すべてのページに最適化されたビューポートメタタグを追加し、ユーザーがモバイルブラウザーでズーム許可を取得できるようにします。

利用可能なデバイスフォーマット(モバイルビュー)

サムスンギャラクシーS9 = 360 x 740
iPhone 6/7/8 = 375 x 667
Google Pixel 2 = 441 x 731
Samsung Galaxy FOLD(Dualscreen – Exp)= 585 x 668
iPhone 6/7/8 plus = 414 x 736
サムスンギャラクシーS8プラス= 360 x 740
iPhone XS Max = 414 x 896
Google Pixel 3 XL = 411 x 823
サムスンギャラクシーS8 = 360 x 740
サムスンギャラクシーノート9 = 414 x 846
iPhone X = 375 x 812
Ipad = 768 x 1024
Ipad PRO = 1024 x 1366
iPhone 5 / SE = 320 x 568
Galaxy S5 = 360 x 640

あなたが日常的にインターネットマーケティングをするとき、あなたは物事をスピードアップするために少しのトリックを学ばなければなりません。
LinkedIn Post Inspectorとは何ですか? LinkedInでWebサイトのリンクを共有し、誤ったリンクプレビューのタイトル、

説明

、または画像が表示されましたか?それは正常です!基本的に、WordPressからリンクを共有すると、LinkedInボットは画像やその他のコンテンツ情報を取得します。 LinkedInは通常、ユーザーとページが共有するすべてのURLを取得し、注目の画像、タイトル、

説明

を表示します。
ただし、新しいページを作成してLinkedInに直接投稿する(または既存のページのコンテンツを変更する)場合、LinkedInは常にメタデータ(画像のプレビュー、タイトル、

説明

)を表示できるとは限らず、レンダリングは理想的ではありません。 (多くの場合、「注目の画像」は表示されません)。コンテンツが公開されると、各ページで利用できる機能を使用して、LinkedIn Post InspectorでURL​​をクロールし、ソーシャルメディアで完璧に見えるように最新のOpenGraphを生成できます。
Googleモバイルフレンドリーテストツールとは何ですか?このツールは、Google DEVTOOLと比較して、モバイルユーザーがページをどのように見るかではなく、Googlebot(Googleスパイダー)がどのようにページを見るかを実際に示します。フィードバックはSEOの目的にも使用できるため、それ自体が非常に役立ちます。ウェブサイトがテストに合格すると、「素晴らしい!」という緑色のメッセージが表示されます。このページはモバイルフレンドリーです。」合格しなかった場合、メッセージは赤になり、「モバイルフレンドリーではありません」と表示されます。
ウェブサイトがモバイルテストに合格しなかった場合は、コンテンツが画面よりも広い、リンクが近すぎるなど、失敗した理由も表示されます。これは、Googleがあなたのページをモバイルフレンドリーと見なすかどうかを示すツールです。この機能(各ページで利用可能)を使用すると、コンテンツが公開された後、GoogleがURLを分析することができます。
レスポンシブサイトとは何ですか?
レスポンシブウェブデザインとは、モバイルでもデスクトップでも、あらゆるデバイスとあらゆる画面サイズで適切に機能するウェブサイトを構築することです。レスポンシブウェブデザインは、直感的で満足のいく体験をすべての人に提供することに重点を置いています。
近年、Googleはすべてのウェブサイトがモバイルフレンドリーであることを保証することをますます推進しています。これは、モバイル検索が2009年以降一貫して増加しており、2018年にはデスクトップ検索を最終的に上回ったためです(2018年には、世界のWebトラフィックの52.2%が携帯電話からのものでした)。
なぜSEOにとって重要なのですか?
2015年4月以降、Googleはモバイルフレンドリーなウェブサイトへの報酬と、検索ランキングでモバイルフレンドリーではなかったサイトへのペナルティを正式に開始しました。 Blue Coronaの調査によると、2015年の更新前にモバイル対応プラットフォームに切り替えなかったWebサイトは、50%以上のトラフィック削減ペナルティに見舞われました。このペナルティは、GoogleがSEOランキングを落としたため、これらのWebサイトを表示およびクリックする人が少なくなったために発生しました。
同じ調査によると、2015年には、Googleの最初のページにあるウェブサイトの70%がモバイルデバイスの表示用に最適化されていました。モバイルフレンドリーな最初のページの検索結果の70%のうち、コンバージョン率は切り替え後に急上昇する傾向がありました。
PS:Pagupは、洞察とSEOパフォーマンスのために、Googleプラグインによるサイトキットを推奨しています。

インストール

手動で

インストール

すべてのファイルを/ wp-content / plugins / mobilookディレクトリに解凍します
WordPress管理者にログインし、「プラグイン」メニューから「MOBILOOK」プラグインをアクティブ化します
左側のメニューの[設定]> [Mobilook]に移動して、作業を開始します。

プラグインの作者

Pagup

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/mobilook/
レスポンシブウェブデザイン最適化(UXデザイン)のためのモバイルビュー+モバイルフレンドリーテストプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す