menu

CTRが約300%UPしたオウンドメディアも。SNSシェアボタンの配置・デザインについて

制作

多くのWebサイトに設置されているFacebookやTwitterといったSNSのシェアボタン。ページ全体のレイアウトやコンテンツの内容と比べれば、ユーザーに与える影響はそれほど大きくないようにも思えますが、シェアボタンの設置の仕方やデザインによって効果が大きく変わってくることもあります。

・SNSシェアボタンの思いがけない効果
ある企業のオウンドメディアでは、SNSのシェアボタンのデザイン・設置方法を変えたところ、クリック率が約300%アップしたという事例があります。変更前に使われていたのは「シェアする」というボタン。ユーザーがそれをクリックすると各SNSのアイコンが表示され、コンテンツを共有することができました。

それに対して変更後は、FacebookやTwitter、Lineのシェアボタンを直接ページ上に直接配置。結果的にアクションまでのステップが1つ少なくなったことで、大きな拡散効果を生み出しました。「シェアする」という文言からその後の具体的なアクションをイメージできなかったユーザーを取り込むことができたという点もあるかもしれません。

SNSを利用者の大半はスマートフォンユーザーです。何気ないシェアボタンの設置の仕方1つでも、より簡潔によりスピーディにすることによって、ユーザーの行動は大きく変わってきます。

・SNSシェアボタンのデザインについて
FacebookやTwitterをはじめとした多くのSNSのアイコンは、カラフルで視認性に優れています。デフォルトのアイコンに近いシェアボタンをそのまま使っても問題ないケースも多いのですが、Webサイトのテイストと合わない場合や、変化をつけたい場合などは、Web上で無料公開されているアイコンを利用するのも1つの方法です。

・JUSTVECTOR SOCIAL ICONS
シンプルなデザインで、色を好きなようにカスタマイズできるSNSシェアボタンのパッケージです。

・Picons Social
モノトーンのシルエットタイプのSNSシェアボタンです。画像のクオリティが売りのWebサイトなど、あえてシェアボタンを目立たせたくない場合に使ってみるのもいいかもしれません。

・Isometric 3D Social Icons Set
斜めに置かれたブロック型のSNSシェアボタンです。豊富なサイズが用意されています。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

marketing15ターゲットに合わせて使い分けたい、ネイティブアドの掲載メディア&サービス3選

renewal10Web制作/リニューアルの素材を効率的に管理できるオンラインツール

関連記事

  1. webdesign03

    ランディングページ制作に携わるなら知っておきたい、行動心理学の4…

    訪問したユーザーを納得させ、具体的なアクションに導くことが求められるランディングページ制作。Webデ…

  2. Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Youtubeをはじめとした動画配信プラットフォームが普及し、スマートフォンで場所・時間を問わず動画…

  3. 短時間で効果的なバナーを作成するために押さえておきたい3つのポイント

    短時間で効果的なバナーを作成するために押さえておきたい3つのポイ…

    インターネット黎明期から業種・目的を問わずあらゆるWebサイトで使われてきたバナー。動画やSNSをは…

  4. GoogleChrome02

    意外と知られていない?業務効率アップに役立つGoogle Chr…

    2016年に利用者数でInternet Explorerを上回り、ブラウザ利用シェアで世界1位に躍り…

  5. コントラストやトーン&マナーを工夫してさらに効果を高める、バナー作成のコツ

    コントラストやトーン&マナーを工夫してさらに効果を高める、バナー…

    動画などさまざまなメディアが発達した今でも、Webサイトにおけるバナーの重要性に変わりはありません。…

  6. 時間による変化やこだわりの制作過程を数十秒で見せる、タイムラプス活用事例

    時間による変化やこだわりの制作過程を数十秒で見せる、タイムラプス…

    インフォグラフィックと並んで、よりスピーディーに分かりやすく情報を伝えるWebマーケティングの手法と…

  7. 観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR)動画

    観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR…

    Youtubeなどの動画配信プラットフォームに加え、無料の動画素材や編集アプリなども身近になったいま…

  8. web04

    Webサイトのプランニングに活用できる「マインドマップ」(後編)…

    1つの主題から関連するキーワードやイメージを放射状に書き出していくことによって、複雑な概念や情報を分…

PICKUP

  1. ぎをん椿庵 / 京風野菜のもちもち生パスタ
  2. あえて「弱み」を出し、売る側の顔を見せる。納得できる商品ページのコンテンツ
  3. listing02
  4. “ユーザーが購買する意味”を作る。ECサイト成功の鍵を握るコンセプト設計
  5. 【リスティング広告】 獲得効率アップの鍵を握る予算設定
  1. ec05
  2. 文章力ではなく情報整理がキーとなるキャッチコピー作成
  3. そんなプライドいります?
  4. 【リスティング広告】 CTRが約6倍になった事例も。集客を劇的に改善するプレミアムポジション
  5. listing02
  6. 【リスティング広告】 ユーザーの行動ニーズに応えるランディングページ作成
  7. webdesign04
  8. nest
  9. bc-hydro-smart-meter
PAGE TOP