facebook twitter hatena line email

「SEO/モバイルフレンドリー」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==モバイルフレンドリー判定ページ== https://www.google.com/webmasters/tools ==モバイルフレンドリー違反一覧== search_console(https://www.googl...」)
 
(対策2:半角英数字による画面はみ出し)
 
(同じ利用者による、間の2版が非表示)
行3: 行3:
  
 
==モバイルフレンドリー違反一覧==
 
==モバイルフレンドリー違反一覧==
search_console(https://www.google.com/webmasters/tools/home?hl=ja)の
+
サーチコンソール https://www.google.com/webmasters/tools/home?hl=ja
 +
 
 
検索トラフィック/モバイルユーザビリティより確認できる
 
検索トラフィック/モバイルユーザビリティより確認できる
  
行12: 行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;
}