A shared link does not display metadata, after upload to Netlify

Hello Netlify community,

I’m facing an issue with sharing a link that doesn’t seem to display metadata correctly after uploading to Netlify. I’ve followed the necessary steps to set up my website and its metadata, but when I share the link on Linkedin, the metadata, such as the title and image, aren’t showing up as expected.

Here’s a brief overview of the metadata in my HTML:

        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <meta name="seo keywords" content="aneta stojanowska, ux/ui designer, optimizing products, user friendly web apps, front-end skills, saas-solutions, mobile and web design, ux, interaction design" />
        <meta property="og:title" content="UWV: Transforming overwhelming homepage into an efficient SaaS-solution.">
        <meta property="og:image" content="https://raw.githubusercontent.com/aneta-s/portfolio/main/image/uwv-seo.png">
        <meta property="og:description" content="I help companies to optimize their digital products and services. By creating fast, simple, and user-friendly products, I ensure that customers use them more effectively and extensively. I design digital applications for companies with complex products. My goal is to simplify complexity and collaborate optimally, aligning technology, design, and business objectives.
     ```
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <meta name="seo keywords" content="aneta stojanowska, ux/ui designer, optimizing products, user friendly web apps, front-end skills, saas-solutions, mobile and web design, ux, interaction design" />
        <meta property="og:title" content="UWV: Transforming overwhelming homepage into an efficient SaaS-solution.">
        <meta property="og:image" content="https://raw.githubusercontent.com/aneta-s/portfolio/main/image/uwv-seo.png">
        <meta property="og:description" content="I help companies to optimize their digital products and services. By creating fast, simple, and user-friendly products, I ensure that customers use them more effectively and extensively. I design digital applications for companies with complex products. My goal is to simplify complexity and collaborate optimally, aligning technology, design, and business objectives.
        ">
        <meta property="og:url" content="https://www.anetastojanowska.nl/index.html">
        <meta name="author" content="Aneta Stojanowska">

I’ve confirmed that the image URL is correct and accessible. Its website’s repository is on Github and hosted on Netlify, and the rest of the content is displaying fine.

Could anyone help me understand what might be causing this issue and how to resolve it? Is there a specific configuration or setting I need to adjust on the Netlify platform?

Thank you for your assistance!

Best regards,
Aneta


Hi, @aneta-s. It is working when I test using this tool:

https://metatags.io/?url=https%3A%2F%2Fwww.anetastojanowska.nl%2Fproject-one-description

Did you change something since making this post? If not, this appears to be a bug with the LinkedIn tool and not with Netlify as it is working with the testing site above.

Hi @luke and thanks for your response, I appreciate it! I have tested on third party websites and it does see the right image.
Also, I have checked it manually with Facebook debugger and Linkedin post inspector. Again, these tools does not see the image when looking at Netlify. They do see the image, that are hosted on Github.
I’m unable to find any information about this issues on internet. Tips are welcome how to resolve it. Thanks for your time again!

Hi @aneta-s,

I’m seeing everything correctly: