Hogyan készítsünk favonot

Hyde faniques által. Létrehozása, hozzáadása a webhelyhez, befolyásolja a SEO-t. Bónusz 10 tipp, hogyan kell menni sazing hűvös

Favon egy kis kép, valójában – az oldal mini logója. Maga a kifejezés egyáltalán nem, mindenki, aki az internetet használja az internetet kölcsönhatásba lép a fabiconokkal. Kezdetben az ilyen ikonok csak a böngésző lapokon jelennek meg, de ma a használatuk környezete jelentősen bővült. Favon, annak nyilvánvaló jelentéktelensége ellenére, a webhely márkázásának fontos elemévé vált, amely jó felhasználói tapasztalatokat készít, és bár közvetetten, – a sikeres keresési promóció tényezője.

Ahol megjelenik a phavique, és mi a SEO

Először is, az erőforrás nevét megelőzően elindított lapokon látjuk. Betöltött favon nélkül az alapértelmezett böngésző szabványos fufresszív képet generál. Például a Chrome egy nem kontrasztú fekete-fehér bolygó.

Míg a kis lapok nyitva vannak a böngészőben, a Favon egyszerűen a márkajelzés összetevője. De amikor a felhasználó számos letöltött webhelyen dolgozik, a mini-logó funkcionális UX elemré válik. Kényelmes azonosítóvá válik, amely segít felismerni a webhelyet, és ha szükséges, visszatérjen hozzá a munkamenet folytatásához. Így ebben az esetben már beszélhet közvetlen kommunikációról a viselkedési.

Hasonló Favon funkciók A böngésző más helyeken végeznek.

A fő panel mentett helyszínekkel. Ha sok könyvjelző van, a Favonki az egyetlen azonosító marad

A könyvjelzőkkel rendelkező mappákban

A böngésző történetében

A favon ezeken az interfészekben javítja a legértékesebb közönség használatát a SEO – megerősítése szempontjából (azoknak az értelemben, akik a webhelyére a tárolt oldalakról). A keresőmotorok nagyon értékelik az ilyen jeleket – ez bizonyíték a tartalom minőségének és hasznosságának a webhelyen.

Továbbá, a Favona a mobilkeresés fő képernyőjén mentett helyszíneket szolgálja (balra). És ha a felhasználó elmenti az oldalt a mobileszközön, a Favon alkalmazási ikonként jelenik meg (jobbra).

Az összes fent leírt, az érintett SEO közvetetten, de vannak olyan webes interfészek, amelyekben a kis logó közvetlenül befolyásolja a keresési promóciót. Ez természetesen a keresési eredményekről szóló részletekről szól. Anélkül, hogy favicon kevésbé észrevehető. Ebben az esetben a töredék beleolvadnak a fehér háttér, és nem osztják a versenyzők között. Olyan körülmények között, amikor szükség van, hogy minden rendelkezésre álló forrásokat a harcot a magas CTR-Snippeet, elhanyagolja a kiváló minőségű Favon – ez egy komoly tévedés.

Olvass tovább:
Hogyan nagyításhoz szerves Traffic, megtartva a jelenlegi keresési értékelése? Nem nyilvánvaló CTR javítási tippeket

Yandex megfeszíti a szerelvények a töredék a mobil és asztali kiadása. A Google-nak, hogy eddig csak az eredmények egy mobil keresés, de a tesztek az asztalon már elvégzett. Ez nem hagy kétséget afelől, hogy a jövőben ikonok Snippets ott fog megjelenni.

Eredmények Mobile keresni a Google és Yandex

Befejezése beszélgetés a funkciókat az ikonok, akkor nem kell emlékeztetni, hogy az Favon beleértve az elemi megbízható webhely. Igen, ebben a pillanatban megjegyzi nem minden felhasználó. De ha egy ismerős személy látja, hogy nem tölti le favonot, akkor sokat fog mondani a webhely technikai szintjéről.

Hol kezdődik? Először is foglalkozik a kiterjesztésekkel

Csak vegye fel a képet, amit szeretne, és öntsük, ahogy favon nem fog működni. Meg kell felelnie két fontos követelménynek: válasszon Helyes formátum és a méret Ikonok. Néhány kiterjesztéshez nem szükséges zavarni a méret, t.Nak nek. Ez mérlegeli magát, mi lesz alacsonyabb.

A Favonov számára számos fájlformátumot használ. Ezt a mobil és asztali böngészők jelenlegi sokfélesége magyarázza, amelyek mindegyike saját műszaki követelményeivel rendelkezik. Ennek eredményeként a favon jól látható egy böngészőben, és nem támogatja a másik. A képek típusától is függenek a weboldaluk kitöltésének módjától, amelyet alább fogunk beszélni. Általában első pillantásra minden nagyon zavarosnak tűnik, de nagyon könnyű kitalálni.

Fő formátumok a favicon és azok jellemzői alatt

.Ico
Ez egyfajta arany standard favonov bővítése. A böngésző minden típusát támogatja, de számos okból erkölcsileg elavultnak tekinthető. Az ICO fő előnyei az egyetemesség, egy egyszerű rendszerindítási séma (egyszerűen a fájlt a webhely gyökérkönyvtárába) és az alkalmazkodóképességbe dobhatja. Az utolsó minőséget az az a tény, hogy az ICO olyan konténerfájl, amely egyszerre több méretű ikonokat tartalmaz. De ez okok és hátrányok. Az ICO nem olyan, mint egy viszonylag nagy súly, és az a tény, hogy néhány modern böngésző néha felemeli az ikon rossz méretét, mivel az utóbbi alacsony felbontású.

.Png
Ma a bővítés fő alternatívája .Ico. Ez a fajta fájlok sok eszközön, beleértve a régi böngészőket is. Először is, a PNG-fájlok értékelik a következetesen kiváló minőségű képet, az átlátszó háttér és egy kis súly létrehozásának képességét. A modern fájlokból – a legszélesebb támogatás az eszközökön.

.SVG
Ígéretes, de jelenleg alacsony készenléti képformátum. Főbb előnye – egy adott felület igényeinek változó engedélyének lehetősége. CSS-en keresztül konfigurálva. A SVG-FAVONOV méretezése minőségi veszteség nélkül fordul elő. Ez a típusú fájlok nem támogatottak a régi asztali böngészőkben és néhány android platformokon.

Külön, megjegyezzük, hogy az ikonok bármilyen más formátumban letölthetők, például, .Jpeg, .BMP vagy. GIF, de a gyakorlatban igyekszik, hogy ne, mert ugyanaz a probléma – hiánya széles körű támogatást. Ismerje meg, hogy mely kiterjesztések jelennek meg bizonyos böngészőket, segítenek speciális eszközöket, például a szolgáltatást Hab.

A San I Használja a szolgáltatást, látjuk, hogy a PNG-Favonov támogatja a böngészők észrevehetően szélesebb, mint a bővítést .SVG

Talán nem nagyon modern, de javasolnánk az ICO-formátum kiválasztását. Ő a legizgalmasabb és vele, hogy biztosan nem téved, különösen akkor, ha nincs elegendő tapasztalata a fejlődésben.

Méretek ikonok

Az egyik ikont letöltheti a kényelmes formátumok bármelyikében: .Ico, .Png, .Svg és t.D. Ez a legegyszerűbb lehetőség technikai szempontból. De a szempontból magas színvonalú kezelhetőség, akkor jobb, ha önteni több lehetőség fájlok garantált, hogy alkalmazkodjanak a logó a különböző platformokon. Ugyanakkor a favonnak nagy méretűnek kell lennie.

Google Javasolja az ikonok méretét, több 48 képpontot: 48 & # 48, 96 & #; 96, & #;. Az SVG fájlok esetében a multiplicitás nem számít, mert a fent említettek szerint változó engedélyük van.

A böngészőkben a letöltött ikon horror lesz, amíg 16 & # 16 pixel. Ezért meg kell győződnie arról, hogy mennyit olvastam a mini-logo egy darabig, de nem kell, hogy töltse le az ilyen kis fájlméretet (legalábbis ez középpontjában a Google súgó). Minimális felbontás – 48 & #; 48 pixel.

Yandex A következő ajánlásokat adja meg: optimális méret –  ×, A képek használata szintén megengedett 32 × 32 és 16 × 16 pixel. Ajánlott formátum – SVG, mivel garantálja a maximális tisztaságot és láthatóságot. De ez nem kötelező. Opcionálisan használhatja a fenti kiterjesztési típus bármelyikét.

Ha létrehoz egy FAVONAT formátumban .Az ICO, amelyről kiderült, egy konténer, amely egyszerre több ikonot tartalmaz, hagyományosan letöltheti az ikonokat 32 & # 32, 48 & #; 48 és 96 & #; 96 pixel. Ez elég ahhoz, hogy a logó mindenhol jó minőségű legyen. Szükség esetén a képet a kívánt méretre méretezik.

Az ICO tartály létrehozása nem igényel különleges készségeket. Ehhez használja az ingyenes online szolgáltatásokat. Csak töltse be az eredeti képet, és adja meg a kívánt méret listáját – az ICO fájl néhány másodperc múlva készen áll a letöltésre. Hogyan lehet ilyen konténerek létrehozása – mondd el.

Hogyan készítsünk rögzítőt a webhelyre. Röviden a módokról és a szolgáltatásokról

Hozzon létre egy favonka-t a webhely számára többféle módon lehet különböző fokú problémák.

1. Készítsen a Photoshop-ban

Az utak azok számára, akik szeretnek mindent alaposan megtenni, és legalább a felületi szinten ismerik a Photoshopot. Ebben az esetben szükség lesz a fájlok létrehozására, és megmenteni őket egy előnyös formátumban: svg, png, bmp és t.D. A dokumentumot ICO tartály formájában történő mentéséhez egy speciális Hab plugint kell telepíteni, de azt mondják, hogy a Photoshop alapértelmezés szerint elvégezheti.

2. Átalakítás online szolgáltatásban

Valószínűleg a leggyorsabb és megbízható módja az ICO formátumban. Vegyünk egy képet (azonnal négyzet), öntsünk egy online generátorba, és töltse le a kész favonkát ICO tartály formájában. Példák a szolgáltatásokra:

• Hab
• Hab
• Hab

3. Húzza favon samo-t

Ha nincs olyan logója, amely átalakítható, de van egy eredeti ötlet, akkor lehet megvalósítani magát egy egyszerű pixel szerkesztővel. A megközelítés meglehetősen archaikus, de használható például, hogy felemelje, mivel a fül fog kinézni, vagy ez.

Megjegyzés, a kreativitás eredménye azonnal megjelenik a böngésző lapján

Példák a szolgáltatásokra:

• Hab
• Hab
• Hab

4. Letöltés Ready Icon

Ezt meg lehet tenni a speciális bankok Favonov például a szabad galéria Findicons, ahol többek között a félmillió fájlokat nem lesz nehéz megtalálni a megfelelő beállítást a tematikus kép. Nyilvánvaló okokból ez a lehetőség nem felel meg azoknak a helyeknek, amelyeknek szüksége van márkás logóra.

Hogyan csatlakozhat a favonhoz az oldalhoz

Tehát van a szükséges fájl, és most meg kell adni a webhelyhez. Ehhez hajtsa végre a következő műveleteket algoritmus.

1. Adja meg a névfájlt Favicon, Például Hab.

2. Az átnevezett fájlt a webhely gyökérkönyvtárába helyezzük.

3. Adjon hozzá egy linket a HTML-kódhoz a Fej / Head Címkék linkje között a zárolt fájlhoz.

Leggyakrabban ez a vonal így néz ki:

Fej
& #;
LINKREL = & #; Icon & #; href = & #; Hab & #; type = & #; kép / x-icon & #;
& #;
/ Fej

A HTML-kódban több linket is megadhat különböző fájlokhoz. Ez releváns, ha a Favonki-t különböző bővítményekkel szeretné használni, hogy garantáltan jelenjen meg minden típusú böngészőben. A robot automatikusan kijavítja a kívánt fájlt az összes rendelkezésre álló.

Ebben az esetben a különböző értékek jelzik a referencia attribútumokban:

Attribútum & #; rel & #; Megadja az erőforrás típusát. A legtöbb böngésző figyelembe veszi a & #; icon & #;, az Internet Explorer szükséges & #; parancsikon ikon & #;. Így még ha használja az univerzális ICO-Favon a HTML kódot, akkor jobb, ha helyén két linkeket a HTML kód: jelző REL = & # attribútum; ikon & #; és rel = & #; gyorsbillentyű ikon & #;.

& #;
LINKREL = & #; Icon & #; href = & #; Hab & #; type = & #; kép / x-icon & #;
& #;

& #;
LINKREL = & #; gyorsbillentyű ikon & #; href = & #, hab & #;
& #;

Ha minden rendben van, akkor a favon böngészők azonnal megjelennek. De a találatokat a kép lesz felhúzva két héten belül, amikor a robotok majd át a helyszínen, és indexelt változások. Ennek megfelelően fontos, hogy maga a fájl és az a könyvtár, amelyben megtalálható a Google keresési robotjainak és a Yandexnek. Ehhez győződjön meg róla, hogy a megadott dokumentumok nem tilosak az indexeléshez a HAB-ban vagy a letiltásról szóló irányelv által.

10 tipp, hogyan kell menni sazing meredek favikon

Kis logó – nem jelenti azt, egyszerű. A kis formátumú képek használatával sok nem nyilvánvaló nehézséggel jár. Kerülje el a hibákat és fejlessze a FAVON helyes kialakítását, segít ezekben a tíz univerzális tanácsnak.

1. Visual Style márka. Használja ugyanazokat a színeket és betűtípusokat, amelyek az oldalon érvényesek. Ez segít a felhasználók azonosításában egy ismerős webhelyének azonosításában a keresésben, vagy ha sok lap van a böngészőben.

2. Kontraszt. Jobb, ha fényes és kontrasztos színek használnak egy favon létrehozásához – az ikont jobban észreveheti a lapok és a kibocsátás.

3. Tematikus kép. Használja a webhely tárgyát tükröző piktogramokat.

4. Vizuális minimalizmus. Leggyakrabban a Favon 16 & # formátumban fog látni 16 pixel. Ez egy apró tér, így ha sok vizuális információt próbál közvetíteni, fennáll annak a veszélye, hogy kenhető tárgyat kap, kényelmetlen az észlelésre. Válasszon képeket minimális részletességgel és egyértelmű olvasási jelentéssel.

5. Színes korlátozás. Hozzon létre olyan favononokat, amelyekben legfeljebb két vagy három szín van jelen.

6. Irodalmi logó. Használja az első betűt a webhelynévről, mint az ikon – egyszerű és hatékony branding megoldás. De itt emlékezned kell a fontos szabályra: vagy levél vagy piktogram. Mindkettő befogadásának megpróbálása túlzott túlterheléshez és hitelességhez vezet.

7. Megfelelő betűtípus. Favonov létrehozásakor adja fel a kurzívat. A közvetlen betűtípus betűket vagy feliratok tisztító és olvashatóvá válik.

nyolc. Square Favon Legjobb. Vele többet kapsz a képért, mint egy kerek formában.

kilenc. Jobb háttér. Színes kép fehér háttérrel olvasható jobb, mint a fehér ikon színes háttéren.

Ethiotikus képek. A keresőmotorok megtiltják egy elfogadhatatlan kép, például pornográf tartalmak vagy gyűlölet szimbólumok használatát (Swastika és T.D.). Az ilyen favona automatikusan törlődik.