Amazon

Rakuten

Twitter@告知用

Twitter@日常用

Facebook

Instagram

blogCircle

Blog ranking

Blog ranking

Calendar

2018年5月
« 4月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Archive

当ブログのスマホ表示をようやく修正しました。

なんか、ずっとスマホ表示画面の文字が小さかったんですけど、ようやく修正できました。

 

以下のサイトでモバイル表示が最適化されているか確認できます。

モバイル フレンドリー テスト
https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect

 

 

修正したところ

モバイル用ビューポート

完全に記述漏れです。以下をヘッダー内に追記すればOKです。

 

その他

  • コンテンツサイズをビューポートに合わせる
  • 基本のフォントサイズを16px、行間を1.2emにする
  • その他、細かいサイズ指定をビューポートやフォントサイズに合わせる

 

参考

モバイルSEO必須!WordPressブログを「スマホ対応」にする方法
https://naifix.com/mobile-friendly/

 

関連

WordPresを設置して、テンプレートを自作してみました。
http://naon56.com/blog/2017-09-16-526

 


広告


Twitterやっています。ぜひチェックしてみてください。

ブログランキングに参加してます。よろしければポチっとお願いします。
ブログランキング・にほんブログ村へにほんブログ村
人気ブログランキング

Leave a Reply

Theme created by Nao N.
Powered by WordPress

Go to the top Go to top