Hoe een Favicon aan uw WordPress website toevoegen

Een favicon is een kleine afbeelding die naast de titel van uw website in uw browsertabbladen wordt weergegeven. Het doel van een favicon is te laten zien naar welke website u kijkt, en gebruikers in staat te stellen een merk onmiddellijk te herkennen.

Merkherkenning is essentieel voor elke onderneming en schept vertrouwen bij uw publiek. Een van de meest voorkomende WordPress fouten is het niet toevoegen van een favicon.

In dit artikel laten we u zien hoe u in een paar eenvoudige stappen een favicon aan uw WordPress site kunt toevoegen. We zullen ook uitleggen waarom het een goede gewoonte is om een favicon weer te geven, en hoe het uw site ten goede kan komen.

Inhoudsopgave

Waarom u een Favicon nodig heeft op uw WordPress website

Een favicon vestigt de merkidentiteit. Het maakt uw site ook bruikbaarder en biedt een betere gebruikerservaring.

Naarmate u meer tabbladen aan uw internetbrowser toevoegt, wordt de websitetitel kleiner, en kan hij uiteindelijk verdwijnen als u veel tabbladen open hebt. De favicon op uw website helpt gebruikers uw website snel te herkennen, zodat ze snel kunnen overschakelen naar het tabblad dat ze willen bekijken.

Als uw gebruikers uw website toevoegen aan het beginscherm van hun smartphone of mobiele apparaten, wordt uw favicon hier weergegeven, en zal deze er meer uitzien als een app als u een favicon hebt.

Hoe maak je een favicon?

Veel bedrijven hebben de neiging het logo van hun merk te gebruiken als hun favicon. Voor WordPress is het aanbevolen site-icoon minstens 512 pixels x 512 pixels. De afbeelding van het sitepictogram moet een vierkant zijn, geen rechthoek. U kunt echter wel een rechthoek gebruiken, maar WordPress zal u toestaan de afbeelding bij te snijden wanneer u deze aan uw website toevoegt.

Als je toegang hebt tot Adobe Photoshop, dan zou ik je aanraden dit te gebruiken om je favicon te maken. Als je echter geen Photoshop hebt of er het budget niet voor hebt, kun je gratis een favicon generator tool gebruiken.

U kunt een transparante afbeelding gebruiken of de afbeelding vullen met een achtergrondkleur naar keuze. Zorg er alleen voor dat uw favicon herkenbaar en duidelijk is, en de juiste grootte heeft.

Uw favicon toevoegen aan WordPress

Nu u uw favicon (of site icoon) heeft gemaakt, is het tijd om het toe te voegen aan uw WordPress website. Sinds de release van WordPress 4.3, kunt u nu uw favicon toevoegen vanuit uw WordPress admin gebied. Navigeer naar Uiterlijk > Aanpassen en klik vervolgens op het tabblad ‘Site-identiteit’.

Als u een premium WordPress thema gebruikt, zult u merken dat uw tabblad ‘Site-identiteit’ zich onder Header in hetzelfde menu bevindt.

Hier kunt u de koptekst van de site, de titel van de site, het logo van de site, het pictogram van de site en de slogan wijzigen. Om uw WordPress favicon te wijzigen, klikt u op ‘Afbeelding wijzigen’ als u er al een heeft, of ‘Bestand selecteren’ om een nieuw site-icoon te uploaden.

Als de afbeelding die u uploadt groter is dan de aanbevolen grootte, zal WordPress u toestaan om de afbeelding bij te snijden. Als de afbeelding echter overeenkomt met de aanbevolen grootte, kunt u uw wijzigingen gewoon opslaan.

Nu kunt u naar de homepage van uw website gaan om uw WordPress favicon in actie te zien! U kunt het pictogram van uw site ook op een mobiel apparaat bekijken door in het menu van uw browser te kiezen voor ‘Toevoegen aan beginscherm’.

Hoe een Favicon toevoegen aan WordPress 4.2 of lager

Als u WordPress versie 4.2 of lager gebruikt, is het veranderen van uw favicon een beetje anders. Je moet je favicon rechtstreeks uploaden naar de hoofdmap van je website met FTP. Een programma voor bestandsoverdracht zoals FileZilla zal meer dan voldoende zijn.

Zodra u verbonden bent met uw website via FTP, navigeert u naar het header.php bestand van uw thema en voegt u de volgende code toe in het bestand:

<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />


Zorg ervoor dat je webhostingprof vervangt door de URL van je site. Als uw thema geen header.php bestand bevat, kunt u een plugin installeren om het zware werk voor u te doen. Hoewel plugins nuttig zijn, zou ik het gebruik hiervan alleen aanraden als je geen header.php bestand hebt of het niet kunt vinden.

Het is een goede gewoonte om te weten waar deze bestanden staan voor het geval u ze opnieuw moet gebruiken! Ik probeer niet opzettelijk de dingen moeilijker voor je te maken!

Een plugin zoals Kop- en Voetteksten invoegen is een goede keuze. U kunt de plugin installeren en activeren, en dan navigeren naar Instellingen > Kop- en Voetteksten invoegen en plak dan de bovenstaande code. Vergeet niet je instellingen op te slaan en je bent klaar om te gaan!

Conclusie

Favicons zijn belangrijk voor uw website, niet alleen voor de branding, maar ook voor de gebruikerservaring. Favicons laten uw websitegebruikers toe uw website gemakkelijk te herkennen en in alle eerlijkheid, ze zien er veel beter uit dan een lege doos.

Nu u weet hoe u een favicon aan uw WordPress website kunt toevoegen, waarom probeert u het niet eens? Een favicon toevoegen is eenvoudig en gratis, en we hebben genoeg andere bronnen die u kunnen helpen met uw WordPress website, zoals hoe u de lettergrootte op uw berichten en pagina’s kunt wijzigen, of hoe u uw WordPress login URL kunt onthouden.