日々のこととブログについて

MFIいよいよ導入開始!レスポンシブデザインのメリットとデメリット

この記事に書かれていること
  • MFI (モバイルファーストインデックス) について
  • スマホサイトを充実させた方が良い理由
  • レスポンシブデザインのメリット
  • レスポンシブデザインのデメリット

この記事は 2018年3月に書いています。

MFI いよいよ導入開始!!

Googleで MFI (モバイルファーストインデックス) が いよいよ導入になるようですね。順次していくと。

他のFC2ブロガーさんのサイトを訪問していて思うところがありまして、それについて少し。それからMFI導入されるのを機に、レスポンシブデザインについても。

MFIって?

そもそもMFIって何? ・・・という声が聞こえてきそうです。

MFIとは

MFI (モバイルファーストインデックス) とは その名のとおり、モバイル (スマホ) ページを基準としてインデックス (検索画面に載せること) するようになるというもの。

今までは PCページを基準にしていましたが逆転します。それがそのまま検索順位に影響するのかというと、そうではないようです。(表示速度は影響あるようです)

慌てる必要はないのですが、スマホサイトがおざなりになっているブロガーさんを多々みかけます。

ひだまりさん。
ひだまりさん。
PCサイトは充実しているけど、スマホ版は放置されている感じ。・・・これからMFIになるけど大丈夫?

スマホサイト、放置していませんか?

FC2ブログだと PC用とスマホ用のテンプレートを別々に設定できる仕様になっていますよね。ほとんどの人がそのにつを設定しているようです。

ひだまりさん。
ひだまりさん。
充実の差が激しい・・・。

スマホ版はプラグインとかも制限があるから仕方ないのですが、これからMFIになるということを意識しているFC2ブロガーさんは 少ないように思います。

カスタマイズするならパソコン版ではなくてスマホ版!! 閲覧者さまの約7割は スマホ版を見ます!

時代の流れですね。

スマホサイトを充実させた方が良い理由

パソコンからの閲覧者は減少していて、モバイル端末 (スマートフォン) 閲覧者が増加しています。

私のサイトでは 閲覧者のうち約7割がスマホ、2割がパソコン、あとの1割がタブレットです。

スマホで閲覧した場合、表示されるのはスマホ版サイトの方です。約7割の人がそちらを見ていることになります。私もブログの閲覧は ほぼスマートフォン。

でもFC2 (無料) のスマホ版は好きじゃありません。

ひだまりさん。
ひだまりさん。
広告がウザイし、記事を見ながらコメント入れれないし、PC版の方がプラグイン充実してるし・・・。

では PC版が見やすいのかというと、そういうわけではありません。モバイル端末で見ると字が小さいからいちいち広げないといけないし。

1番見やすいのは レスポンシブデザインです。

ひつじくん。
ひつじくん。
フラッシュ動画もそろそろやめた方が良いよね。

スマホでは見れないのが致命的。ポカっと空白になります。しかも、それによってテンプレ崩れまでおこしているサイトをみると大丈夫かなと思ってしまいます。

・・・これでは、一発でMFIアウト。

訪問者さまが見やすいブログを作ることが第一です。モバイル閲覧者が増えていることを、もう少し意識しないといけませんね。

様々なデバイスに対応、レスポンシブデザイン

Googleが推奨しているのは レスポンシブウェブデザイン。

レスポンシブデザインは ひとつのテンプレートで様々なデバイスでの閲覧が最適化されます。パソコンで見ても、スマホでもタブレットでも、同じテンプレを見やすい大きさで表示してくれる。

どんなデバイスでも同じ雰囲気なのが良いです。FC2ブログだと、Akiraさんが提供するテンプレートがレスポンシブデザインで間違いないですね。

スマホからもパソコンからも見やすく、サイズも最適化されます。たくさんのメリットがあるんです。

レスポンシブデザインのメリット

レスポンシブデザインのメリットをいくつか。

メリット
  • 一つのテンプレートで管理できる。
  • ブログの雰囲気を統一できる。
  • 重複コンテンツ対策にもなる。(URLが統一される)
  • 様々なデバイスで最適なサイズを表示してくれる。

テンプレート1つで管理できるのは嬉しいですね。HTMLやCSSも1つで済みます。(FC2で設定するスマホ版のHTMLやCSSがいらなくなります)

ブログの雰囲気も統一できてスマホ版とPC版のギャップがなくなる。

レスポンシブデザインにしたら、スマホ版を非表示に設定しましょう!これをしないとレスポンシブの意味がなくなります。

重複コンテンツの対策にも!

FC2でスマホ版を設定すると、URLが2つになってしまうんですよね。末尾に ~sp というのがつくのがスマホ版URL。同じサイトの中で重複コンテンツとなります。

Googleの評価も別々になってしまうし、SEO的にもよろしくありません。レスポンシブだとURLも統一できます。

様々なデバイスで最適なサイズを表示!

これが1番かな。ブログを書いて記事を公開するときに 閲覧者さまにとって見やすいブログであることも大切です。

仕事がら顧客さまにDMを出していますが、作る時に気をつけているのは 見やすく読みやすいDMであること。

文字の大きさ、文字と写真のバランス、適度な改行など・・・。ブログも読み手のことを考える上では一緒かなと思います。

レスポンシブデザインは、閲覧者のデバイスに合わせて最適なサイズを表示してくれるんです。

レスポンシブデザインのデメリット

メリットもあればデメリットもあります。あまり思いつかないのですが、とりあえずこの2つ。

デメリット
  • ブログの雰囲気が統一されてしまう。
  • 表示が重たくなる恐れがある。

ブログの雰囲気が統一されるのを好まない人もいるかもしれません。最大のデメリットは スマホで閲覧するときに表示が重たくなる恐れがある、ということです。

使っている感じとしては、そこまで重いとは感じません。テンプレート製作者さまが、トップページの画像を遅らせて表示する仕様にしてくれたこともあり、快適に使えています。

デメリットよりはメリットの方が大きいレスポンシブデザイン。Googleが推奨するのも頷けます。

読み手のことを考えたブログ作り

テンプレートって好みがあるから ムリに変えることはしなくても良いと思いますが、これだけ。

閲覧者さまのことを考えた読みやすいブログになっていますか?

もうひとつ、重要なことです。

httpsサイトになっていますか?

SSL化。もうこれは必須ですよね。切り替えができるのなら早めに切り替えた方が良いです。

閲覧者さまに安心して見ていただくためのSSL化です。

まとめ

MFIも、レスポンシブも、SSL化も、時代の流れを考えると必須。私の分かる範囲で書きました。・・・参考までに。

こちらもオススメ

FC2ブログがSSL化!!サイトをhttps にした時に伴う作業についてAOSSL化、httpsにして行った作業、混在コンテンツについて書いています。レスポンシブデザインがおすすめです。...
読みやすい文章・ブログを書くために気をつけていること読みやすい文章・ブログを書く時に気をつけていることについて書いています。まとまりがない時は箇条書きにすると読みやすくなります。漢字やひらがなのバランス、最も重要なのは読み直して添削することです。...
ブログを長く続けるコツは? 気づいたら5年が経っていて文章力が上がっていたFC2ブログ(無料)からワードプレスに移転して思ったこと、ブログを長く続けるコツ、文章は書けば書くほど上達する、面白いと思うブログについて書いています。...
サルワカの中の人のnoteを読んで共感したことサルワカの中の人・CatNoseさんのnoteを読んで感心・共感したことです。サルワカの魅力、読みやすいブログ作りのポイントについても書いています。...
ABOUT ME
ひだまりさん。
ゆるりと本をよんでいます。ミステリー、ホラー、SF、ファンタジー、何でもよみます。ほとんど小説、ときどき絵本。→ 詳しいプロフィールはこちら

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA