格安ホームページ制作のブリリアントワークスです。個人事業(SOHO)としての特長を活かし、格安価格・高品質にてご提供いたします。
ホームページ制作 岐阜(ブリリアントワークス)
HOME » ホームページ制作 » Google Search Consoleでスマホ・携帯非対応のエラー原因を調べる

Google Search Consoleでスマホ・携帯非対応のエラー原因を調べる

レスポンシブサイトのチェックで紹介している方法を利用すると視覚的にスマホ・携帯でもホームページを快適に閲覧できるかどうかチェックできますが、実際には目に見えないエラーもあり、それ以上のチェックを求められます。

そこで利用したいのが、上記リンクのページでも紹介しているGoogle Search Console(グーグル サーチコンソール)です。

サイトを登録して『サイト選択 » 検索トラフィック » モバイル ユーザビリティ』と進むと、スマホ・携帯対応できていないエラーページ数が表示され、更にその下にエラー内容と該当ページも表示されます。

さすがにエラーの場所をピンポイントでは教えてくれませんが、エラーページの告知だけでも十分に助かります。

注意が必要なのは、検索ロボット(クローラー)が来てサイトを分析するまでに時間が掛かることで、一斉にサイト内全ページを評価するわけではないということです。その点だけはご理解ください。

Google Search Console(グーグル サーチコンソール)のモバイル ユーザビリティ

モバイル ユーザビリティ

上記がエラーの内容とページ数です。クリックすると「URLと最終検出日」が表示されます。

1 タップ要素同士が近すぎます
パソコンの場合はマウスカーソルでかなり小さなリンクでもクリックできますが、スマホやタブレットの場合は指の腹での操作となるのでリンクが近すぎると間違って他のリンクをクリックしてしまいます。したがって、リンク同士が近づく場合は十分な間隔を空けてください。

2 フォントサイズが小です
パソコンの画面をそのまま縮小表示すると文字は全く読めないので、携帯・スマホでも閲覧できるフォントサイズが求められます。グーグルの「読みやすいフォント サイズを使用する」を見ると標準サイズが16px、小さな文字が12pxという例が示されているので、このフォントサイズを参考にしてください。ちなみに、私は14pxをメインで使っています。

3 ビューポートが設定されていません
レスポンシブデザインにする方法でも紹介していますが、スマホ・携帯でも文字を小さくさせないコードです。これはただ記述するだけなので簡単に解決できます。ただ、静的ページの数が多いと修正に時間が掛かるでしょう。

関連記事

グーグルの検索エンジンは、Googlebotと呼ばれるクローラーがウェブ中を駆け巡り、サイト情報を収集して持ち帰ってインデックスします。 ...


グーグルやヤフーで検索した時、次の画像のように、タイトルの下に表示されるURLが日本語表示になっていることがあります。 これはパンくず...


ホームページを作ったら、ぜひ利用したいのがサーチコンソール(Search Console)です。 以前はウェブマスターツール(Web...


パソコンでも、タブレットでも、スマホ・携帯でも、それぞれの画面サイズに合わせて表示するレスポンシブルデザインですが、視覚的にも検索エンジン...


『パソコン、タブレット、スマホ・携帯』、それぞれの画面サイズに応じたデザインでホームページを表示するには、次のコードをHTMLファイルのヘッ...



コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

最新記事

WordPressテーマ『Flash Works』の見出しタグ

有料WordPressテーマ『Flash Works』の見出しタグ(Hタグ)に...

WordPressテーマ『Flash Works』のメニュー設置方法

有料WordPressテーマ『Flash Works』のメニュー設定方法につい...

WordPressテーマ『Flash Works』のグローバルナビゲーション

有料WordPressテーマ『Flash Works』のグローバルナビゲーショ...

WordPressテーマ『Flash Works』のウィジェットエリア

有料WordPressテーマ『Flash Works』には、パソコン・タブレッ...

WordPressテーマ『Flash Works』のアップデート

有料WordPressテーマ『Flash Works』のアップデート方法につい...

検索フォーム

WordPressテーマ『Flash Works』

コンテンツ

カテゴリ