Yandexでモバイル版を確認してください。 モバイル最適化チェッカー。 Google検索コンソール。 インタラクティブな要素が近すぎます

そのようなことがあります、グーグルはすぐに（噂によると-2015年4月21日から）グーグルウェブマスターのチェックに合格しなかった非常に貧弱なサイトをランク付けし始めます モバイルデバイスおお。

正確には明らかではありませんが、サイトがモバイルユーザーに表示された場合、またはPCからログインしたユーザーにさえ表示された場合にのみ問題が発生しますか？つまり、別の問題が発生しますか？

本質的に、これは、モバイルトラフィックの半分または大部分を占めるサイトではほとんど変わりません。 したがって、できるだけ早く試験に合格することをお勧めします。

これを行う方法を説明します。

前	後

• 最初の作品、追加のジェスチャーなしで問題を解決するのに役立ちました。

robots.txtに行を追加します:
許可：/ wp-content / themes / Template_Name / style.css

（スタイル付きのファイルが別のアドレスにある場合は登録します。スタイル付きのファイルが複数ある場合は、ファイルごとに行を挿入します。）

• 二次モーメント「インタラクティブな要素が互いに近すぎます」というメッセージが表示された場合。 google.com/webmasters/tools/mobile-friendlyで表示されます。
  スタイルでは、必要なクラスがリンクとボタンに対してより多くのインデントを規定しているだけです。 5px以上のマージンまたはパディングを取得します。

  時々Adsenseブロックはそのような問題を引き起こすことができます。 おそらく、より大きなブロックを挿入するか、より大きなフォントを挿入する必要があります。

P.S. 最初は、プライマリーはあなたによって行われたと思います。

サイトバージョンは、開発者の気まぐれの可能性、追加の費用（または請負業者について言えば収益）、およびリソースの訪問者に対する懸念の表明であるだけではありません。 Googleの担当者からの最新の声明によると、レスポンシブデザインの要件を満たしていないサイトは、モバイル検索で悲観的になります。 国内の検索エンジンYandexはまた、「モバイルであることの重要性」に関する推奨事項を発表し、モバイルデバイスのユーザーの便宜のために、検索結果にモバイルバージョンをマークし、アダプティブページを優先することを保証しました。

そのため、開発者は必然的にサイトをスマートフォンに適合させ、リソース表示の保守性を確認する必要があります。 そうしないと、GoogleとYandexの新しいアルゴリズムがすでに有効になっているため、近い将来、トラフィックのかなりの部分が失われ、潜在的な顧客が失われることが予想されます。 サイトのモバイル版を確認できます 違う方法：開発者モードに切り替えるときにブラウザを変更するか、モバイルデバイスエミュレータまたはWebサービスを使用します。

モバイルデバイス向けのWebサイトの使いやすさ

モバイルデバイスへの適応性は、さまざまなパラメータに従って評価されます。 サイトのモバイル版を正しく表示するだけでなく、他の要素を考慮することも重要です。

• アニメーションの欠如、「重い」デザインと写真。
• リソースの読み込み速度（最小にする必要があります）;
• 水平スクロールの必要はありません。
• SilverlightプラグインとJavaアプレットの欠如。
• シンプルなサイトナビゲーション。
• コードにはビューポートメタタグが含まれています。

上記の条件が満たされている場合、最も一般的な検索エンジンのアルゴリズムは、Webページをモバイルデバイスに適していると認識し、適応されていないリソースに関連して検索結果でのサイトの位置を上げます。

モバイルデバイスでの実際のテスト

最も便利な方法は、実際のスマートフォンでサイトのモバイル版をテストすることです。 この方法では、実際の条件下でのテストが可能になります。 理想的には、複数のデバイスでWebリソースを確認することをお勧めしますが、プロジェクトの予算に最も人気のあるモデルのスマートフォンを複数購入するコストが含まれていない場合は、AndroidまたはAppleデバイスで十分です。

ブラウザウィンドウのサイズ変更

最も単純ですが、検証の観点からは最適ではありませんが、ブラウザウィンドウのサイズを変更することです。 ページがテクノロジーを使用して作成されている場合は、この方法でサイトのモバイルバージョンを確認できます。 ただし、別のデザインが適用される場合、リソースには、ユーザーがスマートフォン、タブレット、またはその他のモバイルデバイスから来たことを明確に示す必要があります。 そう、 こちらですサイトのモバイル版の可用性を確認できます。 ただし、表示の正確さ（技術的な観点から）が評価される可能性はほとんどありません。

ブラウザで開発者モードに切り替える

サイトのモバイルバージョン（GoogleまたはYandex、およびその他）を確認するためのより最適な方法 サーチエンジンランキングに影響を与える最も重要な要素のリストで適応性を強調します）-これは、ブラウザで開発者モードに切り替えることです。 この方法は、複数のブラウザで同様に機能します。

• Mozilla：[開発]メニューから[レスポンシブデザイン]オプションを選択すると、開発者モードに切り替えることができます。 押す Ctrlの組み合わせ+シフト+ M; Web開発者のツールバーの[レスポンシブデザインモード]ボタンをクリックする。
• Chrome：F12キーを押してモバイルモードに切り替え、モバイルバージョンアイコン（表示されるウィンドウの左上隅にあるスマートフォン）を選択します。

Operaでは、Ctrl + Shift + iを押すことで開発者モードに切り替えてモバイルバージョンを確認できますが、別の方法があります。 ブラウザの特別なバージョンであるOperaMobile Classic Emulatorを使用すると、さまざまな方法でモバイルデザインを評価できます。 プログラムのバージョンは、メインのオペレーティングシステム用に存在します。

モバイルデバイスエミュレーター：AndroidStudioおよびAppleXcode

サイトのモバイルバージョン（YandexとGoogle）は、モバイルデバイスエミュレーターを使用して確認できます。モバイルデバイスエミュレーターは、AndroidとAppleの場合、それぞれAndroidStudioまたはAppleXcodeです。

このようなツールは、モバイルデバイスで表示されるように、サイトを非常に正確に再現します。プログラムには、モバイルデバイス用の最も一般的なバージョンのブラウザーがプリインストールされています。 ただし、エミュレーターは、実際の状態で観察できるダウンロード速度やその他のニュアンスを考慮していません。

確認するには、上記のプログラムのいずれかをコンピューターにインストールし、エミュレーターからサイトを開きます。

モバイル設計検証Webサービス

もっとあります 簡単な方法サイトのモバイル版を確認してください。 たとえば、Responsinatorオンラインサービスを使用すると、モバイルデバイスでのリソースの表示の正確さや、ユーザーがサイトを使用する際の利便性を評価できます。 リソースは、6つに表示されるようにサイトを表示します さまざまなデバイス AndroidまたはAppleに基づいており、複数の方向に対応しています。

モバイルデバイスのWebページの最適化を確認する

サイトのモバイルバージョンを確認できるその他のリソースは、適応性をさらに評価し、さまざまなデバイスでサイトがどのように表示されるかを示すだけではありません。 最も評判の良いサービスは、Google MobileFriendlyとYandexWebMaster（Webページのチェック）です。 BingのチェッカーまたはW3Cのモバイルチェッカーも、モバイルデバイスのサイト最適化を評価しています。

オンラインサービスを使用してモバイルデバイス用のサイトのバージョンを評価するときにWebマスターに必要なのは、リソースアドレスを入力し、分析が完了するのを待つことだけです。 上記のサービスのほとんどは、上記のモバイルフレンドリーパラメータの最適化をテストします。

したがって、実際のスマートフォン、タブレット、またはその他のモバイルデバイスでのテスト、Webブラウザーウィンドウのサイズの変更、エミュレーターまたはWebブラウザー開発者モードでのチェックイン、および使用で終了するなど、いくつかの方法でWebリソースの適応性を評価できます。 YandexとGoogleのサービス。 サイトのモバイル版を包括的にチェックすることは非常に簡単であり、これにより、必要な編集を行い、検索結果でのサイトの位置を改善することができます。

こんにちは、親愛なる友人たち！

モバイルガジェットは世界中を席巻しています。 今日、彼らは電話なしでパンを買いに行くことさえしません。

今日、インターネットは急速に発展しています。 急速な市場成長 モバイルインターネット Webリソースの作成者に、このタイプのデバイスにサイトを適合させるように強制します。

私のポイントは、サイトを成功させて人気を博したいのであれば、あらゆる種類のガジェットを簡単に表示できるようにする方法を検討する必要があるということです。

この記事では、特別なサービスを使用してモバイルデバイスでサイトをチェックする方法を説明します。 私はそれらを大まかに2つのグループに分けました：無料と有料です。

それらはすべてほぼ同じ原理で動作します。

1. このサービスまたはそのサービスの開発者のWebサイトにアクセスします
2. 必要なソフトウェアをダウンロードする
3. アプリケーションを実行する
4. そしてしばらくすると、あなたのウェブサイトのモバイル版があなたの目の前にあります！

あなたのサイトをオンラインでテストできるサービスがあります。

いつものように、選択はあなた次第です！

無料

モバイルフレンドリー..。 このアプリケーションは、ウェブリソースがスマートフォンやその他のガジェット用に最適化されているかどうかを確認するためにGoogleによって特別に作成されました。

レスポンシネーター..。 このアプリケーションのおかげで、Kindle、iPad、Android、iPhoneでサイトがどのように表示されるかを簡単に確認できます。

iPadのピーク..。 最も人気のあるものの1つ 無料ツールテスト。iPhoneとiPadで自分のWebサイトの表示を確認できます。

OperaMiniシミュレーター..。 Operaエミュレータには非常に大きなデータベースが含まれています モバイルガジェット..。 その唯一の欠点は、オンラインモードがないことと見なすことができます。つまり、リソースをテストするには、必要なソフトウェアをダウンロードしてインストールする必要があります。

ゴメス..。 リソースとモバイルデバイスとの互換性を30個のパラメーターで評価します。これにより、最も完全な評価を取得できます。 無料で使用するには、連絡先情報を入力する必要があります。

MobiReady..。 デザインの応答性を測定する優れたテストツール。 検証は、最高のW3C（World Wide Web Consortium）標準に基づいています。

携帯電話エミュレーターとScreenfly..。 ガジェットの画面でWebリソースの状態を表示することもできる同様のサービス。

有料

CrossBrowserTesting..。 Blackberry、Android、iPad、iPhoneを含む130の異なるブラウザと25のオペレーティングシステムでチェックします。 それを使用するには、月額$ 29.95を支払う必要があります。

BrowserStack..。 巨大なデータベースへの迅速なアクセスを提供します。 1か月で最大19ドルかかりますが、無料版もあります。

ブローショット..。 Android、iPad、iPhoneから削除するように設計されています。 5つのスクリーンショットに対して1ドルを支払う必要があります。

パーフェクトモバイル..。 タブレットのデータベースへのアクセスを提供し、 携帯電話、これにより、各タイプのデバイスで最適化がどの程度適切であるかを確認できます。 その使用のためにあなたは1日あたり最大15ドルを支払う必要があります。

マルチブラウザビューア..。 を含むクロスブラウザアプリケーション モバイルエミュレータおよび任意の形式でテストするためのブラウザ。 価格は最大140ドルで、無料のデモ版もあります。

DeviceAnywhere..。 リソースをリアルタイムでテストすることにより、Webコンテンツをポイントチェックできる優れたツール。 有料（月額$ 100）または無料のいずれかです。

あなたが見ることができるように、たくさんのプログラムとサービスがあります、最も便利なオプションを選んで、あなたの健康にそれを使ってください。

検索エンジン用のモバイル版

サイトはすべてのモバイルデバイスで正常に表示される場合がありますが、 グーグル検索エンジンそしてYandexはその移植性を認識していません。 Yandexとgoogleにはモバイル版の追加要件があるだけです。

モバイルフレンドリーサービスを使用して、Google向けのモバイルバージョンの適応を確認できます。 私はすでに無料ツールのリストでそれについて言及しました。

また、Yandexの場合、現在テストされているバージョンのWebマスターオフィス（https://beta.webmaster.yandex.ru/）にも同様のツールがあります。

ブログニュースを購読すると、多くの興味深く有用なことを学ぶことができます。 それまでの間、私はあなたに別れを告げます、新しい記事でお会いしましょう！

心から！ アブドゥリン・ルスラン

今回の記事では、モバイル版のサイトのチェック方法、利便性、読みやすさ、正しい表示について説明します。

さまざまなWebサービスを使用して、Webサイトのモバイルユーザビリティを確認できます。 特に、 このサービス Googleからは、モバイルレイアウトのリテラシーを適切に評価できます。

Googleは最近、モバイルレイアウトの要件を満たしていないサイトがモバイル検索を悲観的にすることを発表しました。 このアルゴリズムはすでに機能しており、モバイルプラットフォームに表示する必要がなかった一部のサイトは、実際にモバイルデバイスのSERPにドロップされました。

サイトがデスクトッププラットフォームにとって3倍便利な場合は、モバイルレイアウトの品質を確認する必要があります。そうしないと、トラフィックの印象的な部分が失われます（検索でのモバイルプラットフォームのシェアは毎年急速に増加しています）。あなたの顧客を失います。 したがって、サイトをモバイルデバイスに適合させ、モバイルブラウザでのサイトの表示の正確さを確認する必要があります。

GoogleChromeを使用してモバイルレイアウトの品質を確認する

開発者にとって、Googleにはモバイルデバイスをシミュレートするための優れたツールがあります。 このツールはブラウザに組み込まれています グーグルクローム..。 アクセスするには、をクリックする必要があります F12ブラウザで（開発者モードに移動）、スマートフォンのアイコンをクリックします。

ページはデバイス切り替えモードに変換されます。このモードでは、一般的なモバイルデバイスの1つ、ネットワークタイプ（GPRS、2G、3G、4Gなど）を選択し、厳密な表示パラメーターを指定できます。 これにより、特定のモバイルデバイスでのサイトの操作をシミュレートできます。 の中 利用可能なデバイスさまざまなiPadバージョンが含まれています アイパッドミニ、iPhone、BlackBerry、Google Nexus、HTC、LG、Nokia、 サムスンのギャラクシーと他のいくつかの人気のあるデバイス。

特定のデバイスを選択することで、モバイルデバイスでサイトを確認できます。 たとえば、 ホームページ iPad3のサイト「Nubex」：

そしてサムスンギャラクシーS4で：

ここでは、特定のデバイスでのサイトの表示を確認できるだけでなく、必要なガジェットが目の前にあるかのように、サイトを完全に操作することもできます。 間違いなく、このツールは、サイトのモバイルバージョンを開発するときにかけがえのないものですが、実際のデバイスでサイトがどのように表示されるかを確認する必要があります。 これは、「ネイティブ」ブラウザ（Safari-iPad / iPhone、IE-の場合）でサイトの表示を確認する必要がある場合に特に重要です。 ウインドウズの電話 NS。）。

こんにちは友達。 今日は広告ツールから少し離れて、新しいブログコラムを始めます。 これは「ウェブマスター」と呼ばれ、サイト、ランディングページのパフォーマンスと品質を向上させるための有用な資料が含まれます。 まず、Webサイトのモビリティをチェックするための優れたツールの概要から始めます。

Googleでサイトの速度を確認する

Googleはこのための2つのツールを提供しています。

＃1PageSpeedインサイト

あなたは彼をよく知っていると思います。 あなたのサイトへのリンクを挿入し、「分析」ボタンを押して、2つのタブの形で結果を取得します。

[モバイル向け]タブには、モバイルデバイス用のサイトの読み込み速度に関するレポートが含まれています。重要です。 - 利便性評価スマートフォン向けサイト。 「コンピュータの場合」タブは、それぞれデスクトップの場合と同じ分析です。

最良の部分は、サービスがあなたがダウンロードすることを可能にするということです 最適化サイトで使用する画像、CSS、スクリプト。 これがそのようなものです 無料ヘルプグーグルから。

スクリーンショットからわかるように、私はモバイル版で深刻な問題を抱えています。 元気にしてる？

＃2 Testmysite.Withgoogle

実際、これは同じツールであり、美しいラッパーが付いているだけです。 私は先日このサービスを発見し、報告フォームによって賄賂を受け取りました。

サイトへのリンクを挿入して[チェック]をクリックすると、サービスは本格的な動的ランディングページの形式で結果を提供します。このページでは、サイトの状況を簡潔かつ説得力のある方法で示し、完全なレポートをダウンロードします。

もちろん、私は完全な報告を求め、数分でそれを郵送で受け取りました。 それは賢明に見えます、特定の資料へのリンクを備えた有用な指示のいくつかの画面：

同じサイトを分析する場合、これらのツールの数値がわずかに異なることに注意してください。 ただし、それらは同じテクノロジーで動作します。

このようにして、わずか数秒でサイトのモビリティをチェックし、読み込み速度をチェックできるだけでなく、最適化されたコンテンツを含む本格的なレポートをダウンロードすることもできます。 無料。 グーグルから

さて、あなたはモビリティをどのようにやっていますか？