我想在基于Next.js 13的网站中设置自定义标记。因此,如果用户在WhatsApp和其他社交媒体上分享我的网站,它就会变得可见。我尝试了各种方法,但没有得到所需的输出。非常感谢您的关注和参与。
layout.js:
<meta property="og:type" content="website" />
<meta property="og:title" content="Kandle | Making crypto fun again" />
<meta
property="og:description"
content="We are Kandle. Play fantasy crypto win daily rewards"
/>
<meta
property="og:image"
content="http://kandle.xyz/images/kandle_homepage_og.png"
/>
<meta property="og:url" content="https://kandle.xyz" />
<meta property="og:image:height" content="700" />
<meta property="og:image:width" content="467" />
字符串
我的输出:
的数据
我想要的是:
的
1条答案
按热度按时间3bygqnnd1#
我建议您在'og:image' Meta标记中包含'itemprop'属性。此外,确保图像大小设置为256x256像素。添加'site_name'、'type'和'updated_time'属性也不会有什么坏处。