Hur Man Sätter Ikoner På Webbplatsen

Innehållsförteckning:

Hur Man Sätter Ikoner På Webbplatsen
Hur Man Sätter Ikoner På Webbplatsen

Video: Hur Man Sätter Ikoner På Webbplatsen

Video: Hur Man Sätter Ikoner På Webbplatsen
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, Maj
Anonim

Ikonen som visas i webbläsarens adressfält såväl som i listan över favoritsidor och till och med i söklistan över webbplatser i Yandex är ett mycket användbart tillskott till andra sätt att uppmärksamma din webbplats. Hur man implementerar denna möjlighet beskrivs nedan.

FavIcon
FavIcon

Instruktioner

Steg 1

Denna ikon kallas vanligtvis "Favicon" (Favoritikon) och det är en bild på 16 x 16 pixlar. Vissa moderna webbläsare kan också visa stora ikoner, men om kompatibilitet mellan webbläsare är viktigt för dig, bör du vägledas av denna minimistandard. Du kan skapa en sådan bild själv i valfri grafikredigerare. Moderna webbläsare kan läsa ikoner både i sitt ursprungliga ico-format och i standard grafiska format gif, png, bmp, etc. Men om du vill täcka det maximala antalet webbläsarändringar, bör du fokusera på ico-formatet. Det är möjligt att rita den bild du behöver i redigeraren, spara den i ett av standardformaten och sedan konvertera den till ico-format med en av onlinetjänsterna. Några av dessa tjänster kan erbjuda och skapa en favicon helt online.

Steg 2

När ikonen skapas bör den laddas upp till din webbplatsserver under namnet favicon.ico. Vissa webbläsare kräver inte att ikonen ska namnges så, men igen, med tanke på maximal kompatibilitet mellan webbläsare, bör du fokusera på de strängaste kraven. Själva nedladdningsproceduren är enklast att genomföra via filhanteraren, som ingår i något innehållshanteringssystem eller administrationspanel hos din webbhotell. Det är bäst att placera filen i rotmappen på webbplatsen - det är här webbläsare och sökrobotar letar efter den som standard, om det inte finns någon uttrycklig adress i sidkoden.

Steg 3

Slutligen bör du lägga till en indikation på ikonen i käll-html-koden på webbplatsens sidor. Motsvarande tagg för Internet Explorer ser ut så här: Andra webbläsare förstår skillnaden i attributet "rel": För att behaga alla är det bättre att ange båda. Om du placerade ikonfilen inte i sidroten utan någon annanstans, ska du i attributet "href" ange hela sökvägen till ikonen. Dessa två rader ska placeras mellan taggarna och. Det vill säga att du måste öppna den önskade sidan i styrsystemets sidredigerare, byta den till html-kodredigeringsläget, hitta raden som innehåller taggen och lägga till de två raderna ovan innan den. Spara sedan dina ändringar på sidan.

Rekommenderad: