Types courants de balises Meta
1. Méta-description
Fournit un bref résumé du contenu de la page Web, utilisé par les moteurs de recherche pour s’afficher dans les résultats de recherche.
<meta name= »description » content= »Ceci est une page web sur les balises méta HTML et leurs fonctions. » >
2. Méta-mots-clés
Spécifie les mots-clés pertinents pour le contenu de la page. (Moins important pour le référencement de nos jours.)
<meta name= »keywords » content= »HTML, balises méta, page web, SEO »>
3. Fenêtre d’affichage
Contrôle l’affichage de la page Web sur les appareils mobiles.
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
4. Jeu de caractères
Spécifie l’encodage des caractères de la page Web (UTF-8 est couramment utilisé).
<meta charset= »UTF-8″>
5. Auteur
Spécifie le nom de l’auteur du contenu.
<meta name= »auteur » content= »John Doe »>
Exemple de balises Meta en HTML
<! DOCTYPE html>
<html>
<tête>
<meta charset= »UTF-8″>
<meta name= »description » content= »Apprenez tout sur les balises méta HTML et comment elles améliorent le référencement et la fonctionnalité des pages. » >
<meta name= »keywords » content= »HTML, balises méta, SEO »>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<meta name= »auteur » content= »Jane Smith »>
<title>Comprendre les balises Meta</title>
</tête>
<corps>
<h1>Bienvenue dans le tutoriel sur les balises Meta</h1>
</corps>
</html>
Importance des balises Meta
– SEO : Les balises méta, en particulier la description et les mots-clés, aident les moteurs de recherche à comprendre le contenu d’une page.
– Expérience utilisateur : des balises telles que « viewport » améliorent la réactivité mobile.
– Métadonnées : Fournit des informations supplémentaires (auteur, jeu de caractères) utiles pour les navigateurs et les moteurs de recherche.