Easy social media preview card generation

#tutorial #webdev

Instead of creating your own image for your og:image and twitter:image meta tags, you can use a free service that takes a screenshot of your website and uses that as the image. In this case we are using webshot.deam.io. More about this service here.

Example

<head>
 <title>Webshot</title>
 <meta property="og:image" content="https://webshot.deam.io/usecrypto.xyz?width=1200&height=630">
 <meta property="twitter:image" content="https://webshot.deam.io/usecrypto.xyz?width=1200&height=630">
</head>