モバイルフレンドリーテストでチェック

とりあえず、スマホでウェブサイトを表示させてみると、こんな感じで綺麗に表示されており、問題ないようには見えますが…

スマホ対応前のウェブサイト

Googleが提供しているスマホ対応度をチェックするツール「モバイルフレンドリーテスト」を使い確認してみると、いくつも警告が表示されてしまいました。

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

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

  • × テキストが小さすぎて読めません
  • × モバイル用 viewportが設定されていません
  • × リンク同士が近すぎます

スマホ向けに制作してないサイトは、ほぼこのような警告が表示されてしまいます。

もし、「問題ありません。 このページはモバイル フレンドリーです」と表示される場合は、スマホ化に向けて何も作業する必要はありません。

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

それでは、さっそくNG箇所の修正を行いましょう。

スポンサードリンク