facebook twitter hatena line email

SEO/モバイルフレンドリー

提供: 初心者エンジニアの簡易メモ
2015年11月10日 (火) 21:18時点におけるAdmin (トーク | 投稿記録)による版 (対策2:半角英数字による画面はみ出し)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

モバイルフレンドリー判定ページ

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;
}