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. webdesign04

    マンネリ化したWebデザインから脱却したい時は注目。心理学におけ…

    制作したWebページの効果が伸び悩んでいる時や、何となくマンネリ化した印象を拭えない時などは、行動心…

  2. webdesign05

    ユーザーを適切に導くCTAボタンの3つのパーツと、デザインのポイ…

    予約や購入の起点となるCTA(コール・トゥ・アクション)ボタンは、コンテンツや入力フォームと並んでW…

  3. 購買率が1.68倍UP。ECサイトに取り入れたい「短め」デモンストレーション動画

    購買率が1.68倍UP。ECサイトに取り入れたい「短め」デモンス…

    企業のメッセージやブランドの価値観を伝えるブランディング動画とあわせて、動画マーケティングに取り組む…

  4. web01

    ユーザーに声をヒントにWebサイトを改善。手軽に利用できるアンケ…

    Webサイトの効果を示すデータは大きく2つに分けられます。1つはアクセス数やクリック率(CTR)、コ…

  5. 表示速度を0.1秒改善して売上1%アップ?フラットデザインの具体的なメリット

    表示速度を0.1秒改善して売上1%アップ?フラットデザインの具体…

    スマートフォンやSNSの普及によってコミュニケーションのスピードが速まり、キュレーションサイトやHo…

  6. GoogleChrome

    上手く使って確認やオペレーションの手間を軽減。Google Ch…

    ソースの修正や検索キーワードのピックアップ・確認など、何かと細かい作業がつきもののWebディレクター…

  7. 01-HTML-CSS

    Webディレクターなら正しく理解しておきたい、HTML5の4つの…

    2014年10月に勧告され、さまざまなWebサイトで使われているHTML5。国内でも無印良品などHT…

  8. ハイクオリティな動画素材を無料でダウンロードできるWebサイト3選

    ハイクオリティな動画素材を無料でダウンロードできるWebサイト3…

    従来のリスティング広告やバナーに対して圧倒的に多くの情報量を伝えられ、商品開発の陰に隠れたストーリー…

PICKUP

  1. BLEBeacon16
  2. web director wordpress08
  3. ad09
  4. 横浜 割烹 料亭 田中家|激戦の時代を生き抜いた歴史ある老舗料亭
  5. デキルトレード
  1. ec01
  2. ec05
  3. listing03
  4. 「検索型」と「SNS型」。商品ページのヒントになるユーザーの2つの購買パターン
  5. iot08
  6. ec05
  7. 4つのターゲット層とそれぞれに向けた広告アプローチ
  8. WebDirector07
  9. seo09
PAGE TOP