→ Could Open Graph Just Be a CSS Media Type?
https://scottjehl.com//posts/open-graph/

“These social preview images are a nice thing for a website to have. But the workflow for adding them to a site is, in my experience, not nice.”

“To me, it seems like the social preview for a given URL should ideally just be another CSS layout of that page, merely formatted for a particular media type: an opengraph preview media type.”

#CSS #social #website #preview #opengraph

Could Open Graph Just Be a CSS Media Type? | Scott Jehl, Web Designer/Developer

I don't know the answer but these screenshot services are a bummer.

The #OpenGraph preview should work. I'll test it tomorrow. I'm out of 🥄 s now.

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