How to make SoMe-tags work?

HTML/CSS
1

Hello all, and a happy new year!

When I post a link to my web-page on Facebook, an awful image shows up with the link. I want another image to be shown.

I´ve read about “Social Media”-tags to put up in the "< meta >-section. I found out that the tag:

<meta property="og:image"content="http://www.my-image-jpg">

But I cant get it to work. Im supposed to be using a link to my image, but I got my image on the computer. But it is the same image I´ve already put on my webpage, so I tried to just copy the image-URL from the page, but no.

I got this message saying:

Skjermbilde 2022-12-30 kl. 17.36.22
Skjermbilde 2022-12-30 kl. 17.36.22999×106 11.2 KB

But I don´t quite get what it means.

How do I properly do this?

(My < head > section: )


<!DOCTYPE html>
<html lang="no">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="KOMUS - Når det er fest som gjelder" />
    <meta name="keywords"content="komus,entertainment,fest,party,dans,festband,partyband,danseband"/> 
    <meta property="og:title" content="KOMUS" />
    <meta property="og:description" content="KOMUS - Når det er fest som gjelder">
    <meta property="og:image" content="https://www.komus.no/Images/Komushd.jpg"/>
    <meta property="og:url" content="https://www.komus.no" />
    <title>KOMUS Entertainment</title>
    <link rel="stylesheet" type="text/css" href="index.css" />
    <script
      src="https://kit.fontawesome.com/f0369f66ae.js"
      crossorigin="anonymous"
    ></script>

    <!-- Meta Data -->
  </head>

// Thanks!

2

Hi,

I am no social media expert but I had an occasion to do a thing or two some time ago. I had a problem of the same kind. Once Facebook has fetched a thumbnail it will remain. Head toward Facebook developer tools to change that. Not sure it would change on links already posted though.
Good luck.

1 Like