Custom Open Graph Images for repositories
ProductCustom Open Graph Images for repositoriesToday, we're introducing Custom Open Graph Images to all repositories on GitHub.com. Repositories are the heart and soul of GitHub. They’re your jobs, your passion projects, and the purpose you rally behind to build great things. People create amazing projects on GitHub every day, but pitching your hard work in a 100-character text description is a d
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
Facebook「いいね!」ボタンが設置できるようになりました - はてなダイアリー日記
本日、はてなダイアリーにFacebook「いいね!」ボタンが設置できるようになりました。 はてなダイアリーに「いいね！」ボタンを設置するには、設定画面の記事の設定から、「Facebook『いいね!』ボタンを表示」にチェックを入れて設定を保存します。設定を保存すると、各記事の本文の下に「いいね!」ボタンが表示されるようになります。 どうぞご利用ください。 記事共有ボタンまわりのデザイン変更について 今回の機能追加により、はてなダイアリーの記事本文の下に表示する記事共有ボタンは、はてなブックマークボタン、ツイートボタン、「いいね!」ボタンの3種類になりました。あわせて少しデザインを変更しています。ツイートボタンは公式のツイートボタンに変更しました。はてなブックマークボタン、ツイートボタンは表示位置を変更させていただきました。記事表示ボタンのデザインは各テーマのデザインに応じて最適化してあります
シェアデバッガー - 開発者向けFacebook
シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。
OGPの事例について〜coobooの場合〜 - VTuberになったプログラマーの魂の残滓
こんにちは！こんにちは！ さて、ものすごいブクマ数を稼いでいるid:amachangのこの記事ですが、非常に分かりやすいですね。 せっかくなのでcoobooにおけるOGPの事例というのを簡単に紹介してみたいと思います。 作品詳細ページにOGPと「いいね！」ボタンを設置 例として下記のページを見てみましょう サイトウサンTシャツ（積分） 女性Mサイズ | 洋服（洋装） | かえる このページのソースコードを見ると下記のようになっています <meta property="og:site_name" content="cooboo [こーぼー] :: 手作りの作品を披露する・売る・買う ハンドメイドコミュニティ" /> <meta property="og:title" content="サイトウサンTシャツ（積分） 女性Mサイズ | ファッション・アクセサリー > 洋服（洋装） :: c
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
