Add OpenGraph metadata #1

Closed
opened 11 months ago by circlebuilder · 6 comments

For link sharing adding title, description, image, etc. OpenGraph metadata will be a good improvement. Also some twitter meta so the link will show as a big card when shared is preferable.

https://ogp.me
https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started

(Much more background in this fedi.foundation issue)

For link sharing adding title, description, image, etc. OpenGraph metadata will be a good improvement. Also some twitter meta so the link will show as a big card when shared is preferable. https://ogp.me https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started (Much more background in [this fedi.foundation issue](https://codeberg.org/fediverse/fedi-foundation/issues/4#issuecomment-238828))
Owner

That is a good tip, will add this!

That is a good tip, will add this!
Owner

Are these commits sufficient for the purpose, @circlebuilder ? Or are more tags needed?

799a9e0a88 c226e3c000

Are these commits sufficient for the purpose, @circlebuilder ? Or are more tags needed? https://codeberg.org/yarmo/delightful-club/commit/799a9e0a88e427a4cd21fb95d81a78009931d4cb https://codeberg.org/yarmo/delightful-club/commit/c226e3c00036678796990b7a9802d06a7c218fa2

Umm, in terms of OG this is the minimum to have. But you might wanna add an og:description and set it to a fixed summary text or something.

For twitter I am not so sure. At least the value should be summary_large_image.

On fedi.foundation e.g. in this page I use any SEO thing that is applicable. I have a whole bunch of other twitter metadata, but I don't know what the minimum is.

    <meta name="twitter:dnt" content="on">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://fediverse.codeberg.page/assets/images/posts/pexels-roman-odintsov-4925878.jpg">
    <meta name="twitter:title" content="Social Networking Reimagined.. What does that mean?">
    <meta name="twitter:description" content="SocialHub and the Fedi Foundation will take a close look at how we can design social networks differently. Humane and for the People.">
    <meta name="twitter:url" content="https://fediverse.codeberg.page/2021/04/social-networking-reimagined/">

Note, the dnt may be nice to add, as it refers to 'Do Not Track'.

Umm, in terms of OG this is the minimum to have. But you might wanna add an `og:description` and set it to a fixed summary text or something. For twitter I am not so sure. At least the value should be `summary_large_image`. On fedi.foundation e.g. [in this page](https://fediverse.codeberg.page/2021/04/social-networking-reimagined/) I use any SEO thing that is applicable. I have a whole bunch of other twitter metadata, but I don't know what the minimum is. ```html <meta name="twitter:dnt" content="on"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://fediverse.codeberg.page/assets/images/posts/pexels-roman-odintsov-4925878.jpg"> <meta name="twitter:title" content="Social Networking Reimagined.. What does that mean?"> <meta name="twitter:description" content="SocialHub and the Fedi Foundation will take a close look at how we can design social networks differently. Humane and for the People."> <meta name="twitter:url" content="https://fediverse.codeberg.page/2021/04/social-networking-reimagined/"> ``` Note, the `dnt` may be nice to add, as it refers to 'Do Not Track'.
Owner

Wasn't sure how to do the og:description but if you say a fixed text is fine, great!

I'll add as many twitter tags as necessary to maximize "integration" but, to be honest, with reluctance. I do not advocate for walled-garden-specific treatment.

https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#opengraph

This page states at the end that twitter falls back to opengraph tags so, unless there's a hidden benefit, I will refrain from adding any more twitter-specific tags. Except maybe the twitter:dnt.

If you have a suggestion for the twitter:creator tag, great. We could default all lists to your account or find a way for people to specify their account in their delightful list.

If other voices disagree with my stance, downvote this comment and we'll make all them twitter tags happen: delightful.club is for the greater good, not for me.

Wasn't sure how to do the `og:description` but if you say a fixed text is fine, great! I'll add as many twitter tags as necessary to maximize "integration" but, to be honest, with reluctance. I do not advocate for walled-garden-specific treatment. https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#opengraph This page states at the end that twitter falls back to opengraph tags so, unless there's a hidden benefit, I will refrain from adding any more twitter-specific tags. Except maybe the `twitter:dnt`. If you have a suggestion for the `twitter:creator` tag, great. We could default all lists to your account or find a way for people to specify their account in their delightful list. If other voices disagree with my stance, downvote this comment and we'll make all them twitter tags happen: delightful.club is for the greater good, not for me.

Can understand your reluctance, and I experience the same when promoting humane tech through traditional channels. It's just that here you find so many people that'd be helped and educated with the information we have to offer.

I didn't know about the twitter:creator either. I am not too active on birdsite, but - where I use masto account personally - the account represents humane tech community, and you can use it in the metadata.

PS. I think indeed that that fallback is used. Saw other examples that didn't have the full range of twitter stuffz.

Can understand your reluctance, and I experience the same when promoting humane tech through traditional channels. It's just that here you find so many people that'd be helped and educated with the information we have to offer. I didn't know about the `twitter:creator` either. I am not too active on birdsite, but - where I use masto account personally - the account represents humane tech community, and you can use it in the metadata. PS. I think indeed that that fallback is used. Saw other examples that didn't have the full range of twitter stuffz.
Owner

Both Twitter and OpenGraph tags have been implemented a while ago. If more tags are needed, they can be requested in a new issue.

Both Twitter and OpenGraph tags have been implemented a while ago. If more tags are needed, they can be requested in a new issue.
yarmo closed this issue 6 months ago
Sign in to join this conversation.
No Label
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date

No due date set.

Dependencies

No dependencies set.

Reference: yarmo/delightful-club#1
Loading…
There is no content yet.