タグ

SNSに関するbamboo_nのブックマーク (6)

  • ★★Facebook・TwitterのOGP設定方法まとめ|ferret [フェレット]

    運営しているホームページやWebサイトで、OGP設定は行っていますか? OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場

    ★★Facebook・TwitterのOGP設定方法まとめ|ferret [フェレット]
  • 母親にインスタグラムをやらせよう。 - 拝徳

    note.mu こんな記事が話題になって、案の定はてな民に寄ってたかって言われていたので、インターネッツの世界は罪深いですね。と思って眺めていた。 ただ、僕は作者の発言は一理あると思っている。 自分のよく使うSNS空間に属性が異なる人間がいるといううのはとても不愉快だからだ、 例えば、世代が違えどいえど家族だとしてもどうだろう? 批判的なコメントを残している多くの輩も 「そうだね。インターネッツの世界は自由だし、たくさんの人にアクセスしてもらって読者が増えると嬉しいよね!じゃああなたがやっているこのはてなブロクやはてなブックマークも、自分の母親に見てもらおうね!!あ、Twitterも見せてあげたら近況がわかって喜ぶね!! あ、まだ、家族は知らないんだね!! じゃあ僕が代わりにあなたのお母さんとお父さんにURL送っておいてあげるよ!! ITが苦手なお母さんがいつでも読めるようにスマフォのお気

    母親にインスタグラムをやらせよう。 - 拝徳
  • 企業のソーシャルメディアキャラクター28事例一覧まとめ | 求人広告代理店のリクエストエージェント

    企業運営のソーシャルメディア上で活躍するキャラクターには様々な種類・タイプがあり、伊藤ハムのハム係長・ローソンのあきこちゃんなど、活躍中の人気キャラクターがたくさんいます。 皆さんもこうしたキャラクターをみかけたり、コミュニケーションをした経験はありませんか?キャラクターとのやりとりにちょっとドキドキしたり、応援したくなったり、時として心配になったり、生身の人間とのコミュニケーションと同じように楽しんでいる方もいらっしゃるのではないでしょうか。 今回は、以前から活躍しているキャラクターを一挙に紹介していきたいと思います。キャラクターの特性や運用の特徴についても簡単に紹介しています。 キャラクターの運用方法として「コンテンツの作り方」や「語りかける口調」など実際のページを訪問しながら参考にしてみてください。また、キャラクター設計のコツやコミュニケーションのコツについては、以下の記事で詳しく解

    企業のソーシャルメディアキャラクター28事例一覧まとめ | 求人広告代理店のリクエストエージェント
  • Ultimate Collection of Social Media Icons

    Social media integration has become an important part of modern web design. And icons are one of the most useful methods of adding social media links to your site, whether you want to add only a service or two or dozens. In this post we've collected over 100 of the best free social media icon sets available. Although we're sure you've seen many of these before, we're also pretty sure that you'll d

    Ultimate Collection of Social Media Icons
  • MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法 | Creazy!

    【2012/12/02:追記】 記事文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。 ども、ブログご無沙汰気味のヤガーです。 久しぶりにちゃんと技術っぽい事書かないとなぁと思いまして、いまさらですがOGP対応の話題など取り上げたいと思います。 といっても、すでに詳しく書かれているページもたくさんあるでしょうから、今回はボクがブログで使用しているMovableTypeでの実装方法にフォーカスしています。 いきなりですが、個別ブログ記事テンプレート用の完成版のソースです! <meta property="og:title" content="<$MTEntryTitle remove_html="1"$>" /> <meta property="og:type" content="ar

    MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法 | Creazy!
    bamboo_n
    bamboo_n 2012/06/11
  • Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです

    FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに! ≫ボタンをオリジナル(自作)にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす

  • 1