Google モバイルフレンドリーテスト を
以下実施した
API の 戻りとして、 出力される 警告
基本的に
ドキュメントは
警告名(英名) | 画面で実行した際の警告内容 |
---|---|
MOBILE_FRIENDLY_RULE_UNSPECIFIED | 該当なし1 |
USES_INCOMPATIBLE_PLUGINS | Flash が使用されています |
CONFIGURE_VIEWPORT | ビューポートが設定されていません |
FIXED_WIDTH_VIEWPORT | 固定幅のビューポート |
SIZE_CONTENT_TO_VIEWPORT | コンテンツのサイズがビューポートに対応していません |
USE_LEGIBLE_FONT_SIZES | フォントサイズが小です |
TAP_TARGETS_TOO_CLOSE | タップ要素同士が近すぎます |
[1].未知の
画面側の
表作成の インプットと した ページ
戻り値と、
日本語警告の
一覧
モバイル フレンドリー テストツール - Search Console ヘルプ エラー(警告)の一覧の 説明欄に、 更に 詳細な 説明への リンクが 貼られています。
対処方法が不明な 場合は、 この リンク先の 文書を 確認するのを お勧めします。
実際に この サイトで 出力された 警告に ついて
URL Testing Tools API (Experimental) | Google Developers を
* API の
{ "testStatus": { "status": "COMPLETE" }, "mobileFriendliness": "NOT_MOBILE_FRIENDLY", "mobileFriendlyIssues": [ { "rule": "SIZE_CONTENT_TO_VIEWPORT" }, { "rule": "TAP_TARGETS_TOO_CLOSE" } ], "resourceIssues": [ { "blockedResource": { "url": "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" } } ] }
mobileFriendlyIssues
で今回検出された
SIZE_CONTENT_TO_VIEWPORT
コンテンツのサイズを ビューポートに 合わせる | PageSpeed Insights | Google Developers
Google Search Console 上の、「コンテンツの 幅が 画面の 幅を 超えています」が この エラーに あたります。 TAP_TARGETS_TOO_CLOSE
Method: urlTestingTools.mobileFriendlyTest.run | URL Testing Tools API (Experimental) | Google Developers
Google Search Console 上の、「クリック可能な 要素同士が 近すぎます」が この エラーに あたります。
警告に 対処する
SIZE_CONTENT_TO_VIEWPORT
は、h1
タグにword-wrap: break-word
を
TAP_TARGETS_TOO_CLOSE
も、word-wrap: break-word
指定のSIZE_CONTENT_TO_VIEWPORT
の
API での 実行方法に ついて
API は
Google モバイルフレンドリーテスト API を
以上です。
コメント