手法

jekyll-seo-tag を使います

手順

  1. Gemfilejekyll-seo-tag を追加します
    gem 'jekyll-seo-tag'
    
  2. 任意のOGP画像を追加します assets/images/{任意のファイル名}
    🥱 < OGP画像の推奨サイズは1200×630pxとのことです

  3. _config.yml に以下の設定を追加します
    defaults:
      - scope:
       path: ""
     values:
       image: /assets/images/{任意のファイル名}
    

表示

ソース内での表示は以下のようになります
http://localhost:4000/assets/images/ogp-default.png にアクセスすると画像が表示されることが確認できます

<meta property="og:image" content="http://localhost:4000/assets/images/ogp-default.png">として表示されます

Facebookでの投稿だとこんな感じに