#OpenGraph

Bryan WhiteheadHas someone already done work to fix the OpenGraph link previews from <a href="https://gts.superseriousbusiness.org/@gotosocial" class="u-url mention" rel="nofollow noopener" target="_blank">@gotosocial</a> ? When I share a post I’d like the entire post to be visible from the preview. Not just a generic link with username and my avatar. <a href="https://dusty.ninja/tags/gotosocial" class="mention hashtag" rel="nofollow noopener" target="_blank">#gotosocial</a> <a href="https://dusty.ninja/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a>

Inautilo<a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Experiences" class="mention hashtag" rel="nofollow noopener" target="_blank">#Experiences</a> They want how much for an OG image? · Open Graph images can be risky for small websites <a href="https://ilo.im/165kj8" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165kj8</a>_____ <a href="https://mastodon.social/tags/Copyrights" class="mention hashtag" rel="nofollow noopener" target="_blank">#Copyrights</a> <a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener" target="_blank">#Image</a> <a href="https://mastodon.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://mastodon.social/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#SocialMedia</a> <a href="https://mastodon.social/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.social/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

fracicone :verified:<a href="https://front-end.social/@accudio" class="u-url mention" rel="nofollow noopener" target="_blank">@accudio</a> Feel sorry for you getting forced to pay. The concept of open graph is basic to visual sharing content not only on Facebook and twitter but also on Messengers. So if your publishing of open graphs was so illegal, what about all sites using this plugin?<a href="https://wordpress.org/plugins/visual-link-preview/" rel="nofollow noopener" translate="no" target="_blank">https://wordpress.org/plugins/visual-link-preview/</a> <a href="https://mastodon.uno/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://mastodon.uno/tags/wordpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#wordpress</a> <a href="https://mastodon.uno/tags/wordpressplugins" class="mention hashtag" rel="nofollow noopener" target="_blank">#wordpressplugins</a> <a href="https://mastodon.uno/tags/scam" class="mention hashtag" rel="nofollow noopener" target="_blank">#scam</a> <a href="https://mastodon.uno/tags/photolicensing" class="mention hashtag" rel="nofollow noopener" target="_blank">#photolicensing</a> <a href="https://mastodon.uno/tags/photolicense" class="mention hashtag" rel="nofollow noopener" target="_blank">#photolicense</a> <a href="https://mastodon.uno/tags/urheberrecht" class="mention hashtag" rel="nofollow noopener" target="_blank">#urheberrecht</a>

NatyI think I discovered a bug on <a href="https://mastodon.social/@Mastodon" class="u-url mention" rel="nofollow noopener" target="_blank">@Mastodon</a>. With <a href="https://fosstodon.org/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a> tags correctly set (image, title, description, site-name, url), the post shows up with: image, site-name, title (of post), description on Mastodon desktop browser.But after adding the meta tag `fediverse:creator`, the description disappears and shows a banner at the bottom of the card "More from username". Is that on purpose? Can the og:description remain despite adding the fediverse:creator tag?Thanks!<a href="https://fosstodon.org/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#fediverse</a> <a href="https://fosstodon.org/tags/bug" class="mention hashtag" rel="nofollow noopener" target="_blank">#bug</a> <a href="https://fosstodon.org/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastodon</a>

WBCOM DESIGNS📢 Woo Open Graph v2.0.0 is out now! A complete overhaul with a modern UI, faster load times, advanced share buttons, product-level SEO controls, and full Pinterest, LinkedIn & Twitter meta support.👉 Check the full changelog : <a href="https://wbcomdesigns.com/changelog/woo-open-graph-v2-0-0/" rel="nofollow noopener" translate="no" target="_blank">https://wbcomdesigns.com/changelog/woo-open-graph-v2-0-0/</a>✅ Optimized for performance, accessibility & mobile.<a href="https://me.dm/tags/WooCommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#WooCommerce</a> <a href="https://me.dm/tags/Plugin" class="mention hashtag" rel="nofollow noopener" target="_blank">#Plugin</a> <a href="https://me.dm/tags/Update" class="mention hashtag" rel="nofollow noopener" target="_blank">#Update</a> <a href="https://me.dm/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://me.dm/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPress</a> <a href="https://me.dm/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#SEO</a> <a href="https://me.dm/tags/Social" class="mention hashtag" rel="nofollow noopener" target="_blank">#Social</a> <a href="https://me.dm/tags/Sharing" class="mention hashtag" rel="nofollow noopener" target="_blank">#Sharing</a> <a href="https://me.dm/tags/Pinterest" class="mention hashtag" rel="nofollow noopener" target="_blank">#Pinterest</a> <a href="https://me.dm/tags/eCommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#eCommerce</a>

Jeremy Herve<blockquote>Here’s my suggestion. When the user specifies a <a href="https://wordpress.com/support/featured-images/" rel="nofollow noopener" target="_blank">featured image</a> for a post, set the og:image element in the head section of the page. When they don’t specify such an image, omit that element.<a href="http://scripting.com/2025/06/02/131444.html#a132153" rel="nofollow noopener" target="_blank">http://scripting.com/2025/06/02/131444.html#a132153</a></blockquote><a rel="nofollow noopener" class="u-url mention" href="https://mastodon.social/@davew" target="_blank">@davew</a> We’ve gone back and forth on this over the years. It can be a bit tricky.Our first implementation worked just like your suggestion, and like on your site right now. It worked reasonably well, but some social networks (namely Facebook) look for images in the page’s HTML whenever no <code>og:image</code> tag is found. And at that point, you have no control over what Facebook picks up ; it may be a image in the footer of the page, a still from an embed, or any other image it would pick up from the post, your sidebar, or your footer.Folks were understandably not happy to see Facebook pick up random images from their site, so we decided to add that fallback ; when no image is found in the post, we try to find a representative image from the site to offer instead. We look for a site logo, a site icon, a blank image, or a custom fallback image that can be provided.<a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://herve.bzh/t/en/" target="_blank">#EN</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://herve.bzh/t/open-graph/" target="_blank">#OpenGraph</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://herve.bzh/t/wordpress/" target="_blank">#WordPress</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" 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" 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" target="_blank">#askfedi</a> <a href="https://toot.cat/tags/fedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#fedi</a> <a href="https://toot.cat/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastodon</a> <a href="https://toot.cat/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a>

Jens Oliver Meiert 🇺🇦 🇵🇸Forwarding 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" 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" target="_blank">#opengraph</a> <a href="https://mas.to/tags/whatsapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#whatsapp</a> <a href="https://mas.to/tags/signal" class="mention hashtag" rel="nofollow noopener" target="_blank">#signal</a> <a href="https://mas.to/tags/linkedin" class="mention hashtag" rel="nofollow noopener" target="_blank">#linkedin</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" 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" target="_blank">#a11y</a> <a href="https://mastodon.guerilla.studio/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.guerilla.studio/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#opensource</a> <a href="https://xarxa.cloud/tags/Bubbles" class="mention hashtag" rel="nofollow noopener" target="_blank">#Bubbles</a> <a href="https://xarxa.cloud/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://xarxa.cloud/tags/generator" class="mention hashtag" rel="nofollow noopener" target="_blank">#generator</a> <a href="https://xarxa.cloud/tags/Godot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Godot</a> <a href="https://xarxa.cloud/tags/GodotEngine" class="mention hashtag" rel="nofollow noopener" target="_blank">#GodotEngine</a> <a href="https://xarxa.cloud/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiedev</a> <a href="https://xarxa.cloud/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://xarxa.cloud/tags/Bubble" class="mention hashtag" rel="nofollow noopener" target="_blank">#Bubble</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" target="_blank">#Mastodon</a> shows a wrong <a href="https://fosstodon.org/tags/preview" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" 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" translate="no" target="_blank">https://mastodon.social/@aslakr/113809442343483129</a> fra Cappelen Damm

KrautPressHinter dem 16. Türchen unsere <a href="https://dewp.space/tags/PluginAdventskalender" class="mention hashtag" rel="nofollow noopener" target="_blank">#PluginAdventskalender</a> steckt mit <a href="https://dewp.space/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> ein kleines Plugin von <a href="https://mastodon.social/@pfefferle" class="u-url mention" rel="nofollow noopener" 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" translate="no" target="_blank">https://krautpress.de/2024/open-graph/</a>

SaasteLupailin eilen, että julkaisen tekemäni Open Graph -kuvien generointityökalun avoimena lähdekoodina. Noh, nyt se on julkaistu. Siitä vaan testailemaan jos tällaiselle härvelille on tarvetta ja osaat käyttää Dockeria.Pieni blogikirjoitus aiheesta: <a href="https://saaste.net/blogi/2024/tyokalu-open-graph-kuvien-generointiin/" rel="nofollow noopener" translate="no" target="_blank">https://saaste.net/blogi/2024/tyokalu-open-graph-kuvien-generointiin/</a>Lähdekoodit ja dokumentaatio: <a href="https://github.com/saaste/opengraph-image-creator" rel="nofollow noopener" translate="no" target="_blank">https://github.com/saaste/opengraph-image-creator</a><a href="https://mementomori.social/tags/ohjelmointi" class="mention hashtag" rel="nofollow noopener" target="_blank">#ohjelmointi</a> <a href="https://mementomori.social/tags/AvoinL%C3%A4hdekoodi" class="mention hashtag" rel="nofollow noopener" target="_blank">#AvoinLähdekoodi</a> <a href="https://mementomori.social/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://mementomori.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://mementomori.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

Ivan Enderlin 🦀If only the Open Graph protocol `og:image` would allow SVG encoded as base64, that would be awesome to get dynamic posters.<a href="https://fosstodon.org/tags/metadata" class="mention hashtag" rel="nofollow noopener" target="_blank">#metadata</a> <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a> <a href="https://fosstodon.org/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenGraph</a> <a href="https://fosstodon.org/tags/OGP" class="mention hashtag" rel="nofollow noopener" target="_blank">#OGP</a> <a href="https://fosstodon.org/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a>

Stefan BohacekI wanted to look into perhaps writing a proposal for this, but it looks like OpenGraph is no longer actively developed/maintained?The mailing list doesn't seem to exist and the Facebook group has been overrun by spam (for better or worse).<a href="https://stefanbohacek.online/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a> <a href="https://stefanbohacek.online/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebStandards</a> <a href="https://stefanbohacek.online/tags/standards" class="mention hashtag" rel="nofollow noopener" target="_blank">#standards</a> <a href="https://stefanbohacek.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://stefanbohacek.online/tags/rfc" class="mention hashtag" rel="nofollow noopener" target="_blank">#rfc</a>

tbesedaAnother hnr.app update: display options! I personally like "compact" because I want the <a href="https://indieweb.social/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a> descriptions without images. Plus: several styling tweaks and query param normalization/validation. Also, why is the R in “Reduce AI” capitalized but “display" is lowercase? idk 🤷

Bryan WhiteheadIrritating that it’s 2024 and previews still don’t work everywhere. <a href="https://macaw.social/tags/opengraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#opengraph</a> Do better <a href="https://macaw.social/tags/microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#microsoft</a>! <a href="https://macaw.social/@Bryan/112834517816186407" rel="nofollow noopener" translate="no" target="_blank">https://macaw.social/@Bryan/112834517816186407</a>

Recent searches

Search options

Administered by:

Server stats: