#open-graph — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #open-graph, aggregated by home.social.
-
Hey literally every dev, did you know you can make #OpenGraph #OG images accessible with ? <meta property="og:image:alt" content="A short descriptive phrase" /> standards.scangov.org/ogimagealt/ #A11y #Accessibility #ATproto
Open Graph image alt -
Finally at a point where I could migrate my own site and dogfood https://indiepub.dev
Step 2: fix the automated #opengraph image generator 😅
-
RE: https://metroholografix.ca/@slugmilk/116394296240189312
Seems like #mastodon is suddenly really picky about generating link previews for one of my websites.
I (believe I) have all the correct #OpenGraph tags available and have appropriate access control headers in place... not sure what I'm missing.
-
→ 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.”
-
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...
-
👍 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... -
🔗 Generating OG images at the edge on Cloudflare
https://mattrothenberg.com/notes/edge-og-images/
#performance #caching #edge #cloudflare #opengraph -
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
-
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 :drgn_aww: Like this:
-
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?
-
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/ -
r6d8: Nach nem Lychee-URL-Check und der Migration von meinem lab-of-labs nach #codeberg waren alle 57 Links wieder ok. Danach hab ich mein #github #jekyll-script auf marked.min.js umgestellt. Somit entfällt der md -> html Build Step. Angenehm.
Mal schauen wie sich der #OpenGraph Header nun anfühlt.
-
🕵️♂️ Trop d’anti-IA tue l’aperçu !
En voulant bloquer les robots IA sur Blabla Linux, j’ai accidentellement banni Facebook de mon serveur. Résultat : plus aucune image ni titre lors de mes partages ! 😅❌🖼️
Après un petit passage sous le capot de Nginx Proxy Manager, j'ai corrigé le tir et mis à jour mon Wiki avec un script pour éviter que ça vous arrive. 🛠️🐧
👉 La solution (et le script mis à jour) ici : https://wiki.blablalinux.be/fr/blocage-robots-ia-nginx-proxy-manager#h-7-retours-dexpérience-le-cas-des-réseaux-sociaux-facebook-ogp
-
I've implemented #OpenGraph support on my #Twitch chat app, so now there's fancy previews.
https://multichat.mnzn.dev/-/cohhcarnage/healthygamer_gg/yogscast
-
New #blog on #BurgeonLab ✍️
➡️ https://burgeonlab.com/blog/generate-dynamic-og-images-diagram-with-code-scripts/
I wrote a guide on how to locally generate #OpenGraph images using just code and scripts. I explore D2 which is a bit like #MermaidJS and used #Bash to combine #CLI image processing like #imagemagick and #imagecompression.
If you give it a try, please let me know. I'm curious with what you come up with!
#blogging #blogs #guides #smallweb #newpost #blogpost #smolweb #techblog #ogimage
-
A rundown of the metadata options you need for social media and other apps.
https://blocksedit.com/content-code/designing-metadata/
#webdesign #socialmedia #sharing #opengraph -
Top 5 reasons to hate the Facebook like button #etc #facebook #like #lessig #dublincore #semanticweb #opengraph #metadata Why can't you link to an existing page? How can you have a like button per blog post on your home page? Are we headed towards a world with only one verb?
https://ithoughthecamewithyou.com/post/top-5-reasons-to-hate-the-facebook-like-button
-
Circles #etc #google #facebook #twitter #socialgraph #opengraph #opensocial #foaf #xup #altly #diaspora #buzz #wave Did the Google+ Circles concept revolutionize social networking, and what we should have instead.
-
Actually, these Open Graph Payment Links seem to be a recent addition to Open Graph. They seem to have been added on June 25th, 2025.
-
I don't think I've noticed this before.
Open Graph has a convention for communicating about Payment Links.
-
Has someone already done work to fix the OpenGraph link previews from @gotosocial ? When I share a post I’d like the entire post to be visible from the preview. Not just a generic link with username and my avatar. #gotosocial #opengraph
-
Made a new #opengraph image for my Hugo blog #BurgeonLab!
What do you think? It's less boring than the old one :blobcatwinktongue: No idea when or if #Fosstodon will pick up the new og:image for old posts (doubt it, due to caching). But at least I know it'll work with upcoming posts!
I used this neat svg pattern generator: https://app.haikei.app/
#svg #patterngenerator #ogimage #frontend #webdev #socialmedia #blogs
-
#Business #Experiences
They want how much for an OG image? · Open Graph images can be risky for small websites https://ilo.im/165kj8_____
#Copyrights #Image #OpenGraph #SocialMedia #SmallWeb #IndieWeb #Development #WebDev #Frontend -
If #Mastodon is going to embed #OpenGraph images (sometimes?), it should show you a preview under the form as you're writing so you know when links you are posting are going to show them or not. Other #socialMedia sites have done this for years, and they let you decide whether or not you want that *before* you post. This game of having to post before you can see what it's going to look like is just bad user-experience.
-
Just discovered this really simple, straight-forward, and free tool that generates Open Graph images for your posts!
Works like a treat!
Then I discovered another, more comprehensive, og tool called ogplayground. Also really cool!
https://github.com/Mr-Sunglasses/ogplayground
I recently wrote a blog on Open Graph & how I got mine working on #Hugo and #WordPress, check it out if you're interested in fixing your site!
➡️https://www.burgeonlab.com/blog/hugo-and-wordpress-open-graph-meta-tags/
-
New #blogpost
➡️ https://www.burgeonlab.com/blog/hugo-and-wordpress-open-graph-meta-tags/
I often see bloggers on Mastodon with no images for their blog links or sometimes no link card at all (this was me not too long ago).
I've been sorting out Open Graph meta tags for my three blogs (Hugo and WordPress) and I'm happy to say it's all working great now! Read my post to get some tips! 👆
#BurgeonLab
#blog #blogging #blogs #hugo #wordpress #webdev #opengraph -
I think I discovered a bug on @Mastodon. With #opengraph tags correctly set (image, title, description, site-name, url), the post shows up with: image, site-name, title (of post), description on Mastodon desktop browser.
But after adding the meta tag `fediverse:creator`, the description disappears and shows a banner at the bottom of the card "More from username". Is that on purpose? Can the og:description remain despite adding the fediverse:creator tag?
Thanks!