「SEO/モバイルフレンドリー」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==モバイルフレンドリー判定ページ== https://www.google.com/webmasters/tools ==モバイルフレンドリー違反一覧== search_console(https://www.googl...」) |
(→対策２：半角英数字による画面はみ出し) |
||
| (同じ利用者による、間の2版が非表示) | |||
| 行3: | 行3: | ||
==モバイルフレンドリー違反一覧== | ==モバイルフレンドリー違反一覧== | ||
| − | + | サーチコンソール https://www.google.com/webmasters/tools/home?hl=ja | |
| + | |||
検索トラフィック/モバイルユーザビリティより確認できる | 検索トラフィック/モバイルユーザビリティより確認できる | ||
| 行12: | 行13: | ||
==対策２：半角英数字による画面はみ出し== | ==対策２：半角英数字による画面はみ出し== | ||
| − | 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だけ切り出して使うことができる。
対策２：半角英数字による画面はみ出し
cssの折り返し機能を追加(スマホなどで長文が掲載される箇所の強制改行に役立つ)
p {
word-break: break-all;
}
