Signification et utilisation des balises meta

Question

J'ai quelques questions à propos des balises META.

1. Au sommet d'un onglet, où le titre apparaît, il y a une image à côté. Comment ajouter une image comme ça?

2. La balise META <meta name="keywords" content="HTML, Questions," a-t-elle encore une utilité?

3. Pourquoi <meta name="author" content="Firstname Lastname" Utilisé? A quoi cela sert-il?

4. Comment utilisez-vous <meta viewport>?

Answer 1

Dans le passé, les balises meta ont été utilisés par les moteurs de recherche aux pages Web d'index basé sur le titre, la description, et même des mots-clés. Cependant, certains sites Web ont commencé à les surutiliser, en entassant des mots-clés populaires dans l'espoir d'obtenir de meilleurs résultats de recherche. Google, reconnaissant cela, a annoncé qu'ils n'utilisent pas de méta-mots-clés ou de descriptions dans leurs algorithmes de recherche à des fins de classement. Venant sur un attribut à la fois:

1) Description - Les moteurs de recherche génèrent une description à partir de l'attribut de contenu. Lorsque vous partagez l'URL de votre page Web vers d'autres sites ou plateformes, disons que vous partagez un blog sur Whatsapp, Whatsapp affichera la description ainsi que votre URL aux utilisateurs. Vous pouvez l'essayer par vous-même.

2) charset = "UTF-8" - définit le codage de votre page Web. Un autre codage est UTF-16.

3) Mots-clés - Les mots clés aident les autres applications à en savoir plus sur votre site Web. Bien que de nombreux sites Web utilisent toujours la valeur des mots-clés de l'attribut name, Google ne tient pas compte de cela dans son algorithme de classement de recherche ou lors de l'affichage des résultats de recherche.

4) Auteur - Vous pouvez définir l'auteur d'une page en utilisant l'attribut author. 5) - Avant les tablettes et les téléphones mobiles, les pages Web étaient conçues uniquement pour les écrans d'ordinateur, et il était courant que les pages Web soient de conception statique et de taille fixe. Ensuite, lorsque nous avons commencé à surfer sur Internet à l'aide de tablettes et de téléphones mobiles, les pages Web de taille fixe étaient trop grandes pour s'adapter à la fenêtre d'affichage. Pour résoudre ce problème, les navigateurs de ces appareils ont réduit l'ensemble de la page Web pour l'adapter à l'écran. Les balises Meta peuvent être utilisées pour effectuer la tâche des en-têtes HTTP, comme la redirection et l'actualisation.

Pour en savoir plus sur les balises meta vous pouvez vous référer à ce lien https://www.sitepoint.com/meta-tags-html-basics-best-practices/

Answer 2

On dirait que vous n'avez pas fait une bonne recherche parce que toutes ces réponses peuvent être trouvées facilement.

Metatags info: https://github.com/joshbuchea/HEAD#meta

1- Il est appelé favicon.

2- Utilisé pour avoir un but mais pas plus.

3- Les robots tels que Google, Facebook ou même une coutume peuvent identifier l'auteur de la page en fonction de cette information.

4- https://stackoverflow.com/a/14775557/2873889

Answer 3

Q1). Vous devez avoir une favicon. Vous pouvez obtenir plus de détails ici: https://www.w3.org/2005/10/howto-favicon

Q2). Oui, les balises META sont toujours utiles.

Q3). Cela indique simplement qui a créé la page Web.

Q4). Check out https://www.w3schools.com/css/css_rwd_viewport.asp

Enfin, il suffit de regarder w3schools.com et codeacademy.

Answer 4

1. Vous pouvez ajouter un favicon en utilisant <link rel="icon" href="#" sizes="16*16"> et insérer l'image que vous voulez pour votre favicon dans le href.
2. La balise keyword est utilisée pour l'indexation des moteurs de recherche.
3. La balise auteur est utilisée pour identifier le créateur du contenu. Oui, les deux sont toujours utiles.
4. <meta name="viewport> est utilisé pour définir la taille de la partie visible du document dans les différents navigateurs: <meta name="viewport" content="width=device-width, intial-scale=1.0">