タグ

2015年12月10日のブックマーク (6件)

  • Summary with Large Imageカード | Twitter Developers

    Summary with Large Imageカードでは、大きなフルサイズ幅の画像をツイートに含めることができます。 このカードは、ユーザーに印象深い写真を表示して、ユーザーがその画像をクリックするとあなたのウェブサイトに誘導されるようにしたものです。以下の1@TechCrunch21からのツイートは、140文字のテキストと共にSummary with Large Imageカードを使用した例です。Everything you need to know about the Amazon Fire Phone http://t.co/uULA47di9M — TechCrunch (@TechCrunch) July 23, 2014twitter.comとTwitterのモバイルクライアントでは、画像がツイートのテキストの下に表示されます。Twitterのシステムではツイートにリンクが含

    pro_searcher
    pro_searcher 2015/12/10
    “ページの内容を表す独自の画像のURLです。ウェブサイトのロゴ、作成者の写真、複数のページに使われている画像など、一般的な画像は使用しないでください。このカードの画像は、幅280px以上、高さ150px以上である必要
  • Summary with large image

    <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2

    Summary with large image
  • Card Validator | Twitter Developers

    Something went wrong, but don’t fret — let’s give it another shot.

  • Open Graph protocol

    Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any

    Open Graph protocol
    pro_searcher
    pro_searcher 2015/12/10
    “website”
  • ★★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 [フェレット]
    pro_searcher
    pro_searcher 2015/12/10
    “<meta property="og:type" content="ここにタイプ" />”
  • ツイッターカードを使おう!

    立松です。 今回はツイッターの投稿において投稿の存在感を他よりも大きく高めることができる表示方法、ツイッターカードの使い方について書きます。 簡単に導入できるので、ぜひやってみていただきたい内容です! ツイッターカードとは? ツイッターはマイクロブログ・短文投稿サイトなどと表現されるように通常は140文字以内で投稿をする必要があり、写真以外は必然的にテキストのみの表示でした。 ツイッターカードとは、簡単にいえば140文字のテキストとは別にツイート内にカードを添付して目立たせツイートの表示回数やクリックをより多く獲得するためのものです。 ツイッターカードを使えば写真付きのカード表示で見やすくかつ目立ち、より反応(エンゲージ的・ソーシャル的な絡み)を得ることが可能になります。 導入も非常に簡単です。 Twitter Cardの作成方法 Twitter Cardを作成するには「Twitter D