・クリック可能な要素同士が近すぎます。
Google Search Consoleを運用していた所、モバイルユーザビリティにて以下のようなエラーが出力されました。
・クリック可能な要素同士が近すぎます。
・クリック可能な要素同士が近すぎます。
該当URLを参照してみる。
エラーが出力されているページを確認したところ、
スマートフォンの画面が小さく、設置したリンクとリンクの間隔が狭かったため、
タップすると、誤クリックしてしまうような表示になっていました。
対策として、
・リンク間隔は大きくとり、十分な間隔を空けて、スマートフォンで押し間違えしないようにする。
今回の修正内容として、リンク間にpタグを追加し行間を空けるように修正しました。
スマートフォンの画面が小さく、設置したリンクとリンクの間隔が狭かったため、
タップすると、誤クリックしてしまうような表示になっていました。
対策として、 ・リンク間隔は大きくとり、十分な間隔を空けて、スマートフォンで押し間違えしないようにする。
今回の修正内容として、リンク間にpタグを追加し行間を空けるように修正しました。
<p>
<a href="../infra-vps-login/">VPSにログイン</a>
</p>
<a href="../infra-vps-login/">VPSにログイン</a>
</p>
モバイルフレンドリーテストを実行
「このページはモバイル フレンドリーです」
と表示されると思うので、「検証」をクリックしてgoogleの合否待ちとなります。
数日後、合格になったら、修正完了になります。
(早ければ1日で変更されます。)
と表示されると思うので、「検証」をクリックしてgoogleの合否待ちとなります。
数日後、合格になったら、修正完了になります。
(早ければ1日で変更されます。)
