サーチコンソール(ウェブマスターツール)

モバイルフレンドリーテストを使えばWEBサイトのスマホ対応問題をチェックすることができる

この記事は約3分で読めます。

スマホでの閲覧に問題はないかスマホでの閲覧に問題がないかをチェックするツールがある。Googleウェブマスターツール内にある「モバイルフレンドリーテスト」である。モバイルフレンドリーテストを使えばスマホ対応の問題をチェックすることができる。
昨日のブログで紹介したスマホ表示問題があった「tohda.jp/blog」を「モバイルフレンドリーテスト」で分析実施してみた。具体的になにが問題で、どのように改善すればいいかを調べることができる。
問題は大きく3つ指摘されていた。「テキストが小さすぎて読めません」、「リンク同士が近すぎます」、「モバイル用 viewport が設定されていません」ということだった。

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

Googleのチェックサイトを使う

https://www.google.com/webmasters/tools/mobile-friendly/
モバイルフレンドリーテストの画面

このモバイルフレンドリーテストの画面で「ウェブページのURL」を打ち込むかコピペで貼り付けて「分析」をクリックすると分析してくれる。

モバイルフレンドリーテスト分析中

「分析しています」としばらく表示されるので結果を待つ。分析している時間はおよそ20秒程度だった。

▼モバイルフレンドリーテストの結果
モバイルフレンドリーテストの結果

結果が出た。

モバイル フレンドリーではありません

このページがモバイル対応ではない理由
テキストが小さすぎて読めません
リンク同士が近すぎます
モバイル用 viewport が設定されていません

この問題のWEBサイトはCMSで作成されている。CMSはMT4でサポートが切れている状況だが、上記の解決策には「CMS を使用した WordPress や Joomla などのソフトウェアを使用。」に該当するので、「次へ」をクリック。すると以下のような解説ページになった。

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

ウェブサイトの作成に使用しているソフトウェアがわかっている場合は、専用のガイドをご覧ください。
WordPress
Joomla!
Drupal
Blogger
vBulletin
Tumblr
DataLife Engine
Magento
Prestashop
Bitrix
Google サイト
使用するウェブサイト ソフトウェアが上記にない場合や、ご意見がございましたら、お気軽にこちらのフォームにご記入ください。

このCMS一覧にMovable Typeの名称がなくなっている。Movable Typeは有償版のみとなり、MTOSが無くなってしまっている。無償提供のCMSとして現在サポートしているバージョンがないからだろう。MT4を使っている場合は、上記のどのCMSに変更するかということが解決策ということだ。WordPressにするしかないだろうな…と感じてしまう画面であった。