エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Facebook・X(Twitter)のOGP設定ガイド【2023年10月時点】|ブログ|ウェブスタジオTANI
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Facebook・X(Twitter)のOGP設定ガイド【2023年10月時点】|ブログ|ウェブスタジオTANI
普段WordPressでの対応がほとんどでプラグインで対応しているんですが、たまに独自で設定する必要がある... 普段WordPressでの対応がほとんどでプラグインで対応しているんですが、たまに独自で設定する必要があるときに記述方法を忘れてることがしばしばあります。 Basic認証がかかってるテスト環境で確認するのが大変で、公開後に確認したらきちんと表示されないこともあったりで大変なのでまとめました。 OGPってなに?Open Graph Protocolの略で、X(Twitter)やFacebookなどのSNS上でウェブページの情報を連携できるよう記述するHTMLタグのことです。 主にX(Twitter)、Facebookでシェアするときに見やすくわかりやすくなるためほとんどのサイトで設定しています。 基本設定まずはHTML5で利用する場合の基本のソースコードを記述しておきます。 <head prefix="og: http://ogp.me/ns#"> <!-- 共通設定 --> <meta p