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

    月間ユーザー1億人以上のサービスも。Webディレクターが知ってお…

    世界中で10億人以上の人に利用されているSNS。Webサイトも分野を問わずSNSからの流入が増えてお…

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

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

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

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

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

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

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

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

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

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

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

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

  6. 「アイコン化」が進むユーザーコミュニケーションとWebサイト

    「アイコン化」が進むユーザーコミュニケーションとWebサイト

    MMD研究所が2015年に行ったリサーチによれば、日本国内のスマートフォーンユーザーの半数以上が1日…

  7. 01-HTML-CSS

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

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

  8. 再生回数230万回。参考にしたいブランディング動画Android「Monotune」

    再生回数230万回。参考にしたいブランディング動画Android…

    Webサイトの制作・リニューアルに明確な目的に設定が必要になるのと同じように、動画コンテンツを活用す…

PICKUP

  1. 【リスティング広告】 ユーザーのニーズをさら掘り下げる検索クエリの活用
  2. ビッグデータ×BLEBeacon|意外と知られていない2つの可能性
  3. Webサイトの文章に+αの効果をもたらすフォントサイズ&位置の工夫
  4. 企業のポジションとPRの方向性を明確にする「競争地位理論」
  5. 繋
  1. BLEBeacon18
  2. Neuroon
  3. そんなプライドいります?
  4. 【SEO】 運用後の軌道修正にも役立つ事前の効果シミュレーション
  5. パスワードは8文字以上
  6. ec04
  7. フラットデザイン化に使える無料アイコンのダウンロードサイト
  8. marketing03
  9. web director wordpress04
PAGE TOP