DEV Community

Cover image for Dynamic open graph images for your website | No code using dynamicog.com
Shrihari Mohan
Shrihari Mohan

Posted on

Dynamic open graph images for your website | No code using dynamicog.com

DynamicOG solves the hassle of creating images for your dynamic websites that contain lot of pages.

og-images are the preview images you see when you share the link in any communication channels.

og-image is added using meta tag.

<meta property="og:image" content="{{IMAGE_URL}}" />
Enter fullscreen mode Exit fullscreen mode

This IMAGE_URL is the only one you should take care.

To generate docs image like this

Docs Dark

Use the following url in your meta tags!

https://dynamicog.com/og/docs/img?
logo=https%3A%2F%2Fdynamicog.com%2Ffillers%2Fstripe-logo.png&
title=Find%20a%20guide%20to%20integrate%20Stripe's%20payments%20APIs%20%7C%20Stripe&
sub=Payments%20infrastructure%20for%20the%20internet&
name=Stripe&
website=stripe.com&
dark=true
Enter fullscreen mode Exit fullscreen mode

Just change in the url dark=true to dark=false you will get this

Docs Light

Try with your content and logos! https://www.dynamicog.com/og/docs

Docs

Find all the templates here and its free to use!

Top comments (0)