Hogyan kell hozzáadni a Shopify Favicon az Ön számára Shopify bolt

Személyazonossága az Ön e-kereskedelmi üzlete több elemet egyesít, mint például a logó, a webhely színei és az Ön marketing anyagok. Ez az identitás erősíti az általános márkát, és egészséges emlékeztetőt hoz létre ügyfelei számára, a kényelem és a megbízhatóság érzését ébresztve, amikor látják márkaképét és színeit.

Bár mérete kicsi, a Favicon is kapcsolódik ehhez a márkaépítési stratégiához. Ebben az oktatóanyagban megmutatjuk, hogyan hozhat létre és adhat hozzá kedvenc ikont Shopify tárolni, amely kerekebbé teszi online megjelenését, és megkönnyíti üzletének felismerését, amikor az ügyfelek felkeresik.

Mi a Shopify Favicon?

A Shopify A Favicon vagy bármely más Favicon egy kis ikon a webhelyéhez, amely a böngésző lapján jelenik meg a webhely neve mellett.

A böngésző címsora a leggyakoribb terület a Favicon webhely megtekintéséhez, de a következő helyeken is megjelenik:

• Eszköztár alkalmazások
• Könyvjelzők
• Történeti eredmények
• Keresősávok
• Néha, amikor megosztják a közösségi médiában

Lényegében minden alkalommal, amikor a böngészőnek meg kell mutatnia az Ön webhelyére mutató hivatkozást, és nincs sok hely más tartalom számára, lecseréli a szokásos, teljes méretű logót a Faviconra.

Alapértelmezésben, Shopify hozzáteszi a Shopify a Favicon logóját, ezért módosítanunk kell.

A jó favicon gyakran a logó kisebb változata, de néha kissé eltérnek, mert biztosítani szeretné, hogy láthatóak legyenek, elfoglalják az összes kijelölt helyet, és egy kis színt adjon a webhely neve mellé.

Alapértelmezés szerint minden böngésző támogatja a 32×32 pixeles Faviconokat. Ez egy meglehetősen apró kép, de néhány online generátor segítségével elkészítheti saját magát Shopify Favicon a webhelyéhez. A nagyobb képek egyébként is kicsinyítve lesznek, így nem feltétlenül kell pontosan 32×32-re elérni.

A Faviconnak meglehetősen sok értelme van az online áruházak számára Shopify mivel könnyen hozzáadhatók, és fontos megerősíteni a márkaidentitást online eladóként. Egyesek azzal is érvelnek, hogy segít a SEO-ban.

Olvasson tovább, hogy többet megtudjon arról, hogyan adhatja hozzá a Favicont a sajátjához Shopify tárolni.

Hogyan adjunk hozzá egy favicont Shopify Store – Gyors lépések útmutató

Amint már említettük, a webhely futtatásakor Shopify automatikusan hozzáadja a Shopify logója a webhely Faviconja. Nincs ezzel semmi baj, de sokkal professzionálisabb és márka-orientáltabb, ha saját logót is felvesz. Itt vannak a követendő lépések:

1. lépés: Lépjen a Saját oldalra Shopify Irányítópult

Ezért menj a tiédhez Shopify irányítópultot, és az Értékesítési csatornák alatt kattintson az Online Áruház elemre.

2. lépés: Lépjen a Témabeállításokhoz

Keresse meg a témákat, és kattintson az aktuális téma melletti Testreszabás gombra. Bár a beállítások témáról témára változnak, a legfrissebb Shopify témáknak van egy szakasza a Favicon megváltoztatásához.

A Shopify testreszabáshoz görgessen a bal oldali lista aljára, és kattintson a Témabeállítások elemre.

3. lépés: Válassza ki a Favicon gombot

Az új részben keresse meg és válassza ki a Favicon gombot.

Ekkor megjelenik egy gomb a Kép kiválasztásához vagy az Ingyenes képek felfedezéséhez. Nem tudom elképzelni, hogy van olyan ingyenes képük, amely megfelelne az Ön logójának, ezért a legjobb, ha a Kép kiválasztása elemre kattint, hogy egyéni képet tölthessen fel a számítógépéről.

4. lépés: Töltse fel Faviconját

Válassza ki a Favicon fájlt, és töltse fel ide Shopify.

Ezt követően megjelenik a Favicon ikon előnézete. A változtatások véglegessé tételéhez kattintson a Mentés gombra Shopify.

A saját megtekintéséhez Shopify favicon működés közben, lépjen a webhely kezelőfelületére, és nézze meg az aktuális böngészőlapot. Látnia kell a Favicont a webhely címe mellett.

Tippek a Favicon létrehozásához

Bár egyszerűnek tűnik egy kis ikon létrehozása, fontos, hogy helyesen hozzuk létre, mivel az ügyfelek mindig látják a Favicont, amikor felkeresik webhelyét. Könnyű olyan Favicont is készíteni, amely homályos, vagy nem tölti ki az egész teret, ezzel meghiúsítva a Favicon célját, mivel nem annyira látható a szemmel.

Az esetleges problémák megoldásához íme néhány tipp a saját létrehozásához Shopify Favicon:

• Kezdje el a tervezést 32 × 32-nél nagyobb méretben, és szükség esetén csökkentse le. Biztosan elmosódottabb lesz a kép, ha egy kisebb képet próbál kinyújtani a térbe. Problémákat okozhat például, ha egy 32 × 32-es képet vesz a Hatchful-ból, és megpróbálja kinyújtani, hogy megszabaduljon a logó írott részétől.
• Általában nem lehet csak úgy elfogadni a jelenlegi logót, és elvárni, hogy Faviconként tökéletesen működjön.
• A Favicon jól néz ki, ha a rendelkezésre álló hely minden képpontját lefedi. Nincs sok helyed, ezért minden lehetőséget ki kell használnod square pixel a 32×32-es térben.
• Távolítson el minden szöveget, mivel nehéz olvasni egy Faviconban. Ez alól kivétel, ha az elsődleges logóelem egy nagy betű.
• Fényképezzen a tömör, élénkebb színekért. Az egyszerű, karikatúraszerű logók működnek a legjobban.
• Nézd meg kedvenc márkáid Faviconjait. Mit tettek annak érdekében, hogy online képük átkerüljön egy faviconba?
• Fontolja meg, hogy a teljes teret egyszínű háttérrel tölti fel, vagy készítsen átlátszó hátteret úgy, hogy az előtér elemet megfeszíti úgy, hogy éppen érintse a széleket. Észre fogja venni, hogy sok nagyobb márka átlátszó háttérrel rendelkezik a Faviconokhoz.
• Az ICO fájl format jól működik kisebb képeknél. Ha nem ismeri, használjon PNG-t az átlátszó hátterekhez, vagy JPG-t a nagy felbontású, tömör hátterű faviconokhoz.

Hogyan készítsünk Favicont az Ön számára Shopify bolt

Lehetősége van a Favicon megtervezésére bármely választott tervezőszoftverben. Ha jobban szereti a Photoshopot, válassza azt. Ha inkább egy ingyenes szoftvert szeretne, például a GIMP-t vagy a Pixlr-t, akkor mindegyik működik, amíg betartja a szükséges 32 × 32-es méretet.

Lehetősége van Favicon készítésére is Shopify's Hatchful logója és ingyenes Favicon generátora. Tekintse meg teljes útmutatónkat használatáról Keltetős logót építeni.

Miután a logó készítője elvégzi a munkáját, egy több logóval megtöltött fájlt biztosít Önnek formats, amelyek közül az egyik egy Favicon.

Ne feledje, hogy az Ön által készített logók közül sok Keltetős (olvasd el Hatalmas áttekintés). Általánosságban azt tapasztaltam, hogy csak akkor használd a mellékelt Hatchful favicont, ha már jól néz ki (a hely nagy részét kitölti, és nincsenek benne apró elemek, például szöveg).

Ha ez nem így van, használjon harmadik féltől származó szerkesztőszoftvert, például a Photoshopot vagy a Pixlr-t, hogy kivágjon néhány felesleges elemet.

fontos: A kép nagyobb változatát kell használnia, ha azt tervezi, hogy egy vászonra feszíti, hogy kivágja a szöveget és a szóközöket. Ehhez a Hatchfult használtam a logók létrehozásához, de valójában az egyik nagy logót vettem (nem a Favicon fájlt), mivel nem akarom, hogy elmosódjon, amikor a 32 × 32-es vászonra feszítem.

A szerkesztőszoftveren belül válasszon egy új vásznat, amelynek szélessége és magassága egyaránt 32-re van állítva.

Készítsen egy réteget az új képhez, és győződjön meg arról, hogy a kép nagyobb, mint a 32 × 32-es vászon, mert előfordulhat, hogy kinyújtja. Ezután töltse fel vagy helyezze el a képet a vászonra.

A következő képernyőképen a Favicon dizájnt kinagyítottam, így megbizonyosodhatok arról, hogy illeszkedik-e a square megfelelően. Elmosódott, de tudom, hogy kicsinyítéskor sokkal jobban fog kinézni.

Mint látható, a Pixlr tervezőben található Favicon kicsinyített változata jól néz ki. A kijelölt terület nagy részét lefedtem, világos és egyszínű ikont választottam, és eltávolítottam a kisebb szöveg minden jelét.

Az utolsó lépés a fájl letöltése. Ezen a ponton dönthet úgy, hogy átlátszó PNG-vé teszi. De ehhez az oktatóanyaghoz ragaszkodom a nagy felbontású JPG-hez, hogy a lehető legélesebben nézzen ki. És nem bánom, ha a háttér egyszínű.

Menj vissza Shopify Irányítópult. Kattintson az Online Áruház > Témák > Testreszabás elemre.

Ezután lépjen a Témabeállítások > Favicon menüpontra.

Töltse fel az új Favicont, és kattintson a Mentés gombra Shopify szerkesztő.

A Favicon tesztelésének és megtekintésének elsődleges módja, ha egyszerűen megnyit egy lapot a kezdőlap webhelyének URL-címével. Amint láthatja, a Favicon szépen megjelenik, és valójában egy kicsit jobb, mint az előző Faviconom, látva, hogy az nem töltötte ki a teljes 32 × 32-es helyet.

A következtetés

A Shopify A Favicon megtervezése és webhelyéhez való hozzáadása mindössze néhány percet vesz igénybe, mégis csodálatos emlékeztetőt biztosít a látogatóknak, hogy melyik webhelyen járnak. Ezen túlmenően arra is szolgálhat, hogy az emberek megtalálják az Ön webhelyét a könyvjelzőikben és a böngészőelőzményekben, tekintve, hogy nagy valószínűséggel más webhelyek hosszú listájában keresnek, amikor áthaladnak ezeken a szakaszokon.

Ne feledje, hogy ne elégedjen meg a homályos vagy olvashatatlan szöveggel Shopify Favicon kép. Ha úgy találja, hogy az első Favicon nem néz ki egészen jól, vagy szeretne kivágni egy szöveget, vagy átlátszó hátteret szeretne hozzáadni, lépjen vissza az elejére, és javítsa ki. Bár nem jó ötlet, ha egyáltalán nincs Favicon, egy elmosódott vagy nehezen látható Favicon professzionálisnak és kissé ostobának teszi a márkáját.

Ha bármilyen kérdése van a Faviconok hozzáadásával kapcsolatban Shopify, vagy saját készítésű Shopify Favicon, tudassa velünk az alábbi megjegyzések részben.