Une carte de partage

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Le Petit Prince, A. de Saint-Exupéry — La Librairie du Campus</title>
  <meta name="description" content="Le Petit Prince d’Antoine de Saint-Exupéry, en édition de poche. 8,50 €, retrait gratuit en boutique.">
  <link rel="canonical" href="https://librairie-campus.example/livres/le-petit-prince.html">
  <meta property="og:type" content="book">
  <meta property="og:title" content="Le Petit Prince, A. de Saint-Exupéry">
  <meta property="og:description" content="Édition de poche, 8,50 € à la Librairie du Campus.">
  <meta property="og:url" content="https://librairie-campus.example/livres/le-petit-prince.html">
  <meta property="og:image" content="https://librairie-campus.example/images/le-petit-prince-1200x630.jpg">
  <meta property="og:image:alt" content="Couverture du Petit Prince : le petit prince debout sur sa planète.">
  <meta property="og:locale" content="fr_FR">
  <meta property="og:site_name" content="La Librairie du Campus">
  <meta name="twitter:card" content="summary_large_image">
</head>

twitter:card vaut summary_large_image pour la grande image ; les autres informations sont reprises d'Open Graph. Les adresses de og:url et og:image sont absolues : le service qui fabrique la carte ne sait pas de quel site vient une adresse relative.