Select the template of your choice and generate social preview image for your site for free.
Fill in the details and click on generate image.
Required
Optional. Link to the logo. Work best with square image. Leave blank to hide logo.
Add relevant meta fields to your website head section.
Once the image is generated, you can copy this code snippet to your <code>head</code> section.
<head> <meta property="og:type" content="website"> <meta property="og:image" content="{{imageUrl}}"> <meta property="og:url" content="https://{{website}}"> <meta property="og:title" content="{{title}}"> </head>
If you like to learn more about open graph image, you can read it here https://www.freecodecamp.org/news/what-is-open-graph-and-how-can-i-use-it-for-my-website/