website VS opengraph

You might take a look at SCM Manager - https://scm-manager.org/

If all these solutions have problems with wrapping texts or require us to build the image with an external tool, why could we just use HTML+CSS to define our image? This is possible! We can create our card with HTML+SVG+CSS, open a browser and create a screenshot of the result. I've used this approach in the past and it worked well. The problem is that the process is very slow. This example creates the cards during the build. Creating the cards during the build requires external caching, because it slows down the build extremely. Also generating cards with this approach in a serverless function is often not possible, because it requires a browser within the function which breaks the size limit of those functions.

OpenGraph docs

og:*: specified by the Open Graph Protocol for social media links rendering that determine their title, description, and images when you share them on social media or chat software such as Twitter(X), Discord, etc.

OpenGraph probably.

To explore more Open Graph properties, visit this website: Open Graph Protocol.

Since Netlify introduced Edge Functions we've had an ideal way to add a tiny bit of logic into our link shortener which will return a page template of our own to anything looking to unfurl the URL to display its opengraph image.

Recoil Gunworks doesn't have an Open Graph image tag defined in their product pages, so Reddit chooses something at random to use for a preview thumbnail. Neither OP nor the mods can do anything about it.

The idea behind the Semantic Web is, if anything, the exact opposite. Yes, it's still about meaning, in the end. But in this case, it's about the authors of content (mostly webpage developers) intentionally making their content more machine-discoverable, providing links and markup and metadata that computers can read without having to do finicky and error-prone extraction. Most major sites use some features of this! As an example, if you paste this page's URL into Discord, you'll get a fancy popup box with a little snippet of the text and maybe an icon, and this is through a Facebook-developed Semantic Web extension called OpenGraph.