エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
TwitterやFacebookで表示されるOGPイメージをGithubPagesで簡単に実装する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
TwitterやFacebookで表示されるOGPイメージをGithubPagesで簡単に実装する
Tweet OGP とは OGPとは Open Graph Protocol の略で、Webサイトのメタデータを記述する枠組みです。 ペ... Tweet OGP とは OGPとは Open Graph Protocol の略で、Webサイトのメタデータを記述する枠組みです。 ページのHEADセクションに決まった形式でHTMLを記述することにより、Twitterでリンク先のプレビューとして表示されるTwitterカードや、Facebookでのプレビューとして利用できます。 Twitterカードでの表示例 こんな感じに表示できます Facebookでのプレビュー表示の例 投稿やコメントなどでこんな感じに表示されます。 Twitter公式の説明 Twitter公式のドキュメントによると、TwitterのカードタグはOpen Graphのタグと似ており、タグやデータを複製することなくTwitterカードを簡単に生成できます。 Twitter側のカードプロセッサがページのタグを探す場合、最初にTwitter固有のプロパティがチェックされ、