Icône de site Web balises méta - Qu'est-ce que l'icône de balises méta de site Web? l’icône de balise méta wemsite est une méthode ou un moyen d’ajouter une icône de site Web aux onglets du navigateur et à d’autres endroits, avant la présence des smartphones et de nombreux types de navigateurs modernes, chaque site Web, comme un site de blogueur, utilise généralement une ligne de balises favicon.ico "<link href = '/ favicon. ico 'rel =' icon 'tapez =' image / x-icon '/> "pour ajouter l'icône de leur site Web à l'onglet du navigateur. Mais à présent, l’icône de balise méta comme celle-ci n’est pas maximale, même dans certains navigateurs. Pour que l’icône du site Web, en particulier celle du site blogueur, apparaisse dans de nombreux types de navigateurs, nous devons ajouter un type d’icône de balise méta avec une taille de site Web ou une taille d’icône différente.
À cette occasion, je partagerai l’icône de balise méta afin de faciliter l’apparition de l’icône ou du logo du site dans de nombreux navigateurs modernes et dans de nombreux endroits tels que les onglets de navigateur, les pages d’accueil, l’historique, l’histoire récente, les favoris (sites fréquemment visités) et d’autres, tels que vu dans l'exemple ci-dessous;
Si l'icône de l'application sur le site de Blogger utilise l'ancienne méthode, les navigateurs modernes ne peuvent pas afficher l'image de l'icône complète et ne sont marqués que par les initiales "B" ou par Blogger. Si l'application de l'icône du site utilise une nouvelle méthode, l'icône de l'image sera affichée intégralement en haute résolution. Le site est donc plus facilement reconnaissable, comme le montre la photo de droite.
Pour afficher l'icône du site Web de manière optimale dans de nombreux types de navigateurs, nous devons ajouter plusieurs versions de l'icône de balise méta ci-dessous dans la balise <head> du site Web, avec la taille ou la taille de l'icône pour empêcher les modifications d'échelle automatiques.
<rel link = "apple-touch-icon" tailles = "72x72" href = "url-icon-72x72.png">
<rel link = "apple-touch-icon" tailles = "76x76" href = "url-icon-76x76.png">
<rel link = "apple-touch-icon" tailles = "114x114" href = "url-icon-114x114.png">
<rel link = "apple-touch-icon" tailles = "120x120" href = "url-icon-120x120.png">
<rel link = "apple-touch-icon" tailles = "144x144" href = "url-icon-144x144.png">
<rel link = "apple-touch-icon" tailles = "152x152" href = "url-icon-152x152.png">
<rel link = "apple-touch-icon" tailles = "180x180" href = "url-icon-180x180.png">
<link rel = "icon" type = "image / png" tailles = "192x192" href = "url-icon-192x192.png">
<link rel = "icon" type = "image / png" tailles = "32x32" href = "url-icon-32x32.png">
<link rel = "icon" type = "image / png" tailles = "96x96" href = "url-icon-96x96.png">
<meta name = "msapplication-TileColor" content = "# ffffff">
<meta name = "msapplication-TileImage" content = "url-icon-144x144.png">
Remarque: toutes les icônes de balises méta ne doivent pas nécessairement être ajoutées au site Web. Vous pouvez uniquement choisir quelques balises méta pour représenter les navigateurs les plus couramment utilisés dans la zone cible du site. Les types de fichiers utilisés sont des fichiers png "icon.png".
Ce site Web, par exemple, utilise uniquement les 5 icônes de balises méta les plus utilisées pour prendre en charge les principaux navigateurs tels que Chrome, Firefox OS, Safari et Opera.
Application de l'icône de balise méta sur les sites Blogger
Ajoutez l'icône de balise Meta ci-dessous dans la zone <head> du site blogger, placez plus clairement le lien de la balise entre le code <head> et </ head> html sur votre site blogger, puis remplacez la clôture "#" par url_icon ou le logo du site.
<link href = '#' rel = 'icon' tailles = '192x192' />
<link href = '#' rel = 'apple-touch-icon' />
<link href = '#' rel = 'apple-touch-icon' tailles = '152x152' />
<link href = '#' rel = 'apple-touch-icon' tailles = '180x180' />
<link href = '#' rel = 'apple-touch-icon' tailles = '167x167' />
Réglage de la taille des données d'image
Pour ajuster la taille ou la taille icon.png à la taille spécifiée dans l'icône de balise meta (lien), vous n'avez pas besoin de créer et de télécharger de nombreuses images avec des tailles différentes. Il suffit de charger un (1) carré icon.png, par exemple: 5 cm x 5 cm avec une taille de données inférieure à 350 Ko, puis icon.png, nous le compresserons à l’aide de l’image de l’URL du blogspot pour correspondre à la taille spécifiée dans l’icône de balise méta. Sachez seulement que l’image URL de blogspot peut être utilisée comme un compresseur de taille d’image, faites attention à l’image d’URL ci-dessous.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBCMhNNulPafg0Hp9F12_eXfbptq07XMx-SE3YZ_H0SqW3y4f7pRrQ1OjE2vJtHUslDTDNJdjBE1NPNvw5DNQdHmmdoiD0TGJkIrKNwgB3isDV56M8TgH1Ohhqr9bQMx_00uzELstv5cc/s470/STLB.png
Modifiez s470 avec la taille de chaque balise d'icône, par exemple s192, s152, s180 et s167, ainsi la taille ou la taille du mage "icon.png" sera redimensionnée en fonction de la taille de l'icône de balise. Pour obtenir la taille normale icon.png, supprimez / s470 de l’image URL. Pour plus de détails, rendez-vous sur le site "Accueil", puis appuyez sur Ctrl + U pour savoir comment appliquer l’icône de la balise au site de Blogger.
Une fois la balise icon appliquée, veuillez consulter ou consulter votre site via un smartphone (Android ou Apple) avec les navigateurs Chrome, Opera et Safari, ainsi que consulter mon site si vous êtes un utilisateur d'iPhone.
Quelle est l'importance de l'icône de balise pour les sites Blogger?
L’icône ou le logo du site ajoutera de la valeur / du niveau au site lui-même. En outre, l’icône / le logo du site tend également à ajouter à la netteté du site afin de le rendre plus facile à reconnaître, l’icône ou le logo du site est également une marque ou un logo. décrire le contenu du produit ou du site Web. Les gens sont généralement plus susceptibles de reconnaître ou de mémoriser une marque que l’URL du site. Dans SEO (Serch Engine Optimation) Checker, un site Web qui a sa propre valeur et son attrait pour amener les visiteurs sur un site Web.
Si l'exploration est approfondie, l'optimisation de l'icône ou du logo sur le site Web peut être classée dans l'optimisation SEO hors page, vous pouvez en apprendre davantage sur les balises icon.png et sur la connaissance des navigateurs modernes sur les pages Google Develover et les développeurs Apple pour éviter les erreurs ou utiliser les balises Favicon Generator. pour obtenir la taille ou la taille de l’icône du site Web dans la plupart des navigateurs actuels.
Tout comme l'explication et comment appliquer la balise icon website sur le site de blogger, j'espère que cet article vous fournira des connaissances ou une compréhension de l'installation d'une icône de site Web, de la chance et du succès. Je ne m'ennuie pas de rappeler Follow and Subscribe sur ce site pour obtenir des informations à jour sur les blogs.
Tidak ada komentar:
Write komentar