Favicon et variantes linguistiques
Ajoute l'icône du site et publie deux URL linguistiques absolues, chacune identifiée par son code de langue.
Objectifs de la leçon
- Construire l'identité visuelle et les variantes linguistiques avec un élément HTML adapté.
- Ajouter les attributs qui rendent la structure testable.
- Expliquer l'impact utilisateur de la décision prise.
Décrire la page hors de son interface
Une page publiée est aussi lue dans un onglet, un moteur de recherche, une carte sociale et parfois par un robot de données structurées.
« Favicon et variantes linguistiques » sert ici à rendre l'identité visuelle et les variantes linguistiques explicite dans le document.
Décision de publication
Écris des métadonnées spécifiques, cohérentes avec le contenu visible et fondées sur des URL absolues stables lorsque le protocole l'exige.
Évite de traiter l'identité visuelle et les variantes linguistiques comme un simple détail visuel : le choix doit rester compréhensible dans le DOM et justifiable en revue de code.
Aperçu de diffusion
Compare le title, la description, l'URL canonique et les données de partage au contenu réel. Chaque aperçu doit identifier PulsaConf sans texte générique.
Pour html-08-favicon-hreflang, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.
Vocabulaire lié
- title — Titre affiché dans l'onglet et les résultats.
- meta description — Résumé court pour moteurs de recherche.
- canonical — URL officielle d'une page.
- Open Graph — Métadonnées de partage social.
- JSON-LD — Données structurées intégrées au head.
Validation
- Je sais expliquer pourquoi l'identité visuelle et les variantes linguistiques améliore PulsaConf.
- Je peux relier chaque test à une exigence utilisateur.
- Je garde une structure compréhensible sans style CSS.