Mastodawn

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

Open Graph image alt

Image description for accessibility

ScanGov Standards

Janik

Apr 17

# Mastodon creator tag for your blog posts

The linked blog post was created using Hugo and the new.css theme https://codeberg.org/janikvonrotz/hugo-new-css-theme that I am developing. When sharing posts on Mastodon, you get a nice preview for links. This is possible by adding OpenGraph meta tags https://web.dev/learn/html/metadata#open_graph to the html document. In Mastodon you also have the creator tag.

#100daystooffload #mastodon #opengraph #hugo

hugo-new-css-theme

This hugo theme is made from vanilla html and the default new.css.

Codeberg.org

tonysull Apr 15

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

The Sovereign Publishing Kit | IndiePub Kit

Self-hosted membership and publishing platform. Built for the Edge. Own your content, your database, and your revenue.

IndiePub

sb arms & legs Apr 14

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.

h o ʍ l e t t Mar 31

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

Show thread

FJ Brodie Mar 27

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

Nemin Mar 20

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

Dummy-X 🇮🇹Mar 15

👍 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

freekmurze Mar 11

🔗 Generating OG images at the edge on Cloudflare
https://mattrothenberg.com/notes/edge-og-images/
#performance #caching #edge #cloudflare #opengraph

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

PPC Land Mar 4

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