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

    Webサイトのコンテンツをどう見せるか。共有・拡散されやすい3つ…

    Webサイトのコンテンツは内容に加えて「どう見せるか」、「どう届けるか」という視点も非常に大切です。…

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

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

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

  3. web03

    画像のクオリティにこだわりたい場合の選択肢。意外と知られていない…

    Webサイトやソーシャルメディアで使われる画像の多くは、JPEGやGIF形式です。その一方、自分で写…

  4. 有力キュレーションマガジンも導入。スマホの動画視聴にマッチしたタテ型動画

    有力キュレーションマガジンも導入。スマホの動画視聴にマッチしたタ…

    バーチャルリアリティ(VR)やオーグメンテッドリアリティ(AR)と並び、新しい動画コンテンツのトレン…

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

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

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

  6.  外注-or-自社制作? バナー制作会社を利用する場合のメリット&デメリット

    外注 or 自社制作?バナー制作会社を利用する場合のメリット&デ…

    的確な制作手順をふまえたうえで、自社の商材やブランドイメージに合わせてレイアウトやフォントを工夫する…

  7. 誰でも簡単にインフォグラフィックを作成できる無料ツール

    誰でも簡単にインフォグラフィックを作成できる無料ツール

    数値とイラスト、図形、グラフなどを組み合わせビジュアル化することによって、複雑な情報も直感的に伝える…

  8. webdesign01

    日常的に使うPhotoshopだからこそ知っておきたい、初期設定…

    画像のレタッチやリサイズなど、Webディレクター業務でも何かと使う機会の多いPhotoshop。Ph…

PICKUP

  1. フラットデザイン化に使える無料アイコンのダウンロードサイト
  2. クリック率19倍UPの事例も。Facebookも活用しているパーソナライズド動画
  3. 牛兵衛 草庵 /和牛にこだわった焼肉
  4. ad07
  5. デキルトレード
  1. そば処 味奈登庵
  2. ec06
  3. web03
  4. スマートフォンを意識したWebライティングのコツ
  5. 潜在ターゲット層へ効果的にリーチするGoogle「キーワードターゲティング」
  6. ホームページに集客したいんです!
  7. niwa
  8. web07
  9. 企業のポジションとPRの方向性を明確にする「競争地位理論」
PAGE TOP