Home  >  Article  >  Web Front-end  >  Dynamic open graph images for your website | No code using dynamicog.com

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-13 18:22:02560browse

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}}" />

This IMAGE_URL is the only one you should take care.

To generate docs image like this

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

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

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

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

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

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

Find all the templates here and its free to use!

The above is the detailed content of Dynamic open graph images for your website | No code using dynamicog.com. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn