Launching today
OpenGraph+
Automatic Open Graph images for every page
73 followers
Automatic Open Graph images for every page
73 followers
OpenGraph+ automatically generates clean, up to date Open Graph images for every page on your site. Links are shared more in Slack, iMessage, Discord, Teams, and group chats than on social feeds, but most sites still ship broken or generic previews. Fixing this usually means manual images or custom renderers that fall out of sync. OpenGraph+ captures your pages, renders social cards, and keeps them updated as content changes without running a renderer in your app or designing images by hand.
Legible News
I built OpenGraphPlus.com to automate one of the most painful parts of writing and sharing articles: creating a decent Open Graph image that get people to click on the thing when I share it on Twitter or in private group chats on Apple Messages, Slack, and Microsoft Teams.
What I'm launching today is the culmination of me deploying this to many of the websites I operate, and rolling what I learned back into the product to make it easier to install and control how the link previews appear. My focus for this launch was to create something that web developers who are comfortable working with CSS, HTML, and Tailwind can immediately understand and deploy on their websites. It's ready for production websites today!
If this launch goes well, I'm hoping to connect people who feel the pain of Open Graph images on platforms like Wordpress, Shopify, etc. so I can work with them on add-ins and plugins that make it possible to automate Open Graph images without any technical knowledge. If that's you and you're willing too pickup a business plan, let's talk!
Legible News
@tereza_hurtova yeah! I built this thing for all my other websites because I got tired of looking at my own busted Open Graph previews 🤣
So one nice thing there is people who sign-up are going to be on a journey with somebody who is very invested in their own software working really well. I'm also former CTO of an app used by 1% of the United States, so I'll be able to scale this thing as more folks sign up 🚀
Legible News
@tereza_hurtova Oh and to answer your WordPress question, yes! That's the next platform I'm going to target. So many great websites and people are running on WordPress it seems like it would be crazy if I didn't do this. I'm hoping to find somebody from this launch to go back-and-forth with on a WordPress/Yoast plugin.
Very useful! Could I somehow integrate this into a CI pipeline?
Legible News
@wilco_kruijer1 There's a command line tool `ogplus` that you can run from a CI box. I'm curious what the use case is for that though? The way OG+ works is it generates Open Graph previews on demand as people share your webpages links. This is how it stays in sync with your web content.
@bradgessler ah, looks like I misunderstood how this works. The idea is that I set the `og:image` meta property to a link on https://opengraphplus.com/ ?
Congrats on the launch, @bradgessler!
Vela
great product congrats on launch!
Legible News
@apexflux thanks! Curious if you tried it yet? What do you think?
The debugger and insights tool is really useful, I will definitely be using it!
Legible News
@emanuele_click spread the word! I built those tools to be insanely useful for teams. I'm thinking about launching a command-line tool too if people would find that useful.
I like the analyzer on your homepage, free and immediately makes it clear what is missing.
If I understand correctly, then I just point to opengraph+ urls in my head tags?
What options are there for customizing the final image?
Legible News
@janschutte yep! You got it. Right now it's completely customizable with CSS, so a web developer can tweak the pages the pages and OpenGraph+ will take a screenshot of it.
Here's a few links for the ways to customize:
https://opengraphplus.com/docs/html-css/templates
https://opengraphplus.com/docs/html-css/data-attributes
https://opengraphplus.com/docs/html-css/rendering
https://opengraphplus.com/docs/tailwind/usage
Today it's very much geared towards web developers because its foundational to less technical tools I'd like to eventually build on top of it.
I'm curious how you'd want to use OG+? Are you comfortable editing HTML and CSS, would you want a plugin for the platform you're using, or would you want to edit a template on OG+, point your site to it, and have page titles, etc. rendered into the template?