om du menar allvar med branding ditt företag, bör favicons verkligen vara en del av din marknadsföring arsenal.De är inte den viktigaste aspekten av en webbplats, men det är detaljer som detta som ser till att du kommer ihåg av potentiella kunder och sticker ut från tävlingen.
den här guiden visar dig hur du gör en favicon och hur de kan öka dina marknadsföringsinsatser.
innan vi kommer in i guiden behöver du naturligtvis webbhotell för att få en webbplats online och lägga till en favicon.,
ta en titt på webbhotell lösningar – vi har paket som passar alla, plus att du kan få 10% rabatt med koden LCNBLOG10.
Vad är en Favicon?
Favicons är de små fyrkantiga bilderna som vanligtvis visas före webbadressen i adressfältet i en webbläsare, i flikarna för webbsökning och bredvid webbplatsens namn i en användarlista med bokmärken.
vanligtvis är de bara varumärkes-eller webbplatslogotypen krympt ner till 16 x 16 pixlar, men en bild kan användas för att representera ett varumärke.,
Favicon, kort för ”Favoritikonen”, var ursprungligen en ny funktion i webbläsaren Internet Explorer 1999. När användare bokmärkte en webbplats via Internet Explorer, de visade ikonen bredvid webbplatsens namn i favoritlistan.
vikten av Favicons
medan favicons inte direkt hjälper sökmotoroptimering (SEO), hjälper de till med varumärkeskännedom.
När någon bokmärker din webbplats visas din favicon bredvid sidtiteln i bokmärkeslistan och hjälper människor att navigera till ditt innehåll.,
samt öka synligheten, det ger slutligen ditt varumärke ett mer professionellt utseende och stärker din trovärdighet.
även om användare inte planerar att besöka din webbplats kan en tydlig favicon-design som sticker ut bland resten leda till att användare besöker din webbplats igen.,
relaterat: Tips för att göra din webbplats mer professionell
hur man skapar en Favicon för din webbplats
Steg 1: Skapa din bild
Du kan designa en favicon bild med hjälp av en redaktör som fyrverkerier, Photoshop, Corel Paint, eller en fri, öppen källkod alternativ som GIMP.
för att stödja en konsekvent varumärkesidentitet använder många företag helt enkelt sin företagslogotyp.
för att göra det lättare att redigera, börja med en 64 x 64 pixel kvadrat och du kan skala ner den till 16 x 16 pixlar senare. Då måste du spara filen som en .jpg, .png .gif .bmp, eller .tif.,
steg 2: konvertera bilden
När du är nöjd med bilden måste den sparas som favicon.ico. Detta är det rekommenderade formatet som stöds av de flesta webbläsare.
för att konvertera filen till .ico-format, du kan behöva använda ett online-verktyg som iconifier.net, prodraw.net eller faviconer.com.
Det finns många tillgängliga. Helt enkelt ladda upp din bild, välj ikonen storlek, och du kan sedan ladda ner din helt nya .ICO-filen.
steg 3: Ladda upp bilden till din webbplats
den .ICO-filen måste laddas upp till rotkatalogen på din webbplats., Då ska bilden vara synlig när du går till www.yoursite.co.uk/favicon.ico.
steg 4: Lägg till grundläggande HTML-kod
för att hjälpa äldre webbläsare att hitta din favicon-bild kan du redigera webbplatsens HTML-sida.
de flesta moderna webbläsare hittar din favicon-fil utan att behöva lägga till någon kod, men för att se till att alla webbläsare visar den ordentligt, lägg till följande i ditt huvud, inom taggarna på din sida:
<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />