#opengraph — Public Fediverse posts

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

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

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

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

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 😅

🔗 https://tonysull.co/posts/finally-at-a-point-where-i

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.”

#CSS #social #website #preview #opengraph

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

🔗 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:

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

#favicon #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/

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.

https://dbt4u.codeberg.page/lab-of-labs/

\__
#100DaysOfCode #OpenSource #giveupgithub #didit #diday

🕵️‍♂️ 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

#Linux #SysAdmin #NPM #OpenGraph #BlablaLinux

🛠️ Tool
===================

Executive summary: SpecterOps outlines a practical approach to deception planning by extending BloodHound’s attack-path mapping into third‑party technologies via OpenGraph. The piece emphasizes using mapped attack paths to place believable deception artifacts and mentions a small utility, deceptionClone, for prototyping deception paths.

Technical context: BloodHound provides graph-based discovery of user/computer relationships in Active Directory, and OpenGraph generalizes that model to represent dependencies and privileges in non-AD systems. By modeling third-party services and their access relationships, defenders gain visibility into chains of abuse that span both AD and external systems.

Key capabilities described:
• Mapping of chained privileges and discovery paths across AD and third‑party systems using OpenGraph-enhanced graphs.
• Identification of realistic locations for deception artifacts (canary tokens, honey accounts, honey endpoints) that sit on existing reconnaissance paths.
• Use of deceptionClone to create lightweight deception replicas for testing how an attacker would discover and follow a fake path.

Technical implementation (conceptual):
The article frames OpenGraph as a schema/collection approach that models nodes and edges representing principals, services, and permission relationships beyond AD objects. This conceptual model enables defenders to trace potential reconnaissance sequences and privilege escalations across heterogeneous systems without requiring procedural details.

Use cases:
• Converting irrevocable or business-justified attack paths into detection opportunities by planting believable deception artifacts along those paths.
• Validating the discoverability and context of deception artifacts by simulating attacker reconnaissance with deceptionClone.
• Prioritizing remediation versus deception based on whether a mapped path can be fully removed or should be instrumented for detection.

Limitations and considerations:
• The approach depends on accurate modeling of third‑party relationships; incomplete data will yield blind spots.
• Deceptions must be sufficiently realistic and contextual; simply placing decoys without mapping can produce low‑value signals or false positives.

References and tags:
SpecterOps blog post by Ben Schroeder; acknowledgement to Josh Prager for review. #tool #bloodhound #OpenGraph #deception #attack_path

🔗 Source: https://specterops.io/blog/2025/12/23/mapping-deception-with-bloodhound-opengraph/

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.

https://play.d2lang.com/

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

Ra mắt OG Banana: Công cụ tạo meta dữ liệu Open Graph cho SEO tốt hơn #OGBanana #SEO #OpenGraph #TiệnÍchTrựcTuyến #CôngCụTrựcTuyến #MetaDataType #SEOTools #TrìnhTạoMeta #TốiuHóaSEO

https://www.reddit.com/r/SaaS/comments/1p5ter2/built_og_banana_generates_open_graph_meta_data/

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

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

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

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

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.

https://ithoughthecamewithyou.com/post/circles

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.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

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.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

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.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

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.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

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.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

I don't think I've noticed this before.

Open Graph has a convention for communicating about Payment Links.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

I don't think I've noticed this before.

Open Graph has a convention for communicating about Payment Links.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

I don't think I've noticed this before.

Open Graph has a convention for communicating about Payment Links.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

I don't think I've noticed this before.

Open Graph has a convention for communicating about Payment Links.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

I don't think I've noticed this before.

Open Graph has a convention for communicating about Payment Links.

#OpenGraph #OpenGraphPaymentLink #PaymentLink

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

#ubergeekkellysworld #blaugust2025 #activitypub #fediverse #indieweb #opengraph #discord #linksummaries

https://www.kgadams.net/sitenews/sadly-disabling-activitypub-due-to-discord-weirdness

#ubergeekkellysworld #blaugust2025 #activitypub #fediverse #indieweb #opengraph #discord #linksummaries

https://www.kgadams.net/sitenews/sadly-disabling-activitypub-due-to-discord-weirdness

#ubergeekkellysworld #blaugust2025 #activitypub #fediverse #indieweb #opengraph #discord #linksummaries

https://www.kgadams.net/sitenews/sadly-disabling-activitypub-due-to-discord-weirdness

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.

@Gargron

Just discovered this really simple, straight-forward, and free tool that generates Open Graph images for your posts!

Works like a treat!

https://ogimagemaker.com

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/

#OpenGraph #ogimage #seo #webdev #freesoftware

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!

#fediverse #bug #mastodon

"Understanding Mastodon Preview Card Display Logic"

https://box464.com/posts/mastodon-preview-cards/

by @box464

#DeSo #Fediverse #Mastodon #OEmbed #OpenGraph #Twitter #TwitterPlayer