Mastodon

0 posts0 participants0 posts today

bram dingelstad :nb_flag:alright! <a href="https://gamedev.lgbt/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> is live here's an article<a href="https://bram.dingelstad.works/blog/my-tiny-and-hyper-specific-computer-the-typewriter/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bram.dingelstad.works/blog/my-tiny-and-hyper-specific-computer-the-typewriter/</a>

Wladimir MuftyWould you like to see a preview of how your link to a website will appear on different platforms where it’s shared?This great tool provides insight into whether the (correct) image, title, and introduction are displayed properly.Better support for the <a href="https://social.edu.nl/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> protocol would be a great addition, as it allows you to control what gets displayed.<a href="https://metacheck.appstate.co" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://metacheck.appstate.co</a>

aphex twinkdoes anybody know about how opengraph caching works on here? i'd changed up the author attribution and a bunch of other stuff for my website recently but things just haven't changed on here.<a href="https://toot.cat/tags/askfedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#askfedi</a> <a href="https://toot.cat/tags/fedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fedi</a> <a href="https://toot.cat/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://toot.cat/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a>

Jens Oliver MeiertForwarding Appreciated: A WhatsApp Link Sharing Bug That Cannot Be Reported:There’s an issue with WhatsApp link sharing that cannot be brought to WhatsApp’s attention. If you know someone at WhatsApp, please help (support appreciated with Signal and LinkedIn, too).<a href="https://meiert.com/en/blog/whatsapp-and-link-sharing/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://meiert.com/en/blog/whatsapp-and-link-sharing/</a><a href="https://mas.to/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a> <a href="https://mas.to/tags/whatsapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#whatsapp</a> <a href="https://mas.to/tags/signal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#signal</a> <a href="https://mas.to/tags/linkedin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linkedin</a>

:rss: Qiita - 人気の記事Next.jsでmetaタグをカスタマイズ！OpenGraphのみを出力しtwitter:~を出力しない方法 <a href="https://qiita.com/t0hara/items/1d7d89800c30e40fcc57?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://qiita.com/t0hara/items/1d7d89800c30e40fcc57?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items</a><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#qiita</a> <a href="https://rss-mstdn.studiofreesia.com/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a> <a href="https://rss-mstdn.studiofreesia.com/tags/OGP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OGP</a> <a href="https://rss-mstdn.studiofreesia.com/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://rss-mstdn.studiofreesia.com/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Next_js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Next_js</a>

Tixie SalanderAdding ALT text to social cards media <a href="https://stefanbohacek.com/blog/adding-alt-text-to-article-thumbnails-on-social-media/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stefanbohacek.com/blog/adding-alt-text-to-article-thumbnails-on-social-media/</a><a href="https://mastodon.guerilla.studio/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.guerilla.studio/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.guerilla.studio/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a>

Ténno Seremél’What HTML pages should be using instead of OpenGraph:• og:title → <title>…</title> • og:url → <link rel="canonical" href="…"> (assuming you even need it) • og:description → <meta name="description" content="…"> • og:image → <link rel="icon" href="…" type="…" sizes="…"> (although it usually contains a site’s icon, not a thumbnail) • og:locale → <html lang="…"> (or on elements it applies to) • og:locale:alternate → assuming I understand it right, you don’t need it, link to another page with <link rel="alternate" hreflang="…" href="…"> or <a rel="alternate" href="…" hreflang="…">…</a>. • og:audio → <audio autoplay src="…">, but really, don’t. • og:video → same, but <video>. • *:author → <meta name="author" content="…"><link rel="author" href="…"> or <a rel="author" href="…">…</a>). Unsure how that works with multiple authors, probably simply more links. • og:site_name → none, doesn’t matter (it’s often a final part of the title, though; there is also non‐standard <meta name="publisher" content="…">, assuming you want to treat the website as a publisher, which is probably not intended). • og:type → none, doesn’t matter. • og:determiner → none, doesn’t matter. • there are rel="license", rel="terms-of-service" and rel="privacy-policy" on LINK and A elements, if you need them. • dates live in HTTP headers.:blobcatcoffee:<a href="https://lor.sh/tags/lang_en" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lang_en</a> <a href="https://lor.sh/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://lor.sh/tags/metadata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#metadata</a> <a href="https://lor.sh/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a>

Zuru (he/him)For example, this could be an image generated by Bubbles, using one of my posts. (I couldn't find a better post. Not sorry).<a href="https://xarxa.cloud/tags/Bubbles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bubbles</a> <a href="https://xarxa.cloud/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a>

Zuru (he/him)I just published a small open-source app to generate a colorful image from a URL. Say hello to Bubbles! 🫧 <a href="https://codeberg.org/devrique/bubbles" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/devrique/bubbles</a>Made with Godot Engine. Feedback is welcome and appreciated. 🙂 <a href="https://xarxa.cloud/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://xarxa.cloud/tags/Bubbles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bubbles</a> <a href="https://xarxa.cloud/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> <a href="https://xarxa.cloud/tags/generator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#generator</a> <a href="https://xarxa.cloud/tags/Godot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Godot</a> <a href="https://xarxa.cloud/tags/GodotEngine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GodotEngine</a> <a href="https://xarxa.cloud/tags/indiedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indiedev</a> <a href="https://xarxa.cloud/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gamedev</a> <a href="https://xarxa.cloud/tags/Bubble" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bubble</a>

KaitoHow do you feel about me applying the fediverse creator tag to my podcast website?<a href="https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/</a><a href="https://ajin.la/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://ajin.la/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a>

// foss.eventsAs we are improving // foss.events today we wonder why <a href="https://fosstodon.org/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> shows a wrong <a href="https://fosstodon.org/tags/preview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#preview</a> and how to fix it? It currently always shows "Everything in a nutshell about FOSS Hackathon 2025 on // foss.events" - which is the lates addition we have, although the event is for example about PyCamp España (see screenshots) Even though the event has specified otherwise in its <a href="https://fosstodon.org/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> metadata?

Aslak RaanesHva i alle dager er slik ting som <meta data-react-helmet="true" name="og:title" content="Rumpemelk fra Afrika"/>? <a href="https://mastodon.social/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a>

Aslak RaanesDet er sikkert karrierefremmende å sørge for å få skrevet om nettsider i noe react-greier og plassere de bak cloudflare, men hvis produktsidene ikke har en ordentlig <a href="https://mastodon.social/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a> (og/eller CF blokkerer) så vil ikke produktet ditt få en tekst og bilde som forhåndviser hva man lenker til i diverse chat/meldingsystemer eller sosiale medier.Det gjelder f.eks. denne <a href="https://mastodon.social/@aslakr/113809442343483129" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/@aslakr/113809442343483129</a> fra Cappelen Damm

Flo Kosiol<a href="https://mastodon.social/@medienbaecker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@medienbaecker</a> <a href="https://mastodon.social/@getkirby" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@getkirby</a> Great article, again! Generated <a href="https://mastodon.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> images are another way to use <a href="https://mastodon.social/tags/getkirby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#getkirby</a> content representations.

spla :senyera: :vim:Brutal! el codi d'<a href="https://mastodont.cat/tags/appy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#appy</a> ja genera correctament les "preview cards" des dels enllaços a articles de mitjans que suporten <a href="https://mastodont.cat/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a>. Les "preview cards" son les que ens mostren tota l'informació Open Graph obtinguda del enllaç, en un format visual atractiu.

KrautPressHinter dem 16. Türchen unsere <a href="https://dewp.space/tags/PluginAdventskalender" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PluginAdventskalender</a> steckt mit <a href="https://dewp.space/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> ein kleines Plugin von <a href="https://mastodon.social/@pfefferle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pfefferle</a>, das Websites mit wenig Arbeit mit nützlichen Metadaten ausstatten kann. ❤️<a href="https://krautpress.de/2024/open-graph/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://krautpress.de/2024/open-graph/</a>

@reiver ⊼ (Charles) :batman:This is a nice new Mastodon feature —An article written off of the Fediverse can credit a Fediverse account as its author.With this, the author's Fediverse account would show up and be linked to when the URL to the article is posted on the Fediverse.But there is a challenge — people can lie about who the author is.Mastodon's approach to dealing with this is — you can create a list hosts that you let this auto-linking work with.<a href="https://mastodon.social/tags/DeSo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeSo</a> <a href="https://mastodon.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://mastodon.social/tags/HTMLMeta" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMLMeta</a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://mastodon.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a>

Doug Parker 🕸️<a href="https://techhub.social/tags/TIL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TIL</a> about <a href="https://techhub.social/tags/MicroData" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MicroData</a>, a way of embedding metadata inside <a href="https://techhub.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> pages for <a href="https://techhub.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SEO</a>.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata</a>Does anyone actually do this in 2024? I feel like semantic HTML combined with <a href="https://techhub.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> mostly solves this problem. Is this a useful tool for web developers?

Kirby CMSEnhance your site’s social media presence with the OG Image plugin by <a href="https://mastodon.online/@mauricerenck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mauricerenck</a> 🌟 Dynamically generate <a href="https://mastodon.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenGraph</a> images using customizable templates, ensuring each page has a unique and visually appealing preview. Learn more and try it here: <a href="https://plugins.getkirby.com/mauricerenck/og-image" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://plugins.getkirby.com/mauricerenck/og-image</a>

ThualPetite bouteille à la mer. Je commence à utiliser un web clipper pour sauvegarder des articles en markdown. Du coup j'essaie aussi d'automatiser l'ajout de métadonnées au début du fichier.Sauf que je tombe sur le manque de standard en HTML sur le sujet. Les balises meta incluent author, description, et c'est à peu près tout.Y a-t-il eu des discussions sur le sujet ? Des gens qui ont cherché à se mettre d'accord sur le standard à utiliser ?Retoot apprécié !<a href="https://h4.io/tags/metadata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#metadata</a> <a href="https://h4.io/tags/dublincore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dublincore</a> <a href="https://h4.io/tags/opengraph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opengraph</a>

Recent searches

Search options

Administered by:

Server stats:

#opengraph