Welche Angaben muss ich im HTML-Head setzen, damit ich ein Vorschaubild beim senden eines Links erhalte?
Mein HTML-Head:
<head>
<title>Webseitentitel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="Webseiten Beschreibung" />
<meta name="author" content="Max Mustermann" />
<meta name="keywords" content="Schlüsselwort, noch ein Schlüsselwort, ..." />
<meta property="og:title" content="Webseitentitel" />
<meta property="og:description" content="Webseiten Beschreibung">
<meta property="og:url" content="https://www.domain.de/" />
<meta property="og:image" content="http://domain.de/images/logo.png" />
<meta property="og:image:secure_url" content="https://domain.de/images/logo.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="325" />
<meta property="og:image:height" content="325" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="de_DE" />
<link rel="icon" href="images/logo.png" type="image/png">
<link rel="shortcut icon" href="images/logo.png" type="image/png">
<link rel="icon" href="images/logo.png" sizes="32x32" />
<link rel="icon" href="images/logo.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="images/logo.png" />
<meta name="msapplication-TileImage" content="images/logo.png" />
<link rel="apple-touch-icon" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel='shortlink' href='https://domain.de/' />
<link rel="canonical" href="https://domain.de/" />
<script src="https://kit.fontawesome.com/secret_key.js"></script>
</head>
Laut diesem Post bin ich vorgegangen...
https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing
...ich habe mir auch die Infos von https://ogp.me/ angeschaut.
Ich komme einfach nicht weiter :(
HILFEEEEEEEEE....
