Google Search Consoleがモバイルフレンドリーではないというエラーを送ってきた。
- クリック可能な要素同士が近すぎます
- テキストが小さすぎて読めません
- ビューポートが「デバイスの幅」に収まるよう設定されていません
対象となっているURLは、末尾に「&m=0」が付いている、つまりPC用のページを明示してアクセスしている。そのため、モバイルユーザビリティのテストでは、当然ながら上記のエラーが出る。
この対策として、m=0の付いていないURLを正規URLとして通知することにした。（Bloggerの仕様として、m=1はモバイルページ、m=が付いていないURLは自動判定）
やり方は、BloggerのテンプレートをHTMLで編集し、<head>タグの中に<link>タグで正規URLを指定する。
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
これにより、例えば、こんなURLにアクセスすると、
https://gen.fukatani.org/search/label/%E3%83%95%E3%82%A9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0?updated-max=2004-10-23T01:52:00%2B09:00&max-results=20&start=20&by-date=false&m=0
このような<link>タグが生成される。
<link href='https://gen.fukatani.org/search/label/%E3%83%95%E3%82%A9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0?updated-max=2004-10-22T09:52:00-07:00&max-results=20&start=20&by-date=false' rel='canonical'/>
なお、data:blog.cannocicalUrlの代わりに、data:blog.urlというBloggerのレイアウトデータタグがあるが、こちらは現在アクセスしているページのURLであるため、m=0が付いたままであった。
0 件のコメント:
コメントを投稿