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

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

MFI いよいよ導入開始!!

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

・・・って、何が変わるっていうわけではないんですが、他のFC2ブロガーさんのサイトを訪問していて思うところがありまして、それについて少し書きたいと思います。それからMFI導入されるのを機に、レスポンシブデザインについても。

MFIって?

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

MFIとは・・・

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

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

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

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

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

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

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

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

Googleが MFIを導入するからうんぬんじゃなくて、これは時代の流れです。

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

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

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

スマホで閲覧した場合、表示されるのはスマホ版サイトの方です。約7割の人がそちらを見ていることになります。・・・だから充実させた方が良いんです。GoogleのMFI導入も今の流れに合っています。

ひだまりさん。も ブログの閲覧は ほぼスマートフォンです。ただ、私の場合はスマホで閲覧するにも関わらずPC版で見ていたりもします。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化。もうこれは必須ですよね。切り替えができるのなら早めに切り替えた方が良いです。もしかしたら、今後 FC2で強制的に移行・・・という可能性もあります。そうなったときに、テンプレートが崩れてしまったり、混在サイトになってしまったり・・・。慌てないように、今からできることはやっておく。

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

まとめ

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

今日はブロガーさま向けの記事になってしまいました。・・・次回はブックレビューです。

ABOUT ME
ひだまりさん。
ゆるりと本をよんでいます。ミステリー、ホラー、SF、ファンタジー、何でもよみます。ほとんど小説、ときどき絵本。→ 詳しいプロフィールはこちら

COMMENT

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

CAPTCHA