#open-graph — Public Fediverse posts

I spent the last couple days working on adding https://standard.site support to my blog (https://blog.dwac.dev/). I think I've got it working, though TBH I'm not entirely sure I see the vision here.

All the data it requires is stuff that's already in `<meta>` tags or #OpenGraph, what exactly is the value of atproto here?

It seems like this just requires publishing atproto records for each document and then tools can index those records, but why not just index the #HTML page itself? Search engines already do this.

I can see some value in defining "canonical" #atproto records for a publication or document, but I'm not quite connecting the dots on where that's actually helpful.

Asking sites to publish an atproto record with each article just seems too difficult to scale at the ecosystem level IMHO.

I spent the last couple days working on adding https://standard.site support to my blog (https://blog.dwac.dev/). I think I've got it working, though TBH I'm not entirely sure I see the vision here.

All the data it requires is stuff that's already in `<meta>` tags or #OpenGraph, what exactly is the value of atproto here?

It seems like this just requires publishing atproto records for each document and then tools can index those records, but why not just index the #HTML page itself? Search engines already do this.

I can see some value in defining "canonical" #atproto records for a publication or document, but I'm not quite connecting the dots on where that's actually helpful.

Asking sites to publish an atproto record with each article just seems too difficult to scale at the ecosystem level IMHO.

I spent the last couple days working on adding https://standard.site support to my blog (https://blog.dwac.dev/). I think I've got it working, though TBH I'm not entirely sure I see the vision here.

All the data it requires is stuff that's already in `<meta>` tags or #OpenGraph, what exactly is the value of atproto here?

It seems like this just requires publishing atproto records for each document and then tools can index those records, but why not just index the #HTML page itself? Search engines already do this.

I can see some value in defining "canonical" #atproto records for a publication or document, but I'm not quite connecting the dots on where that's actually helpful.

Asking sites to publish an atproto record with each article just seems too difficult to scale at the ecosystem level IMHO.

I spent the last couple days working on adding https://standard.site support to my blog (https://blog.dwac.dev/). I think I've got it working, though TBH I'm not entirely sure I see the vision here.

All the data it requires is stuff that's already in `<meta>` tags or #OpenGraph, what exactly is the value of atproto here?

It seems like this just requires publishing atproto records for each document and then tools can index those records, but why not just index the #HTML page itself? Search engines already do this.

I can see some value in defining "canonical" #atproto records for a publication or document, but I'm not quite connecting the dots on where that's actually helpful.

Asking sites to publish an atproto record with each article just seems too difficult to scale at the ecosystem level IMHO.

I spent the last couple days working on adding https://standard.site support to my blog (https://blog.dwac.dev/). I think I've got it working, though TBH I'm not entirely sure I see the vision here.

All the data it requires is stuff that's already in `<meta>` tags or #OpenGraph, what exactly is the value of atproto here?

It seems like this just requires publishing atproto records for each document and then tools can index those records, but why not just index the #HTML page itself? Search engines already do this.

I can see some value in defining "canonical" #atproto records for a publication or document, but I'm not quite connecting the dots on where that's actually helpful.

Asking sites to publish an atproto record with each article just seems too difficult to scale at the ecosystem level IMHO.

@informapirata è un problema noto che #OpenGraph non funzioni sui post #Friendica / Poliverso ? O è solo un problema mio ?

Non vedo preview se provo a passare questo link in WA: poliverso.org/display/0477a01e…
RE: poliverso.org/objects/0477a01e…

@informapirata è un problema noto che #OpenGraph non funzioni sui post #Friendica / Poliverso ? O è solo un problema mio ?

Non vedo preview se provo a passare questo link in WA: poliverso.org/display/0477a01e…
RE: poliverso.org/objects/0477a01e…

@informapirata è un problema noto che #OpenGraph non funzioni sui post #Friendica / Poliverso ? O è solo un problema mio ?

Non vedo preview se provo a passare questo link in WA: poliverso.org/display/0477a01e…
RE: poliverso.org/objects/0477a01e…

@informapirata è un problema noto che #OpenGraph non funzioni sui post #Friendica / Poliverso ? O è solo un problema mio ?

Non vedo preview se provo a passare questo link in WA: poliverso.org/display/0477a01e…
RE: poliverso.org/objects/0477a01e…

@informapirata è un problema noto che #OpenGraph non funzioni sui post #Friendica / Poliverso ? O è solo un problema mio ?

Non vedo preview se provo a passare questo link in WA: poliverso.org/display/0477a01e…
RE: poliverso.org/objects/0477a01e…

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

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

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

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

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.

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.

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.

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.

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

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

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

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

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

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

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

👉 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

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

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

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

🔗 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

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

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

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

@Itswoland @drq

Я ожидал возможность цитирования как части форматирования

В #GlitchSoc реализовано же 😉

А «цитаты», как они зделоны сейчас, не добавили функциональности сверх #OpenGraph-карточкек, но поломали гораздно больше 🙁

@Itswoland @drq

Я ожидал возможность цитирования как части форматирования

В #GlitchSoc реализовано же 😉

А «цитаты», как они зделоны сейчас, не добавили функциональности сверх #OpenGraph-карточкек, но поломали гораздно больше 🙁

@Itswoland @drq

Я ожидал возможность цитирования как части форматирования

В #GlitchSoc реализовано же 😉

А «цитаты», как они зделоны сейчас, не добавили функциональности сверх #OpenGraph-карточкек, но поломали гораздно больше 🙁

@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

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

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

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

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/

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/

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/