モバイル ユーザビリティでエラーの原因と回避策

　Google Search Console でモバイル ユーザビリティにエラーが出ていました。

テキストが小さすぎて読めません
クリック可能な要素同士が近すぎます

　どうやら原因がわかりました。Windowsスポットライトの画像 という投稿の中に

Windowsスポットライトの画像ファイルがある場所
C:\Users\ユーザー名\AppData\Local\Packages\【以下略】

として、半角で長いパスを記述していました。この長いパスの記述の行が折り返し表示できていないようです。

　そのため、固定幅が広くなってしまっています。すると、これが原因でGoogle Search Console ではモバイル ユーザビリティにエラーとなってしまうようです。

　メインページへの投稿記事の表示件数は、デフォルトでは10件だったのを5件にしてあります。この5件の投稿が表示されている中に、折り返し表示ができない長い一行が含まれている「Windowsスポットライトの画像」の記事が表示されているのが、モバイル ユーザビリティにエラーが出た原因です。

　「Windowsスポットライトの画像」記事が表示されていると、固定幅が広くなってしまいので、自動で折り返し表示をさせればいいのでしょう。

　現在使っている、Movable Type のテーマ Rainier 1.3 のテンプレートに手を入れればよさそうです。面倒なのでいつになることやら。

【追記】
面倒なことは避けたいので。上記のリンクが長すぎることが原因なので、リンクが途切れてしまいますが、折り返しのところで行替えしてしまいました。

とりあえず、モバイル ユーザビリティにエラー の件は回避です。

【追記２】
かつて、「このページはモバイル フレンドリーではありません」といわれたことがありました。リンク、こちら