Ulubione
Favicon jest małą ikoną wyświetlaną w zakładkach przeglądarki, zakładkach i wynikach Google, które pomagają klientom rozpoznać sklep internetowy.
Co to jest favicon?
Favicon (ulubiona ikona) jest małą ikoną kwadratową, która reprezentuje Twoją stronę internetową w zakładkach, zakładkach, historii przeglądarki oraz w wynikach wyszukiwania w sieci Google. Jest zwykle deklarowane z <link rel="icon"> tag na stronie <head>, i jako przeglądarki awaryjne automatycznie spróbować załadować plik /favicon.ico z korzeni domeny. Nowoczesne favikony są dostarczane jako .ico, .pnglub .svg - i jeden .ico plik może pomieścić kilka rozmiarów (16 × 16, 32 × 32 i 48 × 48).
Dlaczego favicon ma znaczenie?
Dla sklepu internetowego favicon jest małym, ale widocznym kawałkiem marki. Gdy klient ma wiele otwartych zakładek, ikona jest często jedyną rzeczą, która sprawia, że sklep łatwo znaleźć ponownie. Google pokazuje również swoją favicon obok wyniku w mobilnym wyszukiwaniu, więc chrupiąca, rozpoznawalna ikona wzmacnia zarówno click- poprzez szybkość i zaufanie. Gdy favicon brakuje, przeglądarka po prostu pokazuje pusty domyślny placeholder, co sprawia, że strona wydaje się niedokończona lub mniej profesjonalna.
Przypadki wspólnego stosowania
- Rozpoznawanie w zakładkach przeglądarki, gdy klient ma kilka stron otwartych naraz.
- Wyświetl wynik w wynikach wyszukiwania mobilnego Google (Google zaleca ikonę kwadratową, która jest wielokrotnością 48px, np. 48 × 48).
- Ikona, gdy klient zapisuje sklep jako zakładkę lub na ekran (za pośrednictwem
apple-touch-icon, zazwyczaj 180 × 180). - Spójna tożsamość marki w przeglądarce, zakładkach i współdzielonych linkach.
Shopify perspektywa
W Shopify można przesłać favicon bezpośrednio w edytorze motywu pod ustawieniami motywu - nie wymaga edycji kodu. Shopify skaluje obraz do 32 × 32 px, więc przesłać prosty, kwadratowy grafika, który pozostaje jasny w małych rozmiarach (uniknąć drobnego szczegółu i dużo tekstu). Przełączanie Motyw niekoniecznie resetuje favicon, ale zawsze sprawdza wynik po zmianie tematu. Pomyśl o favicon obok innych metadanych wizualnych, takich jak Wykres otwarty, więc twój sklep wygląda konsekwentnie w zakładkach, wyników wyszukiwania i udostępnionych linków.