permettre une twitter card

[ms-studio]

Cf https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup

[ms-studio]

Exemple de code twitter-card pour les pages Replit:

<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@replit"/>
<meta name="twitter:title" content="Site Immersif"/>
<meta name="twitter:description" content="A HTML, CSS, JS repl"/>
<meta name="twitter:image" content="https://replit.com/public/icons/apple-icon-180.png"/>

Rendu visuel:

Ou comme sur Github:

<meta name="twitter:image:src" content="https://opengraph.githubassets.com/67d9dbfde332fa239e13a90f6a37dd859745736102de4cd14e643b89952ed883/eaa-imd/tests-svg-js" />
<meta name="twitter:site" content="@github" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="eaa-imd/tests-svg-js" />
<meta name="twitter:description" content="Contribute to eaa-imd/tests-svg-js development by creating an account on GitHub." />

<meta property="og:image" content="https://opengraph.githubassets.com/67d9dbfde332fa239e13a90f6a37dd859745736102de4cd14e643b89952ed883/eaa-imd/tests-svg-js" />
<meta property="og:image:alt" content="Contribute to eaa-imd/tests-svg-js development by creating an account on GitHub." />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="600" />
<meta property="og:site_name" content="GitHub" />
<meta property="og:type" content="object" />
<meta property="og:title" content="eaa-imd/tests-svg-js" />
<meta property="og:url" content="https://github.com/eaa-imd/tests-svg-js" />
<meta property="og:description" content="Contribute to eaa-imd/tests-svg-js development by creating an account on GitHub." />

Résultat: