Wat is een favicon? De ultieme gids voor websiteontwerpers

Een kleine afbeelding in de vorm van een pictogram kan een groot verschil maken in de branding van uw website. Maar de meeste ontwerpers en ontwikkelaars vergeten deze grafische troef. Het is favicon.

Nu vraag je je misschien af ​​wat een favicon is? Het is een essentieel ontwerpelement van uw website waarmee uw merk zich onderscheidt van de rest.

Lees deze diepgaande discussie over favicon terwijl we enig licht werpen op de definitie, het belang en al het andere dat u moet weten.

Wat is een favicon?  De ultieme gids voor websiteontwerpers

Wat is een favicon? 

Het woord favicon is ontstaan ​​uit een samenvoeging van twee woorden: 'favorieten' en 'iconen'. Favorieten verwijzen rechtstreeks naar het bladwijzergedeelte van de webbrowser. Aan de andere kant is een pictogram of logo een grafisch middel dat een bedrijf, blog, online tijdschrift of e-commerceruimte kenmerkt.

Het is meestal een pictogram van 16 x 16 pixels. Het kan echter ook een kleinere versie van uw website of bedrijfslogo zijn. Ontwerp het volgens de kleurenpaletcombinatie, lettertypen, afbeeldingen en andere artistieke voorkeuren van uw website.

Maak het bovendien verstandig, want het werkt als een visuele identificatie voor uw webpagina wanneer een internetgebruiker veel tabbladen in de webbrowser opent en de naam van de website niet meer ziet.     

De positionering van een favicon

Master-websiteontwerpers beschouwen favicons als een cruciaal website-item omdat u het pictogram op strategische plaatsen kunt vinden. Meestal wordt uw websitefavicon hier weergegeven: 

  • Aan de linkerkant van de tabbladen van de webbrowser
  • Het geschiedenismenu van de webbrowser
  • In het vervolgkeuzemenu van de bladwijzersectie van de webbrowser
  • Apps van de werkbalk
  • Browsergeschiedenis
  • Zoekvak
  • Suggesties voor zoekbalk 
  • Op zoekresultaten

SEO Belang van Favicons

Favicons zijn een indirect hulpmiddel om de positie van de zoekmachine resultatenpagina ( SERP ) van uw website te beïnvloeden. Het is ook een goedkoop website-item dat u moeiteloos aan elke oude of nieuwe website kunt toevoegen. Hier leest u hoe favicons de inspanningen voor zoekmachineoptimalisatie (SEO) van uw website vergroten: 

  • Favicon vergroot de kans dat uw website een bladwijzer krijgt in de Google Chrome-webbrowser en verhoogt zo de kans dat u de website opnieuw bezoekt.
  • Gebruiksvriendelijke websites hebben betere SEO-rankingmogelijkheden en favicon verhoogt de gebruiksvriendelijkheid.
  • Bij SEO draait alles om marketing en branding, en favicon levert dit zonder dubbelzinnigheid. 

Favicon's specificaties

De meeste succesvolle websites gebruiken een kleine versie van hun merklogo als favicons of gebruiken vectorafbeeldingen. Hier zijn de specificaties voor moderne favicons:

Favicon Afbeeldingsgrootte/resolutie

  • Voor universeel gebruik in elke webbrowser zijn favicons van 16 x 16 pixels populair
  • Favicons van 24 x 24 pixels zijn geschikt voor vastgezette pagina's in Internet Explorer
  • 57 x 57 pixels is het standaardformaat voor het startscherm van iOS
  • Google TV-platforms geven de voorkeur aan favicons van 96 x 96 pixels
  • Opera Speed ​​Dial vereist afbeeldingen van 195 x 195 pixels
  • Apple touch-favicons moeten 180 x 180 pixels zijn

Favicon-afbeeldingsbestandstype 

De eerste keuze moet het ICO-bestandstype van Microsoft Windows zijn. U kunt ook PNG-, JPEG-, SVG- en APNG-bestanden kiezen voor favicons. 

Wat is een favicon: laatste woorden

Favicon is een van de belangrijkste activa voor uw website, omdat het helpt bij het markeren van uw online ruimte. De bovenstaande discussie zou u voldoende reden moeten hebben gegeven om een ​​favicon te maken en in uw website in te voegen.

Nu je dit artikel hebt doorgenomen, zou je een antwoord moeten hebben gevonden op je vraag: "Wat is een favicon?" Maak nu contact met uw website-ontwikkelaar om dit kleine maar machtige pictogram toe te voegen als uw website dit niet heeft.

Mogelijk bent u ook geïnteresseerd in verschillende soorten webhostingoplossingen voor het opbouwen van een efficiënte online aanwezigheid. 

Tags: #Adobe

Leave a Comment

Live video opnemen/delen en streamen vanaf je Android-telefoon

Live video opnemen/delen en streamen vanaf je Android-telefoon

Wil je een moment uit je leven delen met familie en vrienden? Of ben je misschien een gewone journalist die graag video's deelt zodra je...

Wat is er nieuw in Android 4.0 Ice Cream Sandwich [Functieoverzicht]

Wat is er nieuw in Android 4.0 Ice Cream Sandwich [Functieoverzicht]

Android 4.0 Ice Cream Sandwich (ICS) werd in oktober door Google en Samsung onthuld tijdens een evenement in Hong Kong en zoals verwacht is dit de meest

Hoe genereer ik een OPML-bestand uit RSS-feeds?

Hoe genereer ik een OPML-bestand uit RSS-feeds?

Als u van de ene feedreader naar de andere overstapt, is het een hectisch proces om naar al uw feedsites te gaan en u opnieuw te abonneren. Om te migreren

Downgrade iPhone 3G & 3GS van iOS 4 naar 3.1.2

Downgrade iPhone 3G & 3GS van iOS 4 naar 3.1.2

Gebruikers die hun iPhone 3G en iPhone 3GS-apparaten willen downgraden nadat ze per ongeluk zijn geüpgraded naar iOS 4, zullen deze handleiding nuttig vinden, dankzij commentator

Snap Camera gebruiken met Google Meet

Snap Camera gebruiken met Google Meet

Google Meet heeft een functie voor achtergrondvervaging die de achtergrond vervaagt of maskeert met een afbeelding. Dat is de omvang van de effecten. Aangezien Google

De 150 beste browserextensies en webapps van 2011 [keuze van de redactie]

De 150 beste browserextensies en webapps van 2011 [keuze van de redactie]

Of je nu een Mac of een Windows-pc gebruikt, je gebruikt nog steeds hetzelfde internet. Je online ergernissen, ergernissen en frustraties zijn vergelijkbaar, en je bent...

Hoe u uw Firefox-scherm kunt splitsen om ruimte te maken voor meer inhoud

Hoe u uw Firefox-scherm kunt splitsen om ruimte te maken voor meer inhoud

Als je Firefox gebruikt en je productiviteit wilt verhogen, dan is deze tip iets voor jou. Split Browser is een gratis add-on voor Firefox die je

DropItToMe is een veilige manier om mensen bestanden naar je Dropbox te laten uploaden

DropItToMe is een veilige manier om mensen bestanden naar je Dropbox te laten uploaden

Toen we in augustus over Dropbox Uploader schreven, raakten veel mensen geïnspireerd en maakten ze hun eigen versie van het script door het origineel aan te passen

Macro Recorder Plugin voor Google Chrome

Macro Recorder Plugin voor Google Chrome

Macro's zijn gewoon geweldig. We hebben uitgelegd hoe je macro's in Excel 2010, Word 2010, enz. kunt gebruiken om repetitieve taken op te nemen en vervolgens af te spelen. Nu de mannen achter

Toegang tot al uw e-mailaccounts vanuit Gmail

Toegang tot al uw e-mailaccounts vanuit Gmail

Wil je al je e-mailaccounts, zoals Hotmail, Yahoo, AOL, etc., vanuit Gmail beheren? In plaats van verschillende e-mailaccounts op hun websites te controleren