タグ

ogpに関するhrfmsdのブックマーク (4)

  • ★★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 [フェレット]
  • 今更だけどfacebookのShare方法まとめ - tanihiro.log

    とっても今更ですが、よく聞かれるのでfacebookのShare方法をまとめます。 facebookのShare方法には大きく分けると2種類あります。 1. sharer.phpを使う http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fgoogle.com sharer.phpに「u」というパラメータでURLを渡せば、渡したURLのOGPを読み取ってShareを促すことができます。 この方法は、昔あったShareボタンのPluginのURLを抜き出したものなので、現在はShareボタンと同様に公式によるサポートはありません。 そのため、いきなりこの方法が使用できなくなる可能性もありますし、Share画面のレイアウトもきれいなものではありません。 いつの間にか、公式ドキュメントにsharer.phpが復活していました。https

    今更だけどfacebookのShare方法まとめ - tanihiro.log
  • Twitter カード 7タイプの使い方をカード種別ごとに解説するよ

    Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日語で書き直していますので完全な翻訳ではありません。 Twitter Cards (Twitter カード)、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので (公式な日語ドキュメントも今のところないし)、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP (Open Graph Protocol) を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと

    Twitter カード 7タイプの使い方をカード種別ごとに解説するよ
  • Twitter Cardsを設定して自社サイト情報をツイートに出す2つの手順(OGP済みなら10分でOK) | 初代編集長ブログ―安田英久

    今日は、Twitter格的に展開を進めている「Twitter Cards(ツイッターカード)」を表示するための、サイトの変更方法を解説します。Facebookでシェアされたときの表示を指定する「OGP」を設定しているサイトなら、10分で完了するような内容です。 2012-09-06: 申請後しばらくしたら、自分のアカウントでカードが表示されるようになり、Web担のサイトのURLでカードが表示されるようになりました。 Twitter Cards(カード)とは?Twitter Cardとは、Twitterが進めているツイート表示のリッチ化の仕組みのこと。ツイート内にURLが含まれている場合に、ツイートの詳細表示でそのページのタイトルや概要、アイコン写真などを表示するものです。 このカード表示は6月にスタートしたのですが、まだすべてのTwitterアカウントで有効になっているわけではなく、カ

    Twitter Cardsを設定して自社サイト情報をツイートに出す2つの手順(OGP済みなら10分でOK) | 初代編集長ブログ―安田英久
  • 1