När du bokmärker sidor på webben är det svårt att komma ihåg namnet på sidan. När du dyker tillbaka till dina bokmärken för att hitta det ser du en liten ikon bredvid sidan. Du känner igen ikonen och inser att det är den webbplats som du tidigare har besökt.
Denna ikon, som kallas favicon, är liten, men den har en betydande inverkan på varumärkeskännedomen.
På den här sidan svarar vi på frågan ”Vad är en favicon?”, samt varför du bör skapa en, och ger fyra tips för att skapa en minnesvärd (och kompatibel) webbplats favicon.
Om du vill hålla dig uppdaterad om favicons och marknadsföring kan du gå med i vårt veckobrev.
Vad är en favicon?
Favicon är en liten ikon för din webbplats som visas bredvid webbplatsens sidnamn eller titeltagg.
Dessa ikoner visas på många ställen, bland annat:
- Browser-fliken
- Bokmärken
- Verktygsfältet
- Nyligen besökt
- Sökfältet
- Mobilsökningar
Den här lilla ikonen är en viktig del av gränssnittet på din webbplats. Den gör det möjligt att ha en enkel, igenkännbar bild förknippad med din webbplats, så att användarna blir bekanta med ditt varumärke.
En favicon för en webbplats är ännu mer användbar om någon bokmärker din webbplats och vill återvända till den senare.
Många företag använder en enkel bild, till exempel deras logotyp, som favicon. Ett av de bästa exemplen på favicon är Target. Target använder sin välkända bullseye-ikon som favicon.
Du har också möjlighet att använda en ikon med en till tre tecken text. Wikipedia är ett utmärkt favicon-exempel på att använda text i stället för en bild.
Det finns många bra favicon-exempel som du kan titta på för att få inspiration till din favicon. Det viktiga är att du skapar en favicon som är tydlig, minnesvärd och lätt att se.
Storlek och formatering för favicons
Nästa fråga efter ”Vad är en favicon?” är ”Vilken är den rätta storleken för min favicon?”. Eftersom dessa ikoner är små är det viktigt att känna till de rätta måtten så att din ikon inte ser ut att vara smockad.
Favicon-storlekarna varierar beroende på webbläsaren eller om du använder ett webbhotell.
Din filstorlek bör vara en multipel av 48px i kvadrat. Du kan alltså ha en ikonfilstorlek som 48x48px eller 144x144px. Oavsett vilken storlek du använder kommer din bild att skalas om till 16x16px.
Om du är värd för din webbplats på en webbplatsbyggare kommer dina faviconstorlekar att skilja sig åt. Till exempel kräver WordPress 512×512 pixlar för sin favicon, medan Squarespace kräver 300×300 pixlar för sina favicons.
Det är också viktigt att komma ihåg att favicons visas i webbläsarens flikar eller bokmärkeslistor.
De kan också visas i ett ofta besökt avsnitt i webbläsaren eller som en genvägsikon på en användares skrivbord. Din ikon måste vara lätt skalbar för dessa fall eftersom din favicon visas större.
Om du känner till storleken för dessa olika fall kan du skapa en bättre favicon för ditt företag.
Varför ska jag skapa en favicon för en webbplats?
Favicons erbjuder många fördelar för ditt företag, bland annat:
- Favicons bygger upp varumärkeskännedom: När du använder en favicon som återspeglar ditt företag ser folk den och blir mer bekanta med ditt företag. De blir exponerade för ditt varumärke och kommer ihåg det senare.
- Favicons ger din webbplats legitimitet: Din webbplats kommer att se komplett ut med en favicon. Det hjälper dig att se professionell ut i onlinesfären.
- Favicons hjälper till med sökmotoroptimering (SEO): Favicons hjälper dig att skapa en användarvänlig webbplats, vilket är en viktig komponent i SEO. Du ökar också varumärkeskännedomen, vilket uppmuntrar människor att återvända till din webbplats och konvertera.
- Favicons hjälper din publik att hitta din sida om de bokmärker den: Favicons gör det enkelt för din publik att hitta din webbplats när de bokmärker den. Människor kommer inte alltid ihåg varumärkesnamn, men de känner igen ditt företag genom dess favicon.
- Favicons hjälper människor att hitta ditt företag när flera flikar är öppna: Människor har ofta många flikar i webbläsaren öppna samtidigt. Istället för att klicka på varje flik för att hitta ditt företags sida kan de känna igen den genom favicon.
Detta är bara några av anledningarna till att använda en favicon för en webbplats. Genom att lägga till en favicon på din webbplats kan du skörda dessa fördelar och få ditt företag att växa online.
Hur man skapar en favicon
Om du är redo att skapa en ikon för din webbplats kan du ta del av de här fyra hjälpsamma tipsen om hur man skapar en favicon.
1. Använd utrymmet klokt
När du skapar en favicon för ditt företag måste du använda utrymmet klokt. Du vill inte skapa en ikon som använder så lite utrymme att användarna inte kan se den, men du behöver också tillräckligt med vitt utrymme.
Många företag använder sin logotyp som favicon för sin webbplats.
Samtidigt som det är en bra idé för varumärket kanske din logotyp inte skalas ner eller ser bra ut som favicon. Den kanske inte utnyttjar utrymmet som du har eller passar inom de förinställda favicon-dimensionerna.
Om du måste skapa en ny ikon vill du optimera utrymmet. Du måste planera din favicon så att den utnyttjar det pixelutrymme du har fått, utan att den ser överfylld eller tom ut.
2. Håll den enkel
När du utformar din favicon ska du hålla den enkel. En favicon gör ditt företag igenkännbart men överväldigar inte användaren med en invecklad design. Det enda syftet med denna ikon är att förstärka ditt varumärke för din publik och hjälpa dem att lättare hitta dig.
Om du skapar en favicon med en invecklad design får det din ikon att se rörig ut. Din publik kommer att ha svårare att komma ihåg ditt varumärke eller hitta din sida.
Den bästa vägen innebär att hålla det enkelt.
Skapa något rent, varumärkesrelaterat och igenkännbart.
3. Reflektera ditt varumärke
Vi har betonat det här några gånger, men för att upprepa det, se till att din favicon reflekterar ditt varumärke. Din publik använder denna ikon för att hitta ditt företag i sina flikar eller bokmärken. Du vill använda en bild som passar ihop med resten av ditt varumärke.
Walbert Animal Hospital är ett lysande exempel på en favicon som speglar verksamheten.
Som du kan se använder Walbert Animal Hospital tassavtryck som sin favicon. Det är en bra association med deras verksamhet och återspeglar deras varumärke. Det är enkelt och hjälper människor att känna igen dem.
Du vill använda rätt symboler i din favicon. I det här exemplet förknippar människor tassavtryck med djur. När en användare ser dessa tassavtryck antar de att företaget arbetar med djur på något sätt.
Om du väljer att använda färg i din ikon vill du hålla dig till ditt varumärkes färger. En gul favicon skulle inte passa ihop med ett lila och grått företags färgschema. Det är viktigt att hålla din ikon i samma färger som ditt varumärke för att stödja varumärkeskännedomen.
4. Rådgör med en designer
Om du inte är säker på vad du ska göra med din favicon kan du alltid rådgöra med en webbdesigner. En webbdesigner är ett utmärkt alternativ eftersom de ger dig en unik favicon. Du får en favicon som är skalad på rätt sätt för webben.
Många företag förlitar sig på generatorer för att skapa favicons. Även om dessa generatorer är enkla att använda kräver de att du söker igenom databaser med ikoner för att hitta rätt ikon för din organisation. Du måste sedan ändra storlek och skala den på lämpligt sätt.
Med en webbdesigner behöver du inte hämta en lagerbild från en databas. Du får en anpassningsbar favicon som är unik för ditt företag, korrekt skalad och återspeglar ditt företag.
Börja skapa din webbplats favicon idag
En favicon är en kritisk komponent för att bygga varumärkeskännedom. Att skapa och ladda upp en favicon för din webbplats hjälper användarna att känna igen ditt företag och hitta det snabbt i sina webbläsare.
Om du inte vet hur du skapar en högkvalitativ favicon för ditt företag kan vårt team på WebFX hjälpa dig. Vi har ett team av dynamiska, prisbelönta webbdesigners som hjälper dig att skapa en fantastisk favicon.
Vill du veta mer om hur man utformar en högkvalitativ favicon?
Kontakta oss online eller ring oss idag på 888-601-5359 för att tala med en strateg.
Lämna ett svar