So it turns out my site's previews have been borked for who knows how long due to me not understanding that #OpenGraph 's `og:url` is meant to be a unique ID, not just something you can set to your site's base URL and be done with it.

Because of that articles have had completely unrelated previews and that's not very potential-reader friendly.

Annoying to learn, but better late than never...

#WebDev #HTML

👍 Inserire manualmente i meta tag Open Graph (OG) in WordPress senza plugin
Aggiungere manualmente la generazione dei meta tag OpenGraph su Wordpress con una semplice funzione...

👉 https://www.selectallfromdual.com/blog/1740

#opengraph #trucchijavascript #truccowordpress

Inserire manualmente i meta tag Open Graph (OG) in WordPress senza plugin

Aggiungere manualmente la generazione dei meta tag OpenGraph su Wordpress con una semplice funzione

DUMMY-X
OG Image Generation on the Edge

How I built a flexible OG image system using Cloudflare Browser Rendering, inspired by OGKit's approach.

Matt Rothenberg
ICYMI: Google's secret thumbnail formula: schema.org and og:image both count: Google today clarified it uses both schema.org markup and the og:image meta tag to select image thumbnails in Google Search and Discover, updating its official documentation. https://ppc.land/googles-secret-thumbnail-formula-schema-org-and-og-image-both-count/ #Google #SEO #DigitalMarketing #SchemaMarkup #OpenGraph
Google's secret thumbnail formula: schema.org and og:image both count

Google today clarified it uses both schema.org markup and the og:image meta tag to select image thumbnails in Google Search and Discover, updating its official documentation.

PPC Land

Manchmal braucht man das Zwischending zwischen „gar keine #Typografie“ und „vollwertige Schriftsatz-Engine“.

Hier ist eine einfache Zeilenumbruch-Lösung für dynamische Bilder. Schnell umgesetzt, performant und für 99% der Anwendungsfälle im Bereich „automatisch erzeugte Blog-Vorschaubilder“ ausreichend.

Noch dazu ist es eine nette Gelegenheit, sich von der #Canvas-Schnittstelle die Länge eines Textes berechnen zu lassen.

https://blog.kinetiqa.de/2026/02/einfacher-zeilenumbruch-canvas/

#JavaScript #Bildgenerierung #OpenGraph

Einfacher Zeilenumbruch in Canvas – Kinetiqa Blog

Das HTML-Canvas-Element hat eingeschränkte technische Möglichkeiten, wenn es um anspruchsvolle Typographie geht. Wir fangen hier mit einer ganz simplen Maßnahme an: ein einfacher Zeilenumbruch-Algorithmus.

Nice! With #GrafX2 and my pfp I finally have a custom favicon. Also fixed the default picture for link preview, if there is no header's picture for the linked post  Like this:

https://eugene-andrienko.com/about.html

#favicon #OpenGraph

About

Dragon’s cave with posts about IT, photography, bicycles and different DIY.

Eugene Andrienko

@Itswoland @drq

Я ожидал возможность цитирования как части форматирования

В #GlitchSoc реализовано же 😉

А «цитаты», как они зделоны сейчас, не добавили функциональности сверх #OpenGraph-карточкек, но поломали гораздно больше 🙁

wait, why is it

<meta name="fediverse:creator" content="@steffo">

and not

<meta property="fediverse:creator" content="@steffo">

if it's supposed to be an OpenGraph tag?

#OpenGraph #Mastodon

I finally found the time and played with #Hugo templates until I was satisfied with the #OpenGraph images that were generated.
https://eigenwijsje.dev/til/generate-opengraph-images-with-hugo/
To generate OpenGraph images with Hugo

By using its image filter functions to add text to a base image.

eigenwijsje.dev
r6d8: Migrated lab-of-labs to #Codeberg -> 57 links fixed! Switched to marked.min.js, eliminating md to html build step. Testing #OpenGraph now... dbt4u.codeberg.page/lab-of-labs/ \__ #100DaysOfCode #OpenSource #giveupgithub #diday #didit 🇩🇪 y.lab.nrw/r6d8 🐘

lab-of-labs
lab-of-labs

Collect all my labs into one