0

I have this page: https://sendmade-portal-vercel.vercel.app/hu/product/zer-jewel-rez-gyertyatarto

I use next/head as docs says:

return (
  <div>
    <Head>
      <title>{props.buyTicketData?.name}</title>
      <meta
        property="og:title"
        content={props.buyTicketData?.name}
        key="title"
      />
      <meta
        property="og:url"
        content={`https://sendmade-portal-vercel.vercel.app/hu/product/${productId}`}
        key="url"
      />
      <meta
        property="og:image"
        content="http://sendmade-portal-vercel.vercel.app/InstructionsPic5.png"
        key="img"
      />
      <meta
        property="og:image:secure_url"
        content="https://sendmade-portal-vercel.vercel.app/InstructionsPic5.png"
        key="img"
      />
      <meta property="og:image:type" content="image/png" />
      <meta property="og:image:width" content="1251" />
      <meta property="og:image:height" content="1665" />
    </Head>

In DOM viewer I can see the OpenGraph content, but not in the raw HTML. Why?

It is rendered with getStaticProps.

enter image description here

enter image description here

János
  • 32,867
  • 38
  • 193
  • 353
  • Maybe [this post can help](https://stackoverflow.com/questions/46889871/open-graph-metatags-missing-properties-and-inferred-property-facebook-sha) or maybe [this answer](https://stackoverflow.com/a/8858052/10797718) talking about `property="og:image:secure_url"` – Ben Souchet Jan 01 '22 at 14:28
  • @BenSouchet, I put thise extra elements all in the header, but still not operational, strange – János Jan 01 '22 at 15:02
  • @BenSouchet here challange follows :) https://stackoverflow.com/questions/70550059/how-to-pass-argument-to-layout-component-in-next-js – János Jan 01 '22 at 16:04

0 Answers0