首页 >web前端 >js教程 >为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码

为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-13 18:22:02629浏览

DynamicOG 解决了为包含大量页面的动态网站创建图像的麻烦。

og-images 是您在任何通信渠道中共享链接时看到的预览图像。

og-image 是使用元标记添加的。

<meta property="og:image" content="{{IMAGE_URL}}" />

此 IMAGE_URL 是您唯一应该注意的。

生成这样的文档图像

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

在您的元标记中使用以下网址!

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

只需将网址 dark=true 更改为 dark=false 你就会得到这个

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

尝试使用您的内容和徽标! https://www.dynamicog.com/og/docs

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

在这里找到所有模板并且免费使用!

以上是为您的网站提供动态开放图形图像 |没有使用dynamicog.com的代码的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn