Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes

We have integrated the social Share Icons and define a social share image during output.
The output looks fine:

<meta name="apple-mobile-web-app-title" content="WIS_2021-08_Digital"><meta name="generator" content="In5 v3.7.17"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="Wir im Sport,Magazin,LSB,NRW,Landessportbund,Sportehrenamt,Corona,Hilfe,Felix Award,Digitalisierung,E-Sport,Entwurfswerk,Mitgliederversammlung,Surfsport,Olympia,OSP,Pink gegen Rassismus">
<meta name="description" content="Impfen für den Sport - Viele sind Vorbilder. Der FELIXChampions2021 Award - Die besten aus NRW. Auszeichnung für NRW Sportvereine in Berlin.">
<meta name="author" content="lsb.nrw - Theo Düttmann | Entwurfswerk.de">
<meta property="og:title" content="WIR IM SPORT 2021 08 Digital">
<meta property="og:description" content="Vorab">
<meta property="og:url" content="">
<meta property="og:image" content="assets/images/social-share.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website" />

Preview in firefox with  the open graph preview seems to work. 

if i previewed it with twitter cards i get this:

INFO:  Page fetched successfully
INFO:  16 metatags were found
INFO:  twitter:card = summary_large_image tag found
INFO:  Card loaded successfully
but the image is not included in the card.
same if i share it on a mobile with whatsapp. the og:title and og:description are sharing but not the picture
url is https
you can find it here:
in how_to by (550 points)
  

1 Answer

0 votes
 
Best answer

Your image is linking to a relative link... but Twitter works a little differently and needs to be an absolute link. So you'll have to have the image hosted somewhere online first and link to it that way. So, for instance: meta property="og:image" content="https://example.com/images/social-share.jpg"

Justin covers that in this YouTube video: https://youtu.be/pnVAQWbi79Y?t=107.

by (8.3k points)
selected by