SNSボタンの設置方法＆デザインレギュレーション ｜ Tips Note by TAM
セキュリティなどの問題で規約に変更があったり、コードの書き方が微妙に変わっているものがありましたので、2018年12月現在の情報を調べ直してみました。 ※各SNSでは、複数の便利なボタンや埋め込み表示サービスやカスタマイズ方法がありますが、こちらでは「定番のもの」のみをまとめています。 弊社デザイナーに聞いたところ「レギュレーションが意外と厳しい！」との声がありましたので、ボタンやロゴの文言・余白などを調整したい場合は、デザイン規約について触れているページの URL も併せてどうぞ！ （ボタンのカスタマイズ方法は複数ありますが、基本的には「支給されているそのまま」で使うことを推奨。） 目次 Facebook（「いいね！」ボタン、シェアボタン） Twitter（「ツイート」ボタン） LINE（「LINEで送る」ボタン） はてなブックマークボタン Pocketボタン おまけ（Google+、m
【2016年版】Facebook、Twitterに最適なOGP記述設定まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 突然ですが、OGPの記述って意識していますか？ OGP（Open Graph protocol）とは、単刀直入に言うとSNSでシェアしたときに表示される情報のことです。 OGP記述を設定することで、SNSでシェアされたときの視認性が高まるので、設定は必須としたいところです。 過去に何度か設定変更があり、いつも「何が最新なの？」と迷ってしまうので、2016年最新版をまとめてみました。 OGPの記述設定 HTMLの内に下記を記載します。 //共通項目 <meta property="og:title" content="ページのタイトル" /> <meta property="og:type" content="ページのタイプ" /> <meta property="og:url" content="ページのURL" /> <meta property=
ブログを書いている人は Facebook ページ（ファンページ）を作るべき | iPhone 研究室
Facebook ページ（ファンページ）を作らない理由は何もないと思ってます、はい。特にブログを書いている人なら。 読者とのコミュニケーションが活発になる他のブロガーとのつながりも気軽にできる検索で上位に出やすい緩やかなつながりのコミュニケーションができる「ファンページ」という呼び方が気恥ずかしい？・・・解ります。でも、そこは難しく考えずに、「公開ページ」と脳内で変換しましょう。元は「Official page」なので、そもそも「ファンページ」という訳がおかしいんです。 （2011年2月5日、公式サイトで「ファンページ」から「Facebook ページ」に記述が変更されました） 【理由1】いいね！がモチベーションになるFacebook の「いいね！」ボタンは、Webコミュニケーションの中で最大の発明の一つだと思います。 ブログにコメント欄を用意してあっても、残念ながらコメントを残してくださる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta