Ajouter une icône de favori
Cet article explique comment ajouter une icône de favori à votre site.
Une icône de favori est un petit fichier graphique affiché sous un onglet du navigateur web, dans la barre d’adresse, dans l’historique de navigation, et dans les signets ou les favoris, entre autres. Nous vous recommandons d’ajouter une icône de favori à votre site, car elle représente et renforce votre marque, et aide à distinguer votre site d’autres sites que vos clients visitent.
Bien que vous puissiez ajouter plusieurs icônes de favori de différentes tailles et types de fichiers à votre site, cet article explique comment ajouter une icône de favori unique. Toutefois, les mêmes processus et emplacement sont utilisés pour ajouter des une icônes de favori.
Chargement de l’icône de favori dans la collection d’actifs du site
Pour charger l’icône de favori dans la collection d’actifs du site, procédez comme suit.
Dans le volet de navigation de gauche, cliquez sur Bibliothèque multimédia.
Dans la barre de commandes, sélectionnez Télécharger > Télécharger des éléments multimédias.
Dans la fenêtre de l’Explorateur de fichiers, accédez au fichier image favicon que vous souhaitez télécharger, sélectionnez-le, puis sélectionnez Ouvrir.
Dans la boîte de dialogue Télécharger un élément multimédia, entrez le titre et le texte de remplacement requis.
Si vous souhaitez publier l’image immédiatement après le téléchargement, sélectionnez la case à cocher Publier les éléments multimédia après le téléchargement.
Note
Si vous ne sélectionnez pas la case à cocher Publier les éléments multimédia après le téléchargement, vous devez retourner à la page Éléments multimédia et publier manuellement l’icône de favori ultérieurement.
Cliquez sur OK.
Dans le volet de propriété de droite, copiez l’URL publique de l’icône de favori. Vous utiliserez cette URL ultérieurement.
Créer l’HTML pour l’icône de favori
Pour créer le fichier HTML pour l’icône de favori, utilisez la chaîne HTML suivante. Pour l’attribut href, remplacez Public‑URL‑for‑your‑favicon par l’URL publique copiée précédemment.
<link rel="shortcut icon" href="Public_URL_for_your_favicon">
Créer un fragment contenant une balise META pour votre icône de favori
Pour créer un fragment contenant une balise META pour votre icône de favori, suivez cette procédure.
- Accédez à Fragments, et sélectionnez Nouveau.
- Dans la boîte de dialogue Nouveau fragment, sélectionnez Métabalises comme module sur lequel le fragment est basé.
- Entrez un nom pour le fragment, puis sélectionnez OK.
- Dans l’arborescence de la hiérarchie des fragments, sélectionnez l’enfant Metatags par défaut.
- Dans le volet droit, sous Balises Meta, sélectionnez Ajouter, puis entrez la chaîne HTML que vous avez créée précédemment pour l’icône de favori.
- Sélectionnez Terminer la modification, puis Publier pour publier le fragment.
Ajouter le fragment de métabalise à la section d’en-tête HTML de vos pages
Pour ajouter le fragment de métabalise à la section d’en-tête HTML de vos pages, suivez cette procédure.
- Accédez à Modèles, puis ouvrez le modèle pour les pages dans lesquelles vous souhaitez ajouter votre icône de favori, puis sélectionnez Modifier.
- Dans l’arborescence de la hiérarchie des modèles, sélectionnez les points de suspension (...) à droite du conteneur En-tête HTML, puis sélectionnez Ajouter un fragment.
- Dans la boîte de dialogue Sélectionner un fragment, sélectionnez le fragment de métabalise que vous avez créé au préalable, puis sélectionnez OK.
- Sélectionnez Terminer la modification, puis Publier pour publier le modèle.
Note
Si votre site utilise plusieurs modèles, vous devez ajouter le fragment de métabalises à chacun d’eux.
Lorsque vous prévisualisez des pages basées sur le modèle auquel vous avez ajouté le fragment de métabalises, vous devriez maintenant voir l’icône de favori dans l’onglet du navigateur.
Ressources supplémentaires
Sélectionner un thème pour le site
Utilisation de fichiers de remplacement CSS
Ajouter un avis de droits d’auteur
Ajouter des langues à votre site
Ajout d’un code de script aux pages de site pour prendre en charge la télémétrie