Title et Metas
Deux balises indispensables.
Titre de la page
<title></title>
Description de la page
<meta name="description" content="">
Favicon et icons
Nous utiliserons un générator d’icon : https://www.favicon-generator.org/.
Outre le favicon cela nous permettra d’avoir une série d’icon pour iOS, Android et Microsoft
Pour le sharing sur Facebook il faut ajouter des balises Open Graph.
Après tout changement il faut vider le cache facebook grâce à ce lien https://developers.facebook.com/tools/debug/sharing/
Titre de la page
<meta property="og:title" content="">
Description de la page
<meta property="og:description" content="">
Image de la page (url absolue)
<meta property="og:image" content="">
URL de la page
<meta property="og:url" content="">
URL du site
<meta property="og:site_name" content="">
Pour le sharing sur Twitter il faut ajouter des balises Twitter card.
Doc pour summary_large_image: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary-card-with-large-image
Test / Validator: https://cards-dev.twitter.com/validator
L’option summary_large_image permet d’avoir un tweet avec une grande image
<meta property="twitter:card" content="summary_large_image">
Le title de la page
<meta property="twitter:title" content="">
La description de la page
<meta property="twitter:description" content="">
Image de la page (url absolue)
<meta property="twitter:image" content="">
Le @ twitter du site
<meta property="twitter:site" content="">