Home > Web Front-end > JS Tutorial > body text

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

Mary-Kate Olsen
Release: 2024-10-13 18:22:02
Original
600 people have browsed it

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}}" />
Copy after login

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
Copy after login

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!

source:dev.to
Statement of this Website
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
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template