タグ

OGPに関するtwolのブックマーク (3)

  • 【WordPress】Facebook OGPプラグインの使用を止めて自前で設定したら意図通りの画像で正しくシェアされるようになった

    OGPとは? プログラムにページ情報を正しく伝えるためのプロトコルです。 例えば、Facebookのクローラーがブログの記事を読み込んだとしても、相手はコンピューターなので、ページにどのような内容が書かれているか、まではハッキリと判断することができません。 そこで、ページごとにOGPを運営者側が設定してやることで、こちらが意図した内容を正確にコンピューターに伝えることができます。 Facebookとかでしたら、その情報が反映されてこのような感じになります。 手軽にイケてるグラフを作れるWEBサービスいろいろ ソースコードだと、このような感じで設定されます。 <meta property="og:type" content="blog"> <meta property="og:description" content="WEB上から簡単にグラフや図表が作れてしまうサービスをまとめてみました。

    【WordPress】Facebook OGPプラグインの使用を止めて自前で設定したら意図通りの画像で正しくシェアされるようになった
  • 2016年版:WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]

    今日はWordPressで作ったサイトにFacebookのOGPを設定する方法をご紹介します。 プラグインで対応している方も多いと思いますが、なるべくプラグインを使わないでサイトを軽くするために手動で設定していきましょう。 子テーマの使用方法 テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。 子テーマを使用すると、テーマ体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。 STINGER7での子テーマの使用方法はこちら↓ STINGER7:テーマのインストールと子テーマの使用方法 特にSTINGER7の場合は「header.php」を編集する際には注意が必要です。 こちらの記事を参考にしてください↓ STINGER7:親テーマの任意のファイルを子テーマで編集する方法 OGPとは? まずはお約束の「OGP」についての簡単な説明を少し。 もう見

    2016年版:WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]
  • ★★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 [フェレット]
    twol
    twol 2017/02/04
    “URLの指定方法は絶対パスで行う必要があります。”
  • 1