og:image 徹底解説、意味も設定画像スペックもこれでばっちり！ 2024年1月更新-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像（サムネイル画像やOGP画像とも呼ばれます）とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました！ ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか？まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
OGPで指定したサムネイル画像（og:image）の Facebook Timeline での表示が変わった気がするので実験してみた
なんだか og:image のサイズが Facebook で 200px 以上推奨に【仕様変更された】っていう記事ばかり目につきますが、公式アナウンスを見つけるまで信じないよ！と思っている今日この頃。 仕様変更されたことは信じないけど、警告が出るのはいやだから256px四方の正方形に変えました。256px四方の正方形に深い意味はないのですけど。 それはさておき、いいねした後にTimelineで表示される画像のサイズがなんかおかしい(´・ω・`)と思ったので、実験してみました。 今回実験してみたサムネイルのサイズは下図の5種類で、Timelineでの見え方と、Newsfeedでの見え方をキャプチャしました。そして、あくまでも 2012年7月4日現在 の仕様です。 まずは 90px × 90px の正方形 ニュースフィードでの表示 ふつーに正方形に表示されています。 タイムラインでの表示 なん
シェアデバッガー - 開発者向けFacebook
シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。
TAM テクニカルチーム | 【Facebook】OGPの画像サイズについて（新ニュースフィード対応） | Tips Note
新しいニュースフィードを使用するようになってから、 サムネイルが切れている画像を目にすることが多くなったため Facebook のOGPで設定する画像サイズについて調べてみました。 ✽ ✽ ✽ ✽ ✽ Facebookの開発者ページで解説されている通り、 「最小値が50×50ピクセル」で「アスペクト比（長辺と短辺の比率）が3:1以下」であれば、 ある程度大きな画像を設定していても ニュースフィードで表示されている最大値である90ピクセルに最適化するよう 横幅90ピクセルで自動的に縮小されていました。 ところが、 新しいニュースフィードでは長辺を90ピクセルで縮小しているようで、 短辺が90ピクセル以上の大きな画像を設定すると、 サムネイルの両端が切れてしまいます。 ※90×80ピクセルの画像でテストしてみたところ、問題なく表示されましたので 短辺が90ピクセルを超
技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)
mixiチェックボタンの設置方法は簡単です。数行の HTML を追加するだけです。 チェックボタン用HTML発行フォームをお使いください。 ただし、効果的に設置するためにはいくつかのポイントがあります。 設置のポイントに関しては、「mixi Plugin 実装のポイント」をご確認ください。 mixiチェックボタンの設置（PC 向け） mixiチェックボタンの設置（PC 向け） <a href="https://mixi.jp/share.pl" class="mixi-check-button" data-key="...">mixiチェック</a> <script type="text/javascript" src="https://static.mixi.jp/js/share.js"></script> a 要素と script 要素には、それぞれ以下の属性を指定できます。 a 要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.rikenvitamin.jp/non_oil/index.html
mixiチェックに関するガイドライン改定について - ニュース
http://img1.timelog.jp/up/amateru/b54f64348e549ba9ef3b441d94a6f2d301.jpg