Og:image:width about svelte-meta-tags

[bitdom8]

Understood now, facebook caches that is why need to remove cookies and also share it on my personal profile, make it work. Thanks @oekazuma

[oekazuma]

I think you can already do that.
Here's an example, check it out.
https://github.com/oekazuma/svelte-meta-tags#basic

Example in REPL

[bitdom8]

Thanks @oekazuma . Using facebook debug tool it states:
The provided 'og:image' properties are not yet available because new images are processed asynchronously. To ensure shares of new URLs include an image, specify the dimensions using 'og:image:width' and 'og:image:height' tags.

[oekazuma]

I've never used FaceBook debug tool, so I don't know the details, but what kind of code causes this? Please show me the specific code.

[bitdom8]

This is the code I'm using below. Strangely enough, debug tool doesn't show, but right now the post I shared has image but zoomed in:

<MetaTags
  openGraph={{
    type: 'website',
    url: 'https://www.example.com/page',
    title: 'Open Graph Title',
    description: 'Open Graph Description',
    images: [
      {
        url: 'https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_2x_r2.png',
        width: 600,
        height: 314,
        alt: 'Og Image Alt'
      },
      {
        url: 'https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_2x_r2.png',
        width: 600,
        height: 314,
        alt: 'Og Image Alt 2'
      }
    ]
  }}
/>