skip to Main Content

I have a dynamic open graph tag is a meta tag in the nuxt.js app. Its preview is working great in Twitter, Facebook, Linkedin, skype, telegram, … but it does not work in slack only.

head() {
    return {
      title: TITLE,
      meta: [
        {
          hid: 'twitter:card',
          name: 'twitter:card',
          content: 'summary',
        },
        {
          hid: 'twitter:title',
          name: 'twitter:title',
          content: this.job.title,
        },
        {
          hid: 'twitter:description',
          name: 'twitter:description',
          content:
            this.job.description.length > 100
              ? this.job.description.substr(0, 100)
              : this.job.description,
        },
        {
          hid: 'twitter:image',
          name: 'twitter:image',
          content: this.job.companyLogoThumb,
        },
        {
          hid: 'og:title',
          property: 'og:title',
          content: this.job.title,
        },
        {
          hid: 'og:image',
          property: 'og:image',
          content: this.job.companyLogoThumb,
        },
        {
          hid: 'og:type',
          property: 'og:type',
          content: 'website',
        },
        {
          hid: 'og:description',
          property: 'og:description',
          content:
            this.job.description.length > 100
              ? this.job.description.substr(0, 100)
              : this.job.description,
        },
      ],
    }

It looks good for most medias but only slack is not working.

2

Answers


  1. Chosen as BEST ANSWER

    Yeah, In my case, the image size was not fit on OG standard. I am not sure if this would be helpful for you.


  2. This might help with this kind of problem:

    If you’re sharing a secure url, that is, https, then you need og:image:secure_url and possibly also og:image for the insecure image url.

    I know at least slack won’t work with an https site preview unless the og:image:secure_url tag is there as of April 2022.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search