To make your own rich preview embed when sharing a link on social media or messaging platforms, you need to add special OpenGraph <meta> tags to the <head> section of your HTML document. These tags tell the platform what title, description, and image to display in the preview card.
Here is an example of the meta tags used for this page:
<meta property="og:title" content="Freshly Baked Dog Toe Beans" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://shenanigans.dog/beans/beans.png" />
<meta property="og:description" content="Look at these magnificent little paw pads. 10/10 would boop. Warning: May cause uncontrollable squealing." />
<meta property="og:url" content="https://shenanigans.dog/beans/" />