これからコンテンツマーケティングを実施しようと考えている方は、スマホ対応も実施する必要があります。
PCよりもスマホを閲覧する時間の方が長くなり、ユーザーとの主な接点がスマホになりつつある現在、ネットを介してユーザーコンテンツを提供するのであれば、スマホに適したものでなければいけません。

今回は、コンテンツマーケティングを実施するときに気をつけたいスマホ対応方法について解説します。

※スマホ主流になりつつあるとはいえ、サービスによってはPCユーザーのが圧倒的に多いこともありますので、自社のユーザーがどちらから閲覧するかを事前に把握しましょう。当記事は、現状スマホ化が主流となっていることを前提に展開します。

ユーザーが今見ているのはPCではなくスマホ

各方面での調査によって、ユーザーの利用デバイスがPCからスマホに移行していることが明らかになっています。
2014年からスマホ接触時間がPCを上回っており、2015年7月に博報堂DYメディアパートナーズのメディア環境研究所が発表した最新版「メディア定点調査2015」によると、メディアのその差は更に広がっているようです。

携帯・スマホで2割超え、PC減るもタブレット型端末が補完…メディア接触時間推移(2015年)(最新) - ガベージニュース

平均接触時間においても、調査が始まった2006年当時から比較して、テレビやラジオ等の他メディアはほぼ横ばいなのに対し、スマホのみ接触時間が約8倍となっています。
また、2015年5月には、スマホのGoogle検索回数がPCを上回ったというデータをGoogleが公式に発表しました。

【公式発表】Google検索数、ついにスマホがPCを超える | SEOブログ 初心者もすぐわかる SEO Packブログ

コンテンツマーケティングは、ユーザーの興味関心を引くことから始まります。
検索行動を起こす時、ユーザーは何かしら調べたいことがあるわけですが、そのニーズを満たすようなコンテンツを提供できればユーザーの関心を引ける可能性が高くなります。
そのため、コンテンツマーケティングで新規顧客を獲得する際にはいかに検索ユーザーを取り込めるかが重要となり、検索ユーザーを取り込みたいのであれば、接触時間が長く検索数も多いスマホへの最適化は必須でしょう。

コンテンツマーケティングに有利になるスマホ対応方法とは?

コンテンツマーケティングに適したスマホ対応を行う際、どのような点に気をつければいいのでしょうか。
以下に、制作時最低限気をつけるべき3つのポイントをご紹介します。

1.スマホで見やすい表示を意識する

スマホは、一度に表示できる情報量はPCよりも遥かに少ないため、どのような表示方法が適切なのかをしっかり検討しましょう。
具体的には、最低限以下の3点を意識すると良いでしょう。

  • 全てのテキストを長くしすぎない(metaディスクリプション・サイト内コンテンツ
  • 文字を小さくしすぎない(通常のテキストであれば14~16pxが適切)
  • 横幅の調整(1カラムで適切)

スマホの場合、検索結果に表示されるタディスクリプションがPCと比べてかなり短くなります。
(PCの場合は120字程度なのに対し、スマホは50文字程度で文章が途切れる仕様に)
スマホ表示を意識して、50字以内で端的にページの概要を表現するよう心がけましょう。

参考:
nanapiが人力でやっている細かすぎるが効果的なグロースハック

レスポンシブデザインを採用する際もスマホ表示に適した設定を

デバイスに合わせて自動的に表示サイズを切り替えるレスポンシブデザインであれば、特にスマホ表示を気にしなくても自動的に最適化されるイメージがあるかもしれませんが、文字の大きさ等はスマホ用の設計を行う必要があります。

参考:
レスポンシブデザインの基礎と制作時の注意点を解説

2.シェアされやすい導線設計

コンテンツマーケティングにおいては、SNS上でどれだけ拡散されるかという点も考慮しましょう。
自社のコンテンツ内容に沿ったSNSを選定するべきですが、拡散性の高いFacebook・Twitter・はてなブックマークのシェアボタンは確実に設置するべきです。

シェアボタンのデザインも、PCと同じものを設置するのではなくタップしやすさを考慮したスマホ独自のデザインにしましょう。

20151106042413.jpg
例:ferretのスマホページシェアボタン

FireShot_Capture_74_-世界が注目!イスラエル発のWebサービス15選|ferret__フェレット_-_https___ferret-plus.com_2579.png
例:ferretのPCページシェアボタン

ferretの場合、PC版のシェアボタンは横長のデザインになっていますが、スマホ版はタップしやすさを考慮し、正方形に近いデザインを採用しています。

3.ストレスを感じさせない設計

タッチパネルを採用しているスマホは、特に説明がなくてもなんとなく触っていると操作できてしまう直感的な操作ができるという特徴があります。
逆に直感的な操作ができないとユーザーにストレスを与え、ページ離脱につながります。
スマホ対応時には、いかにユーザーにストレスを与えず、スムーズにホームページを利用していただけるかを考慮しましょう。

ユーザーがストレスを感じるポイントは、大きく分けて以下の4つです。

  • ページ表示速度が遅い
  • 次にどのような操作をすればいいかわからない
  • 誤タップしやすい
  • 表示されない項目がある

できるだけユーザーにストレスを与えないよう、想定できる部分に対して事前に対策しておきましょう。

対策方法

  • ページ表示速度が遅い
    通信速度が落ちないよう容量を削減

  • 次にどのような操作をすればいいかわからない
    ナビゲーションの見直し(チュートリアルの設置)

  • 誤タップしやすい
    余白をあける、誤タップを誘発するような広告は設置しない

  • 表示されない項目がある
    Flashなど、スマホ上で機能しないものは利用しない