Logotyp to jeden z podstawowych elementów identyfikacji wizualnej każdego sklepu internetowego. Wpływa bezpośrednio na rozpoznawalność marki oraz zaufanie klientów. W przypadku platformy IdoSell prawidłowe dodawanie logo wymaga uwzględnienia aspektów technicznych, optymalizacji SEO oraz zgodności z wymogami dostępności.
W niniejszym przewodniku przedstawię kompleksowy proces dodawania i konfiguracji logo w sklepie IdoSell, uwzględniając najlepsze praktyki dotyczące formatów plików, optymalizacji rozmiaru oraz ustawień SEO zgodnych z aktualnymi standardami branżowymi.
Aby dodać logo do sklepu, musimy wykonać kilka kroków, a mianowicie:
Następnie wybieramy “Typ grafiki” - tu w pierwszej kolejności warto zastanowić się czy mają to być trzy różne grafiki (w zależności od urządzenia), czy też jedna. Jeśli nasze logo ma format prostokątny i lepiej prezentuje się na komputerze, a posiadamy również wersję mobilną w formacie kwadratowym, wówczas możemy wgrać dwa różne rodzaje logotypów
Wymagania dotyczące rozmiaru logo
Jeśli mamy logo w formacie SVG - wielkość nie ma znaczenia. Grafik powinien dostarczyć nam logotyp w wektorach, dzięki temu będzie ważyło mniej, co pozytywnie wpłynie na czas wczytywania strony i wskaźniki SEO.
Logo w formacie PNG waży więcej mimo mniejszych rozmiarów. Najlepiej przygotować logotyp w jak największym rozmiarze dla miejsca, gdzie ma się wyświetlać.
Przykładowo: Jeżeli miejsce w nagłówku ma wymiary 100x260 px, a przygotowane logo ma rozmiary 200x65 px, to jest jak najbardziej akceptowalne.
Najważniejsze, aby logo nie występowało w rozdzielczości Full HD i nie ważyło 5 MB - w przeciwnym wypadku strona będzie wczytywała się znacznie dłużej.
Format WebP
Mimo rekomendacji agencji SEO, nie zalecam użycia formatu WebP, ponieważ bardzo często nie jest on obsługiwany przez starsze wersje przeglądarek. Aby uniknąć problemów z wyświetlaniem, lepiej wgrać format PNG lub SVG. Dzięki temu logo będzie wyświetlało się poprawne na każdym urządzeniu.
Konfiguracja linku
W sekcji "Link" domyślnie wyświetla się ukośnik. Agencje SEO rekomendują użycie bezpośredniego linku. Logo po kliknięciu przekieruje Cię na stronę główną. Musisz skopiować pełny adres i wkleić go w polu “Link”, co pozwoli odhaczyć jeden z punktów w audycie SEO.
W tym miejscu możesz również dodać link do kampanii marketingowej lub akcji reklamowej, jednak powszechnie przyjęło się, że link w logotypie kieruje na stronę główną.
Sposób otwierania linku
Następnie możemy wybrać opcję “Otwieraj link w” → “tym samym oknie” lub “różnym oknie”.
Jeśli zaznaczymy "w nowym oknie", użytkownik, klikając w logo będzie za każdym razem otwierał nową zakładkę. Spowoduje to, że po kilku/kilkunastu kliknięciach strona może zostać zablokowana przez przeglądarkę ze względów bezpieczeństwa. Dlatego lepiej zaznaczyć opcję w “tym samym oknie”
Alternatywny tekst
Następna sekcja to “Alternatywny tekst”, który jest wyświetlany dla robotów Google (aby robot wiedział, co przedstawia grafika) oraz w związku z ustawą WAG, która wymusza na właścicielach sklepów opisywanie wszystkich grafik, mi.in. dla osób niewidzących.
Agencje SEO standardowo dodają w polu “Alternatywny tekst” nazwę sklepu i slogan. Przed tym trzeba wpisać "Logo sklepu", dzięki czemu spełnimy jedną z wytycznych wymaganych przez WAG. Po skonfigurowaniu klikamy "Zapisz".
Wpisanie nazwy sklepu w Google nie spowoduje wyświetlania dodanego logotypu w miejscach, gdzie znajdują się favicony (mała ikona wyświetlana obok adresu strony internetowej w Google).
W zarządzaniu logiem dostępna jest opcja wgrania favicona, jednak dodanie go w tym miejscu nie gwarantuje wyświetlania logo w Google.
Więcej na ten temat dowiesz się z materiału wideo o Favicon:
W panelu IdoSell wybieramy "Sklep" → "Logo, top i inne elementy strony"→ "Logo dla wiadomości transakcyjnych". W tym miejscu wgrywamy logotyp do konfiguracji wiadomości transakcyjnych.
Wybieramy "Sklep" → "Logo, top i inne elementy strony" → "Zarządzanie wyglądem elementów strony". Pojawia się opcja "Ikona dla powiadomień webpush" - klikamy "Edytuj" i wgrywamy logotyp.
Przechodzimy do "Ustawienia" (lewy dolny róg), klikamy "Konfiguracja produktów i zdjęć", następnie wybieramy zakładkę "Domyślne zdjęcie towarów" i wgrywamy logotyp. Zalecane jest wgranie zdjęcia w formacie dopasowanym do szablonu strony.
