OGP設定の正しい方法とは？確認の仕方と注意点
自社サイトの情報やコンテンツを、TwitterなどのSNSで拡散してもらうときに、重要となるのがOGP設定です。 OGPとは、SNSのタイムライン上でURLがシェアされたときに、記事のタイトルやサムネイルが表示されるものです。サイトにユーザーを誘導するうえで大きな役割を果たし、正しく設定されていないと、「見栄えがよくない」「表示されない」などのトラブルが発生します。 今回はOGPの設定方法や確認方法などをご紹介します。 OGPの設定方法 OGPの設定方法はSNSによって共通している部分と異なる部分があります。今回はFacebookとTwitterを例に挙げてご説明します。 共通の設定 OGPの設定例 例えば「全米が注目！世界最高額スーパーボウル広告の実態と2018年放送のCM11選」のOGPを設定する際のコードは次の通りです。 <meta property="og:locale" c
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月
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
