ホーム > SEO > Search Console > モバイル > モバイル SEO ガイド
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

モバイル SEO - ウェブマスター向けモバイルガイド


モバイル フレンドリー テスト 使い方



ウェブサイトのモバイル フレンドリー 度について、下枠左側の 「 モバイル フレンドリー テスト 」 にて、URLを指定して、ページ毎に確認することができます

検出された問題の詳細については、同様に、下枠右側の 「 PageSpeed Insights 」 で確認します


モバイル フレンドリー 度確認 検出された問題の詳細確認
モバイル フレンドリー テスト PageSpeed Insights




モバイル SEO - ウェブマスター向けモバイルガイド



「 モバイル フレンドリー テスト 」 で検出されたエラーについて、ガイダンスを参照したい場合、例えば、「自分で作成した」「自分で作成した。コーディングの方法を理解している。」の下にある、「次へ」をクリックした場合、下記、ガイダンスが表示されます



「モバイル SEO - ウェブマスター向けモバイルガイド」 が表示されますので、それぞれ、対処していくことになります




モバイル SEO - ウェブマスター向けモバイルガイド」 が表示されますので、それらを参考に、対処していきます


「モバイル設定を選択する」をクリックします
「モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面になりますので、「0001デバイスの違いを理解する」をクリックします




モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面になります

「01デバイスの違いを理解する」をクリックします
「デバイスの違いを理解する - ウェブマスター向けモバイルガイド」画面になりますので、「02モバイル フレンドリーにする際の注意事項」をクリックします




デバイスの違いを理解する - ウェブマスター向けモバイルガイド」画面になります

「02モバイル フレンドリーにする際の注意事項」をクリックします
「モバイル フレンドリーにする際の注意事項 - ウェブマスター向けモバイルガイド」画面になりますので、「03モバイル設定を選択する」をクリックします




モバイル フレンドリーにする際の注意事項 - ウェブマスター向けモバイルガイド」画面になります

「03モバイル設定を選択する」をクリックします
「モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面になりますので、「04よくある質問」をクリックします




モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面になります

「04よくある質問」をクリックします


「01 レスポンシブ ウェブ デザイン」をクリックした際の画面は、下記、「レスポンシブ ウェブ デザイン - ウェブマスター向けモバイルガイド」画面 ※ をご参照下さい


01 レスポンシブ ウェブ デザイン

ユーザーのデバイス(パソコン、タブレット、モバイル、非視覚的ブラウザ)に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて(つまり「レスポンシブ」に)表示を変えることができます

Google では、デザイン パターンとしてレスポンシブ ウェブ デザインを推奨しています

「よくある質問 - ウェブマスター向けモバイルガイド」画面になります




よくある質問 - ウェブマスター向けモバイルガイド」画面になります
「モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面で、「01 レスポンシブ ウェブ デザイン」をクリックすると、この「レスポンシブ ウェブ デザイン - ウェブマスター向けモバイルガイド」画面が表示されます

モバイル設定を選択する - ウェブマスター向けモバイルガイド」画面で、「01 レスポンシブ ウェブ デザイン」をクリックすると、

この「レスポンシブ ウェブ デザイン - ウェブマスター向けモバイルガイド」画面が表示されます


ページがすべてのデバイスに対応していることをブラウザに知らせるには、ドキュメントのヘッダーに次のメタタグを追加します

<meta name="viewport" content=
"width=device-width, initial-scale=1.0">


meta viewport タグは、ページのサイズや縮尺を、デバイスの幅に合わせてどう調整すべきかをブラウザに伝えるために使用します。meta viewport 要素を指定しない場合は、モバイル ブラウザのデフォルトであるパソコン画面の幅(デバイスによって異なりますが通常はおよそ 980 ピクセル)でページがレンダリングされます。その後モバイル ブラウザが、フォントを大きくして画面に合う縮尺に変える、コンテンツの一部のみが画面に収まるように表示する、といった調整を試みます。

このような調整によって、フォントサイズの統一感が失われたり、コンテンツを操作するためにダブルタップやピンチで拡大する必要が生じたりすることもあります。Google としては、モバイル端末でこのような操作が必要になるページについては、モバイル フレンドリーと見なすことができない場合もあります。




PageSpeed Insights について | PageSpeed Insights | Google Developers


Page Speed Insights では、携帯端末やデスクトップ端末向けのページのパフォーマンスを測定します
URL を 2 回(モバイル ユーザー エージェントと PC ユーザー エージェントで 1 回ずつ)取得します

PageSpeed のスコアの範囲は 0~100 ポイントです
スコアが大きいほど良好で、85 以上のスコアはそのページのパフォーマンスが高いことを示します
なお、PageSpeed Insights は継続的に改良されているため、新しいルールの追加や分析の改良に伴ってスコアが変わることがあります

PageSpeed Insights では、次の項目について、ページのパフォーマンスをどの程度改善できるか測定します

スクロールせずに見える範囲のコンテンツの読み込み時間: ユーザーが新しいページをリクエストした瞬間から、スクロールせずに見える範囲のコンテンツがブラウザで表示されるまでの経過時間
ページ全体の読み込み時間: ユーザーが新しいページをリクエストした瞬間から、ブラウザでページが完全に表示されるまでの経過時間
ただし、ネットワーク接続のパフォーマンスは大きく変動するため、PageSpeed Insights では、ページのパフォーマンスのうちネットワークに依存しない部分(サーバー設定、ページの HTML 構成、画像やJavaScript、CSS などの外部リソースの使用方法)のみを考慮します
提案された解決策を実装すれば、ページの相対的なパフォーマンスは改善されるはずです
ただし、それでも、ページの絶対的なパフォーマンスはユーザーのネットワーク接続に左右されます

各提案には、重要性を表す優先度インジケータが表示されます

アイコン 名前 説明
赤色の感嘆符 赤色の感嘆符 この問題を修正すると、ページのパフォーマンスが大幅に改善されます
黄色の感嘆符 黄色の感嘆符 それほど忙しくない場合はこの問題の修正を検討してください
緑色のチェックマーク 緑色のチェックマーク 大きな問題は見つかりません。パフォーマンスは良好です

PageSpeed Insights の最近の更新では、モバイルのパフォーマンス向上に力を入れています
詳細については、PageSpeed Insights のモバイル分析についての記事や、Google I/O 2013 で行われた素早いモバイル ウェブサイトに関するプレゼンテーションをご覧ください
PageSpeed Insights で実行された分析の詳細なリストもご覧いただけます

フィードバックのお願い
Google では PageSpeed Insights に関する皆様からのフィードバックをお待ちしています
テスト ツールや推奨されたベスト プラクティスについてご意見やご提案がある場合は、ディスカッション グループ(page-speed-discuss)に投稿してください

お問い合わせ
PageSpeed Insights についてご質問がある場合は、よくある質問をご覧いただくか、ディスカッション グループにメッセージを投稿してください

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

最終更新日: 4月 11, 2014

PageSpeed Insights について  |  PageSpeed Insights  |  Google Developers 」 より





Google Search Console Google AdSense 等 Googleで使用、表示される日時について


Google Search Console Google AdSense 等 Googleで使用、表示される日時は、Google アメリカ本社のある「アメリカ合衆国 カリフォルニア州 マウンテンビューアンフィシアターパークウェイ1600番」の時間である「ロサンゼルス時間」(タイムゾーンの名称 「アメリカ合衆国 太平洋時間」)になっています
日本との時差は、「-16」で、日本の方が、16時間進んでいます (日本で日付が変わっても、現地で日付が変わるのは 16 時間後です)

日本時間に置き換えたい時は、Google Search Console で表示される日時に、16 時間足すことにより求められます
例えば、、Google Search Consoleでの表示時間、「2014.4.27 0:00」 は、日本時間、「2014.4.27 16:00」のことになります

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > SEO > Search Console > モバイル > モバイル SEO ガイド
   

© 2014 abhp.net All Rights Reserved.

関連情報サイト


 はじめる - ウェブマスター向けモバイルガイド

コンテンツ一覧

ページTOP
ページTOP
ページTOP
ページTOP