#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

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

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

#TIL about #MicroData, a way of embedding metadata inside #web pages for #SEO.

https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata

Does anyone actually do this in 2024? I feel like semantic HTML combined with #OpenGraph mostly solves this problem. Is this a useful tool for web developers?

The Basic SEO plugin works

Schema.org markup, Open Graph meta-data and XML sitemaps are important for the performance of a website on search engines and social media.

It is easy to install some large plugin like Yoast SEO to do this, while also loading your site with a million other functions that you might or might not want.

I decided to make a minute plugin to just do Schema.org and Open Graph, and I’m quite content because it works.

#openGraph #schema #seo #sitemap

https://plugins.seindal.dk/?p=17485

@michael yeah, I stumbled across it while diagnosing why my #OpenGraph enhanced page wasn't working on #Hashnode.

(Turns out relative URLs aren't technically allowed in the spec, even though Facebook et al will accept them)

#Development #Techniques
Small details to improve your website’s experience · HTML/CSS snippets to provide a better UX in minutes https://ilo.im/1534dh

_____
#WebDev #Frontend #HMTL #CSS #Typography #OpenGraph #Forms #Colors