Een favicon toevoegen

Artikel
03/08/2023

In dit artikel wordt uitgelegd hoe u een favicon aan uw site toevoegt.

Een favicon is een klein grafisch bestand dat onder andere wordt weergegeven op het tabblad van de webbrowser, in de adresbalk, de browsergeschiedenis en in bladwijzers of favorieten. Het is raadzaam om een favicon aan uw site toe te voegen, omdat deze uw merk vertegenwoordigt en benadrukt. Zo onderscheidt uw site zich van andere sites die uw klant bezoekt.

Hoewel u meerdere favicons van verschillende grootten en bestandstypen kunt toevoegen aan uw site, wordt in dit artikel aangegeven hoe u één favicon toevoegt. Hetzelfde proces en dezelfde locatie worden echter gebruikt om meer favicons toe te voegen.

Een favicon uploaden naar de verzameling met assets voor uw site

Volg deze stappen om een favicon te uploaden naar de verzameling met assets voor uw site.

Selecteer Mediabibliotheek in het navigatievenster aan de linkerkant.
Selecteer Uploaden > Media-items uploaden in de opdrachtbalk.
Blader in de bestandsverkenner naar het favicon-afbeeldingsbestand dat u wilt uploaden, selecteer het en selecteer vervolgens Openen.
Voer in het dialoogvenster Media-item uploaden de vereiste titel en alternatieve tekst in.
Als u de afbeelding direct na het uploaden wilt publiceren, schakelt u het selectievakje Media-items publiceren na uploaden in.

Notitie

Als u niet de optie Media-items publiceren na uploaden selecteert, moet u teruggaan naar de pagina Media-items en de favicon later handmatig publiceren.
Selecteer OK.
Kopieer in het eigenschappenvenster aan de rechterkant de openbare URL van de favicon. U gebruikt deze URL later.

De HTML voor uw favicon maken

Gebruik de volgende HTML-tekenreeks om de HTML voor de favicon te maken. Vervang voor het kenmerk href de Openbare_URL_voor_uw_favorietpictogram door de openbare URL die u eerder hebt gekopieerd.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

Een fragment maken dat een metatag bevat voor uw favicon

Als u een fragment wilt maken dat een metatag bevat voor uw favicon, voert u deze stappen uit.

Ga naar Fragmenten en selecteer Nieuw.
Selecteer in het dialoogvenster Nieuw fragment de optie Metatags als de module waarop het fragment is gebaseerd.
Voer een naam in voor het fragment en klik op OK.
Selecteer in de structuur van de fragmenthiërarchie de onderliggende waarde Standaard metatags.
Selecteer in het rechterdeelvenster onder Metatags de optie Toevoegen en voer vervolgens de HTML-reeks in die u eerder voor de favicon hebt gemaakt.
Selecteer Bewerken voltooien en Publiceren om het fragment te publiceren.

Het metatagfragment toevoegen aan de HTML-sectie head van uw pagina's

Als u het metatagfragment wilt toevoegen aan de HTML-sectie head van uw pagina's, voert u de volgende stappen uit.

Ga naar Sjablonen, open de sjabloon voor de pagina's waaraan u uw favicon wilt toevoegen en selecteer Bewerken.
Selecteer in de sjabloonhiërarchiestructuur de knop met het weglatingsteken (...) rechts van de container HTML-kop en selecteer Fragment toevoegen.
Selecteer in het dialoogvenster Fragment selecteren het metatagfragment dat u eerder hebt gemaakt, voer een naam in voor het paginafragment en selecteer vervolgens OK.
Selecteer Bewerken voltooien en Publiceren om de sjabloon te publiceren.

Notitie

Als op uw site meerdere sjablonen worden gebruikt, moet u het metatagfragment aan al deze sjablonen toevoegen.

Wanneer u een voorbeeld bekijkt van pagina's die zijn gebaseerd op de sjabloon waaraan u het metatagfragment hebt toegevoegd, ziet u nu de favicon op het browsertabblad.