MTでOGPの設定：Facebookでサムネールを表示させる方法
好きなものは空と緑とS2000とガンダムとラジコン・ミニ四駆、Perfume（かしゆか）。ときどき子育てとキャンプ。 よくFacebookにリンクを貼ると、自動的にサムネールを表示してくれるではありませんか。いわゆる og:image を引っ張ってくれるわけですが、どうやら先日Facebook側のパーサーに変更があったらしく、読み込めなくなっていました。 ［デバッガー］ 原因究明をするためにはまず、FacebookのデバッガーにURLを打ちこんでエラー内容を確認します。するとなんと metaタグがbody内に記述されている、という解釈になっていました。原因はhead宣言が正常に行われていなかったことで、それに伴いそれまでプラグインを使って設定していたOGPを、本ブログに倣って以下に変更しました。 ・エントリーアーカイブ用（パーマリンク） <!-- Open Graph Protocol f
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月
検索評価やソーシャルメディアでシェアされるリンクのURLを統一するのに必要不可欠なcanonical属性とは : Tech Talk Blog - Six Apart
こんにちは。Zenbackのプロダクトマネージャーの壽（ことぶき）です。 普段はZenback 公式ブログや、@zenbackあたりで発信しているのですが、今回はちょこっと技術的なお話をさせていただきたくて Tech Talk Blog にお邪魔いたしました。 Zenback ってどんなサービス？ そしてどんな仕組み？ さて、Zenback。これは弊社が開発しているブログパーツです。 ブログの各記事の下の方に設置するだけで、記事へのソーシャルメディアでの反応をまとめて表示したり、逆にソーシャルメディアにポストするボタンを表示できます。この記事の一番下にも表示されてます。 これらの機能はどれも「記事ページのURL」がキーになっています。 「記事ページのURL」とひもづいているツイートやはてなブックマークの反応を集めてきて表示しますし、ツイートする／はてブする／mixiチェックする／Goog
簡単にできる OGP を組み込むまでの最短手順
OGP 関係でいろいろと整理したので自分用にメモ。もうちょっとしっかり解説した以下の2つの記事がおすすめです。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記 SEOの2倍アクセスを稼ぐFacebook活用術 「いいね！」ボタンと「OGP」の設定方法を超解説 – ガジェット通信 OGP 組み込みの際の基本の記述 以下のコードを貼りつけてページによって必要な情報が流し込まれるようにすればそれで完了です。アプリケーションIDはアプリケーションを作成をしてすぐに取得することができます。 <!DOCTYPE html> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <head> <title>ページのタイトル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
OpenGraphTags - ToI
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker