next-notion-portfolio VS opengraph

You can find the source code here.

Like any project, a developer portfolio should be well thought of before starting. What do you want to showcase? How do you want it to look? How do you want to manage it? what tools and frameworks to use? In this article, I am going to take you through the tools I have used and why I chose to use them. It’s important to keep in mind the “why”, as it’s easy to lose track of what is required even in something as simple as a static portfolio site. This article is the first part of a series where I break down my developer portfolio whose code can be found on github.

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.