Next.js中的自定义标记13

sycxhyv7  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(104)

我想在基于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" />

字符串
我的输出:


的数据
我想要的是:


3bygqnnd

3bygqnnd1#

我建议您在'og:image' Meta标记中包含'itemprop'属性。此外,确保图像大小设置为256x256像素。添加'site_name'、'type'和'updated_time'属性也不会有什么坏处。

相关问题