Mi az a favicon és miért van rá szükség? Favicon - mi ez és hogyan kell elkészíteni. Helyes Favicon – milyen?

A Favicon az angol „kedvenc ikon” szóból származik, és a böngészőben megjelenített webhely ikonját jelenti. Ha odafigyel a böngészőjére, akkor minden megnyitott oldalnak saját ikonja van. Talán soha nem vetted észre őket, és nem is gondoltál arra, milyen szerepet játszanak. Megmondjuk, mire való a favicon, és hol állíthatja be a WordPress webhelyén.

Mi az a favicon?

A favicon egy 16x16 pixeles kép a böngésző fülön az oldal rövid leírása mellett, az oldal gyökerében található. A böngésző könyvjelzőiben a favicon a webhely neve mellett jelenik meg, és az alkalmazás ikonjaként is szolgál.

A céglogót leggyakrabban faviconként használják, ez lehet a márkához kapcsolódó vagy az oldal témájának megfelelő kép is. A telepített favicont nem szabad gyakran megváltoztatni, mivel a felhasználók emlékeznek arra, hogyan néz ki az ikon a böngészőben, és társítják a márkához. A kép segítségével gyorsan megtalálhatja a kívánt lapot a böngészőben.

Miért fontos a favicon használata?

A favicon egy Önhöz kapcsolódó marketingelem, amelyet a felhasználók számára hoztak létre. Ha hozzáadja webhelyéhez, a felhasználók azonosíthatják az Ön webhelyét a böngészőben korábban megnyitott többi között.

A favicon arra is emlékeztet, hogy már járt az oldalon, és segít többek között az oldal gyors megtalálásában. Ezenkívül egy eredeti favicon segít megkülönböztetni webhelyét a versenytársaktól, és megmutatja kompetenciájának szintjét.

Hogyan készítsünk favicont?

Favicon létrehozásához válassza ki a megfelelő képet. Válasszon egy képet webhelye sajátosságainak figyelembevételével, például egy vállalati logóval vagy termékkel. Tipp: ne használjon túl részletes képet, ha a logója hosszú, jobb, ha annak egyszerűsített (négyzet alakú) változatát használja, ügyeljen arra, hogy a képet az ügyfelek hozzárendeljék webhelyéhez.

Favicon létrehozása vagy módosítása

Favicon létrehozásához körülbelül 512x512 pixel méretű képet kell készítenie. A kép a WordPress segítségével levágható. Javasoljuk, hogy szükség esetén szerkessze a képeket, mielőtt feltölti őket az oldalra.

Ha a semmiből szeretne képet létrehozni, vagy változtatásokat szeretne végrehajtani, használja a Photoshop, Illustrator, Gimp, Inkskape vagy online analógjaikat stb. Számos kényelmes forrás létezik az online favicon generálásához, például a Canva, amely lehetővé teszi a kép méretének, színének és átlátszóságának módosítását.

Miután létrehozta a kívánt képet, el kell mentenie idegif, png vagy jpeg az oldalra való feltöltéshez.

Hogyan adhatok hozzá favicont egy WordPress webhelyhez?

Favicon hozzáadásához vagy módosításához nem kell semmilyen speciális ismerete vagy fejlesztő, a WordPress 4.3-tól kezdve a favicon hozzáadása egyszerűvé vált.

Jelentkezzen be WordPress adminisztrátorába, és kattintson a Megjelenés> Testreszabás menüpontra a menüben.

Megnyílik a webhely főoldalának szerkesztésére szolgáló oldal.

Válasszon egy lapotWebhely tulajdonságai,amelyben módosíthatja a „Rövid leírás” és a „Webhely ikon” értékeit.

Egy szabványos képfeltöltő segítségével válassza ki a kívánt képet, és töltse fel a WordPress tárhelyére. Kattintson a Kiválasztás gombra, és a WordPress szerkesztő felszólítja a kép kivágására. Állítsa be a képet a kívánt méretre, kattintsonKép körbevágásaÉs nézd meg, hogyan fog kinézni a képÍgy jelenik meg a kiválasztott kép, ha nem tetszik a kép, kattintson a szerkesztés gombra, és válasszon egy új ikont a webhelyhez. A módosítások életbe léptetéséhez kattintson a Közzététel gombra.

Egyéb módok a WordPress CMS-sel létrehozott webhely faviconjának módosítására

A bővítmény telepítése

Sok felhasználó inkább bővítményt használ az ikon megváltoztatásához. Az egyik plugin a RealFaviconGenerator Favicon. Telepítenie kell a WordPress adminisztrációs paneléről

Ennek a beépülő modulnak az az előnye, hogy megtekintheti, hogyan jelenik meg az ikon különböző eszközökön és operációs rendszereken.

Kód beszúrása

Ha van tapasztalata a kóddal kapcsolatban, akkor feltöltheti a favicont a webhely gyökérkönyvtárába. Ezután módosítania kell webhelye header.php fájljának fejléckódját. Erről a módszerről bővebben a WordPress dokumentációjában olvashat.

Foglaljuk össze. A favicon hozzáadása meglehetősen egyszerű mind a kezdő, mind a tapasztalt felhasználók számára. Egy ikon használatával pedig könnyen megtalálhatja többek között az Ön webhelyét.

Emlékeztetjük, hogy a WordPress gyors SSD-tárhelye elérhető a weboldalunkon.

Érezze néhány kattintással a gyors munka és a CMS telepítésének minden előnyét.

Fordítás a wpexplorer.com webhelyről

1467 alkalommal 8 Ma megtekintve

Őszintén szólva nagyon szeretem a favicont. Mély, ugyanolyan tiszta plátói szerelmem van iránta. Ez nem azt jelenti, hogy mesélek webmestertársaimnak arról, hogyan változtattam meg a favicont, és hogyan nőtt a forgalom 10%-kal (bár várj... lehet, hogy ez történt), de azt jelenti, hogy amikor az új webhelyem kedvence megjelenik a Yandex index, maga az oldal kezd kicsit SDL-sebbnek tűnni számomra.

Mi az a favicon?

A Favicon (Favicon – a „kedvenc ikon” rövidítése) egy olyan kép, amely a böngésző címsorában a cím előtt, a webhely megnyitott oldalát tartalmazó ablaknak megfelelő lapon, valamint erőforrás hozzáadásakor jelenik meg a cím előtt. kedvenc lapok. Ezek a képek segíthetnek a felhasználónak jobban emlékezni a márkára vagy a vállalatra, és növelhetik a webhely ismertségét. Gyakran egy cég vagy márka logójának kicsinyített vagy kissé módosított képét használják faviconként.

A favicon használatának előnyei

A favicon használata idővel előnyökkel jár. Például nézze meg ezeket a lehetőségeket:

• Amikor a felhasználó számos lapot nyit meg a böngészőben, azonnal meg tudja határozni, hogy ezek közül melyiken található a webhely, még akkor is, ha a névvel ellátott szöveg már nem jelenik meg;
• A Yandex keresési eredményeiben a favicon a webhely vagy annak oldala bal oldalán jelenik meg, ami felkelti a látogatók figyelmét és megkülönbözteti azt másoktól;
• A kép jól emlékszik, és az emlékezetben marad - ennek eredményeként a webhely felismerhetőbbé és vonzóbbá válik a felhasználók számára.

Így egy favicon az oldal arculatának része, amely nemcsak esztétikai funkciót tölt be, hanem kényelmesebbé teszi a felhasználó számára a portál keresését a könyvjelzőkben, a lapokon és a keresési eredmények között.

A faviconokkal dolgozó Yandex jellemzői

A Yandex keresőmotor egyike azon keveseknek, amelyek kiemelik a webhely kedvenceit, és megjelenítik azokat a keresési eredmények listájának összeállításakor. Ehhez egy speciális bot rendszeresen indexeli a webhelyeket, és frissíti a faviconok jelenlétével kapcsolatos információkat.

Korábban a favicon frissítések néhány havonta egyszer történtek. Most, 2018-ban a Yandex sokkal erőteljesebben indexeli őket, és néhány új webhelyemen néhány napon belül megjelenik a favicon.

Ha ellenőrizni szeretné, hogy a Yandex megjelenít-e egy favicont, keresse meg a portált a keresési listában, és nézze meg, hogy az ikon látható-e annak bal oldalán. A következő konstrukciót is beírhatja a címsorba: Yandex esetén - http://favicon.yandex.net/favicon/www.site.ru (ahol a www.site.ru helyett a webhely domainjét kell beírnia ). A megfelelően létrehozott Favicon fekete háttéren jelenik meg, ami azt jelenti, hogy a Yandex látja.

Ha a favicon nem látható, annak a következő okai lehetnek:

• A kép mérete nem felel meg a kívánt méretnek: 16x16 pixel;
• A képformátum nem ugyanaz - ico, jpeg vagy png legyen (az első lehetőség előnyösebb a Yandex számára);
• A kép homályos vagy nem egyedi – néha emiatt a keresőmotor blokkolja az ikonokat;
• A Yandex frissíti a rendszert - majd egy idő után mindennek ki kell javítania magát;
• A webhely a keresési eredmények századik pozíciójánál távolabb található - ebben az esetben előfordulhat, hogy a favicon nem is jelenik meg.

Miután ellenőrizte a képet ezen kritériumok szerint, ki kell javítania a hiányosságokat. Ha ezután az ikon nem jelenik meg, lépjen kapcsolatba a Yandex ügyfélszolgálatával.

Ahhoz, hogy egy favicon megjelenjen a Yandex.Directben, helyesen kell megtervezni, és a megfelelő helyen kell elhelyezni a webhelyen. Ezután a Yandex keresőrobotja indexeli, és elkezdi megjeleníteni a keresési eredmények között. Ez általában 2-4 héttel az oldal változtatásokkal történő közzététele után történik. Nem kell értesíteni vagy kérni a Yandexet a favicon közzétételére, ez egy bizonyos idő elteltével automatikusan megtörténik, miután az megjelenik a portálon.

Hogyan készítsünk favicont

Ha egy ico fájlt szeretne létrehozni egy nagy képből, például png formátumban, akkor érdemes először telepíteni az Adobe Photoshop programot. Ezután a Photoshop ICO-bővítménye telepítve van (keresse a keresőmotorban az FS-verziójához tartozó bővítményt). Amikor telepítve van, átmásoljuk a kívánt ICOFormat.8bi (32 bites esetén) vagy ICOFormat64.8bi (64 bites) fájlt a következő elérési utak egyikére:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 bit)\Plug-ins\File Formats
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File Formats

Ha nincs „Plug-inek” vagy „Fájlformátumok” mappa, akkor létre kell hoznia. Most a mentési párbeszédpanelen kiválaszthatja az ico formátumot. Az elkészített ikonok mérete a 8 többszöröse lehet (16×16, 24×24, 32×32 stb., de a legmegbízhatóbb a 16×16-ot választani).

Ezután a kép, amelyből favicon lesz, megnyílik a Photoshopban. Kattintson a „Kép – Képméret” lehetőségre, és a kép mérete 16x16 pixelre változik. Ezután nyomja meg a „Fájl – Mentés másként” gombot, és válassza ki az ICO formátumot (a fájlnév legyen favicon.ico).

Én magam is nemrég konvertáltam képeket ico formátumba Photoshop nélkül. A szolgáltatás használata https://realfavicongenerator.net/.

< link rel = ”shortcut icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ > < link rel = ”icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

Egy idő után a favicon megjelenik a webhelyen.

Néhány okos ember favicont készít nyíl vagy háromszög formájában, és piros elemeket ad hozzá, hogy a felhasználó rákattintson. Ezt természetesen meg lehet tenni, de ehhez mesterségesen le lehet süllyeszteni az oldalt.

A Yandex megijeszti a favicon nerdeket

Ikon tervezésekor ügyeljen arra, hogy a kép a kis formátum ellenére is legyen tiszta és jól látható. Ezért jobb, ha minél kevesebb egyedi tárgyat használunk, és nem túl sok színt. Megnézheti a versenytársak kedvenceit, és elgondolkozhat azon, hogyan tud kitűnni közülük.

Szolgáltatások

Vannak speciális programok és források is az ikonok létrehozásához, amelyek közül a következők népszerűek:

• favicon.cc - a legegyszerűbb szerkesztő lehetővé teszi egy egyszerű kép létrehozását, a működési elve kicsit olyan, mint a Paint. A színek is kiválasztásra kerülnek, és az átfestendő pixel négyzetekre kattintva rajz készül. Van egy javító eszköz. A létrehozott kép kész favicon képként is elmenthető a számítógépére. Munka közben a képernyő alján láthatja az előzetes eredményt abban a formában, ahogy az a böngészőben megjelenik. Az erőforrás kész ikonok széles választékát is kínálja;
• favicon.ru – itt jobb, ha kész képekből készít faviconokat. A képet letölti a számítógépről, a rendszer feldolgozza, és egy favicon.ico fájllá alakítja, amely ezután letölthető;
• Az iconj és az audit4web olyan adatbázisok, ahol kész faviconokat találhat.

Van ilyen szolgáltatás is:

Az arculat kialakításával tervezőhöz fordulhat, de ez lényegesen többe kerül.

Egy másik szempont, hogy az ikonhoz tartozó kép nem animálható, mindig mozdulatlan, még akkor is, ha valamilyen nem statikus effektusú képet vettek alapul.

Néha az oldalunk legapróbb részletei is nagyon nagy szerepet játszhatnak a tervezésben és a használhatóságban. És ez csak egy ilyen apró részlet, amiről ma beszélünk…

Mi az a favicon?

A Favicon (az angol kedvenc ikon - kedvenc ikon szóból) egy kis kép, amely egy adott webhelyhez vagy oldalhoz kapcsolódik.

A böngésző felső lapján található, a megnyitott webhely nevével szemben. Ez a kép a könyvjelzői között is megjelenik, ha a webhelyet felvette a kedvencei közé.

Miért kell használni?

Ezt a kis ikont, amelyet úgy tűnik, elsősorban „szépségért” használnak az oldalakon, vagy hogy egyszerűen ne legyen üres hely a böngészőben az oldal nevével szembeni mezőben...

Valójában ez az egyik kulcsfontosságú tényező webhelye márkaépítésében. A faviconnak tükröznie kell az oldal lényegét, ugyanakkor emlékezetesnek és egyéninek kell lennie.

A faviconnak időt kell spórolnia a látogatónak. Felmerülhet a kérdés: hogyan takaríthat meg időt?

Az a tény, hogy sok felhasználó az internet használatakor gyakran több lapot nyit meg egyszerre. És ha nincs ikon a lapokon, hanem csak egy üres négyzet, akkor nagyon nagy a valószínűsége annak, hogy semmilyen módon nem fogja megkülönböztetni az Ön webhelyét, és egyszerűen bezárja.

Ezért mindig ügyeljen arra, hogy látogatója, még akkor is, ha sok különböző lap van nyitva a böngészőjében, vagy ha sok webhely van könyvjelzővel ellátva, mindig könnyen megtalálja webhelyét a többi oldal „tömegében”.

Egy másik szempont, hogy amikor valaki információt keres egy keresőben, nagyobb valószínűséggel kattint az Ön webhelyére, ha van ott egy favicon, mint a versenytárs webhelyére, ahol nincs favicon.

A vizuális érzékelés óriási szerepet játszik az emberben. Amikor felkeresünk egy weboldalt, a tekintetünk mindenekelőtt a képre, majd az azt körülvevő szövegre esik.

Ugyanez a helyzet, amikor például a könyvjelzőimet átnézve megtalálom a szükséges forrást, a tekintetem elsősorban a faviconok felett siklik, és gyakran csak ez elég ahhoz, hogy megtaláljam, amit kerestem. Ritkábban, miután megtaláltam a szükséges képet, jobban megnézem a mellé írottakat.

Így a keresési időm érezhetően lecsökken.

A cikkben közzétett képeken világos példákat láthattok arra, amiről itt írok.

Ha webhelyén nincs favicon, a böngésző egyszerűen egy üres négyzetet jelenít meg. Ha jó néhány ilyen „favicon-mentes” webhely van a könyvjelzői között, akkor a szükséges erőforrás megtalálása meglehetősen fárasztó feladattá válhat – mindegyiket végig kell néznie, hogy megtalálja a kívánt webhelyet.

Hol szerezhetem be?

A favicon általában egy 16x16 pixeles kép a kiterjesztéssel .ico vagy .png

Lerajzolhatja saját maga, majd egyszerűen átalakíthatja a kívánt formátumra speciális szolgáltatások segítségével, vagy használhatja a Photoshopot.

Vagy találhat megfelelő képet az ingyenes ikonokkal ellátott webhelyek egyikén.

Itt figyelembe kell vennie néhány szempontot: hogy a favicon ne legyen túl színes, és hogy a kép holisztikusnak tűnjön (nem áll külön részekből, jobb, ha egy objektum), hogy még ilyenkor is kis méretben egyértelmű, hogy mi van odarajzolva.

Hogyan lehet favicont elhelyezni egy webhelyen?

Ha például van egy statikus webhelye html-re, akkor a képet fel kell töltenie egy mappába más webhelyképekkel, majd hozzá kell adnia a következő sort a html dokumentumaihoz, és el kell helyeznie a head címkébe:

Ez attól függ, hogy milyen formátumot használ.

A favicon a böngésző lapján, a könyvjelzők között vagy a mobiltelefon képernyőjén látható. Korábban létrehozhatott egy azonos méretű favicont a böngészőben való megjelenítéshez.

Mi az a favicon

Egy webhely Faviconja egy „kedvencek ikonja”, egy kép, amely a webhely logója. Kezdetben a webhelyek vizuális kiemelésére használták a böngésző könyvjelzői között. Ekkor azonban megjelent a böngésző lapjain, a címsávban és a keresési eredményoldalon a webhely URL-címe mellett.

Nagyon sokáig egy webhely fő favicon formátuma az ico volt. Kényelmes, mert egyszerre több méretű, különböző bitmélységű ikont írhat egy fájlba. Manapság a png és az svg formátumok népszerűbbek. Az svg formátumot a Safari MacOS, a png formátumot pedig más operációs rendszerek és platformok használják. A faviconok jpeg és gif formátumban érkeznek, de nem javasoljuk a használatát, mert nem minden böngésző támogatja az ilyen faviconokat.

A caniuse.com szolgáltatás segítségével ellenőrizze a böngésző támogatását a különböző típusú faviconokhoz.

A legígéretesebb formátum az svg. Ezek olyan vektoros faviconok, amelyek könnyűek, de jól jelennek meg.

Nyújtsa be jelentkezését

Favicon méretek

Asztali

alma

Hogyan kell létrehozni

Első pillantásra úgy tűnik, hogy a favicon létrehozásának legegyszerűbb módja a fájl átnevezése a kívánt formátumra. Tegyük fel, hogy van egy favicon.png fájlja, és egyszerűen átnevezi favicon.ico-ra. Ezt nem javasoljuk, mert sok böngészőben egy ilyen ikon hibával jelenik meg, vagy nem jelenik meg. A legjobb, ha speciális szolgáltatások segítségével készít ikont egy webhely számára.

Realfavicongenerator.net– különböző méretű faviconokat generál online. Töltsön fel egy legalább 260x260 pixel méretű, lehetőleg négyzet alakú forrásfájlt. Ezután válassza ki az iOS, Android, Windows Phone és MacOS Safari beállításait. Opcionálisan válassza ki a tömörítési szintet. Ennek eredményeként minden típusú ikont és beágyazási kódot kap.

Favicon.cc– egy másik szolgáltatás a favicon létrehozásához ICO formátumban. Kész képet feltölthetsz, vagy grafikus szerkesztő eszközeivel magad is megrajzolhatod.

Hogyan kell telepíteni

Állítsa be a megfelelő nevet– favicon.ico vagy más típusú kiterjesztés. Ne feledje azonban, hogy a régebbi böngészők nem fogják tudni felismerni az ikont, ha az más formátumú. Az oldalra való feltöltés előtt nyissa meg a fájl tulajdonságait, győződjön meg arról, hogy a kívánt formátum nem csak a fájl nevében, hanem a típusában is szerepel.

Készítsen többplatformos ikonokat. Adja meg a megfelelő méreteket és formátumokat a különböző mobilplatformokhoz és böngészőkhöz. A modern robotok és böngészők megjelenítésükkor kiválasztják a letöltöttek közül a legmegfelelőbb formátumot. Jobban jelenik meg, mint átméretezéskor, amikor a favicon egyedül van betöltve, és a kívánt méretre kell módosítani. Használja a realfavicongenerator.net szolgáltatást.

Helyezze a fájlokat a webhely gyökérkönyvtárábaés ellenőrizze a helyességet. Ehhez írja be a „yoursite.com/favicon.ico” címet a címsorba ico formátumú fájlok esetén, más formátumok esetén a megfelelő fájlkiterjesztést. A böngészőnek megjelenítenie kell az ikont.

Írja be a címet a kódba a főoldalon a címkében . Ha a követelmény kívánatos, de nem szükséges, mert az új verziójú böngészők automatikusan megkeresik a favicont a gyökérkönyvtárban, ha nem találják meg. A fej segítségével saját ikonokat állíthat be a webhely különböző oldalaihoz.

Asztali (ico) -

Asztali (png) -

Alma -

Safari -

Android -

Az Apple modulok ikonjai mindig lekerekítettek, hogy ezt elkerüljük, az alma-touch-icon helyett használja az apple-touch-icon-precomposed;

Ellenőrizze a szerver válaszát. A favicont egy speciális robot indexeli. A sikeres indexelés érdekében ellenőrizze, hogy a faviconra mutató hivatkozás nincs-e letiltva az indexelésben a robot.txt fájlban, és HTTP 200-as szerverválaszt ad-e vissza.

Nézze meg, hogy a favicon látható-e. Nézze meg a szolgáltatásokat úgy, hogy helyettesíti webhelye címét:

Emlékezik

A leggyakoribb favicon formátum az ico, de elavult. Jobb a png és svg formátum használata. Ellenőrizze, hogy a böngészők mely formátumokat támogatják a caniuse.com szolgáltatással.

Korábban elég volt egy 16x16 pixeles favicon létrehozása. Most készítsen ikonokat minden méretben. Ha azonos méretű favicont készített, akkor sok böngésző le tudja fordítani a kívánt méretre, de hibák és helytelen megjelenítés lehetséges. Ha minden méret meg van adva a kódban, a böngésző előhívja a kívántat.

Favicon készítéséhez használjon speciális szolgáltatásokat: realfavicongenerator.net, favicon.cc és mások. Online ikonok létrehozása minden típusú böngészőhöz és mobilplatformhoz egyszerre.

Helyezze a favicont a webhely gyökérkönyvtárába, vagy írjon be egy hivatkozást a címkébe. Ha különböző ikonokra van szüksége a webhely minden szakaszához, adja hozzá azokat minden oldalhoz.

Ellenőrizze, hogy az indexelés helyes-e. A szerver válaszának HTTP 200-nak kell lennie. Ellenőrizze a favicon láthatóságát a Yandexben és a Google-ban a keresőszolgáltatásokon keresztül.

Az anyagot Svetlana Sirvida-Llorente készítette.

Új könyvet adtunk ki, a Közösségi média tartalommarketingje: Hogyan juthat el követői fejébe, és szerelmeskedhet velük márkájával.

A webhely faviconja egy kis ikon (favicon), amely illeszkedik az erőforrás témájához, és növeli annak felismerését.

Még több videó a csatornánkon – tanulja meg az internetes marketinget a SEMANTICA segítségével

Mi az a favicon és miért van rá szükség?

A webes források kedvencei közé tartoznak például az autók motorháztetőjén elhelyezett autómárkák logói: a Chevrolet-nél csokornyakkendő, a Skodánál egy nyíllal ellátott indiai, az Audinál négy gyűrű, a Foltz-on egy V és W betűkből álló plexus stb. .

A favicon megjelenik a Yandex keresési eredményei között, a könyvjelzők oldalán, és egy webes erőforráshoz kapcsolódik, ha kiválasztja, ha a felhasználó hozzáadja a weboldalt a „Kedvencek” közé.

Az internetezők aktívabban reagálnak a képekre, mint a szövegekre. Ezenkívül ez az ikon növeli a webes erőforrások felismerését, további kényelmet biztosít látogatói számára, és további figyelmet vonz.

Hogyan készítsünk Favicont

A favicon egy szokásos grafikus fájl. Többféleképpen is megteheti.

• Készítse el saját maga egy grafikus szerkesztőben.
• Rajzoljon online szolgáltatásokkal, például a faviconnal, majd töltse le.
• Készíts egy kész képet, és használj egy szolgáltatást az interneten is, amely a kezdeti kép betöltésekor faviconná alakítja azt.
• Töltsön le egy kész favicont a grafikus ikonok bankjából, amelyekből sok van az interneten.

De a favicon letöltése vagy létrehozása csak az első lépés. Telepíteni kell a webhelyére. Megmondjuk, hogyan kell ezt megtenni.

Töltse fel a fájlt a webhelyére, lehetőleg annak gyökérmappájába. Általános szabály, hogy a böngészőknek már nem kell rá mutatniuk, ha a fájl szabványos névvel rendelkezik, és a gyökérben található. De mégis, a favicon kifejezett jelzéséhez írja be a következő sorokat a webhelyre:

IE esetén adja meg a parancsikont (egy konkrét példával a PNG ikonra):

Ebben az esetben 2 különböző képet adhat meg: az egyiket az IE-hez, a másikat a többi webböngészőhöz.

Ne felejtse el megjeleníteni a favicont a mobileszközökön. BAN BEN fel kell tüntetni , és a képnek 60x60 vagy 120x120 méretűnek kell lennie.

A Yandex megjeleníti a webes erőforrás ikonját, miután bekerült az indexébe. Egy speciális robot körülbelül havonta egyszer feltérképezi a webhelyeket, és frissíti az adatbázisát.

A régi favicon újra cseréléséhez fel kell töltenie egy új ikont azonos névvel a régi kép helyére, és meg kell várnia, hogy újraindexelje.

Helyes Favicon – milyen?

A favicon névjegykártya, nem szabad ellentétben állnia a webes erőforrás stílusával és témájával. Ha webhelye autókról szól, akkor a faviconban lévő mosógép furcsán fog kinézni.

• Az ikonnak könnyen érthetőnek kell lennie. Nem kell teljes képet festeni rá: elég 1-2 sematikus kép.
• Feltűnőnek kell lennie, és fel kell hívnia a figyelmet. A képnek nem szabad elvesznie a keresési eredmények fehér hátterén, és fel kell hívnia a figyelmet.
• A faviconnak emlékezetesnek kell lennie, ezért használjon egyszerű képeket, de ne hasonlítson másokhoz. Ellenkező esetben összezavarodhat. Sokan, miután emlékeztek az ikonjára, és újra látják a keresési eredmények között, úgy akarnak majd elmenni Önhöz, mint egy régi baráthoz, aki már segített egyszer. Például az Odnoklassniki közösségi hálózaton van egy narancssárga betűkkel ellátott favicon. A szín a webes erőforrás stílusát jelöli, a betűk pedig két rövidítést jelölnek: a webes erőforrás rövidített nevét és a globálisan elfogadott „Oké”-t.