「SEO/モバイルフレンドリー」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→モバイルフレンドリー違反一覧) |
(→対策2:半角英数字による画面はみ出し) |
||
行13: | 行13: | ||
==対策2:半角英数字による画面はみ出し== | ==対策2:半角英数字による画面はみ出し== | ||
− | cssの折り返し機能を追加 | + | cssの折り返し機能を追加(スマホなどで長文が掲載される箇所の強制改行に役立つ) |
p { | p { | ||
word-break: break-all; | word-break: break-all; | ||
} | } |
2015年11月10日 (火) 21:18時点における最新版
モバイルフレンドリー判定ページ
https://www.google.com/webmasters/tools
モバイルフレンドリー違反一覧
サーチコンソール https://www.google.com/webmasters/tools/home?hl=ja
検索トラフィック/モバイルユーザビリティより確認できる
対策1:簡単レスポンシブページ化
レスポンシブページにするためにbootstrap3のgrid systemを導入する。 既存cssをすでに反映済みでもbootstrapのcustomページを使って grid systemだけ切り出して使うことができる。
対策2:半角英数字による画面はみ出し
cssの折り返し機能を追加(スマホなどで長文が掲載される箇所の強制改行に役立つ)
p { word-break: break-all; }