Najlepsze rozwiązania do sprzedaży w internecie
Blog edu
IdoSell

Jak tworzyć banery, które sprzedają? FAQ po webinarze IdoSell

24 lutego 2022UI/UX

Baner to rodzaj reklamy graficznej, który znajduje się na stronie internetowej. Ma na celu przyciągnięcie i zachęcenie odbiorcy do zapoznania się z przekazem, czyli reklamą. Kliknięcie w baner przenosi klienta do promowanej strony, np. danej kategorii produktów lub do konkretnego towaru. Podczas ostatniego webinaru IdoSell miałeś okazję dowiedzieć się, jaka jest rola banerów w sklepie internetowym oraz co możesz zyskać dzięki dobrze zaprojektowanym banerom. Odpowiadamy na wasze pytania.

FAQ o banerach w sklepie internetowym

Webinar na temat projektowanie banerów w sklepie internetowym cieszył się dużym zainteresowaniem. Na te pytania, na które nie zdążyliśmy odpowiedzieć na żywo, odpowiadamy w artykule poniżej.

Webinar o banerach w sklepie internetowym — FAQ

Q: Czy można na banerze głównym umieścić kilka linków?
A: Tak, należy skorzystać z opcji banerów w postaci HTML i przygotować stosowny kod. Tego typu banery nasi eksperci mogą przygotować w ramach pojedynczych zadań.

Q: Przycisk CTA — czy są jakieś badania, które pokazują skuteczność poszczególnych zwrotów? Czy lepiej używać np. Sprawdź, Kup Teraz, Wejdź czy może: Wchodzę, Sprawdzam, Kupuję...?
A: Niestety nie ma takich badań. Ważne jest, żeby dać klientom jasno do zrozumienia, gdzie trzeba kliknąć i co mają zrobić po zauważeniu baneru. Dlatego stosuj zwroty jak: „kup teraz”, „zamów”, „sprawdź”, „zarejestruj się”, „czytaj dalej”, „zarezerwuj”. Przycisk CTA musi zwracać na siebie uwagę i być doskonale widoczny. Warto np. zwiększyć rozmiar czcionki i umieścić go w kontrastującym, jaskrawym kolorze lub dodać w formie przycisku.

Q: Jaki jest prosty program do tworzenia banerów, żeby początkujący "grafik" mógł z niego korzystać i próbować robić banery?
A: Polecamy program Photopea, który działa nawet z poziomu przeglądarki. Podczas webinaru zobaczyliście krok po kroku, jak z niego korzystać. Należy jednak pamiętać, że nawet najlepszy program nie zastąpi wiedzy i doświadczenia, dlatego warto rozważyć zlecenie profesjonalnych kreacji. Eksperci IdoSell mogą przygotować takie kreacje w ramach pojedynczych zadań.

Q: Z jakiego darmowego banku zdjęć można korzystać?
A: Poniżej przedstawiamy listę portali ze zdjęciami na licencji CCO. CCO jest najszerszym rodzajem „zrzeczenia się” praw autorskim. W przypadku tej licencji nie musimy podawać autora, źródła, linkować do stron, podawać rodzaju licencji, możemy także przerabiać zdjęcie. Pamiętaj, żeby za każdym razem upewnić się, że wciąż obowiązuje licencja CCO!

Q: Czy jest darmowy program do tworzenia "ruchomych banerów" i czy jest możliwość zaaplikowania ich w IdoSell?
A: Nie znamy darmowych narzędzi. Z płatnych amatorskich narzędzi możemy polecić Visme. Jest to bardzo intuicyjne narzędzie. Można tworzyć animacje zarówno w formacie GIF, jak i MP4.

Q: Jaka jest proporcja banerów dla mobile?
A: Nie da się jednoznacznie określić proporcji dla banerów na mobile. Przy tworzeniu banerów najpierw kieruj się szerokością grafiki (w większości przypadków będzie to 757px). Wysokość grafiki natomiast zależy od kontekstu samego baneru. Ważne, żeby wszystkie jego elementy były widoczne na urządzeniach mobilnych. Oczywiście nie oznacza to, że wysokość baneru nie ma w ogóle znaczenia, gdyż wpływa on na wielkość pliku oraz przesuwa niżej inne elementy sklepu (np. Hotspoty). Dlatego im mniejsza wysokość baneru, tym lepiej.

Q: Czy format PNG da się skompresować np. narzędziem online typu Tiny PNG?
A: Tak. Mimo że plików PNG nie da się kompresować w ścisłym znaczeniu tego słowa, większość narzędzi online potrafi znacznie zmniejszyć ich rozmiar, poprzez usunięcie zbędnych metadanych oraz zmniejszenie przestrzeni barw.

Q: Czy IdoSell obsługuje format WEBP banerów? Czy na ten moment warto używać tego formatu, czy lepiej opierać się na JPG? Jaka jest różnica w ładowaniu strony pomiędzy banerami JPG a WEBP?
A: W banerach możesz korzystać ze wszystkich wspieranych przez przeglądarki formatów grafik. Format WEBP zapewnia wyraźnie mniejszy rozmiar pliku przy podobnej jakości w porównaniu do JPG. Dzięki temu plik WEBP jest szybciej pobierany i wyświetlany na stronie. Jest to szczególnie istotne, jeśli większość ruchu odbywa się z urządzeń mobilnych, które nie zawsze zapewniają idealną szybkość łącza.

Słabą stroną WEBP jest brak wsparcia na przeglądarkach Safari poniżej wersji 13. W większości przypadków jest to jednak bardzo marginalna część ruchu na stronie. W razie wątpliwości można sprawdzić statystyki wejść w panelu (Raporty i Finanse => Statystyki serwera i API => Statystyki AWStats, sekcja „Przeglądarki => pełna lista/wersje”)

Q: Czy w Photoshopie jest opcja zapisu WEBP?
A: Niestety Photoshop nie daje takiej możliwości. Jednak jest mnóstwo konwerterów, które działają online i mogą zapisać plik w tym formacie. Zalecane przez IdoSell narzędzie to Squoosh. Pozwala ono kompresować oraz konwertować plik do optymalnego formatu, a to wszystko na widocznym podglądzie.

Q: Gdzie w panelu IdoSell znajdę moduł banerów? (sprawdzenie przeglądarek)
A: Moduł banerów znajduje się w Moderacja => Bannery, buttony, reklamy.
Statystyki wejść z podziałem na wersje przeglądarek znajdują się w Raporty i Finanse => Statystyki serwera i API => Statystyki AWStats, sekcja „Przeglądarki => pełna lista/wersje”

Q: Czy IdoSell przygotowuje również banery w połączeniu z HTML? Wadą obrazków jest brak możliwości np. wykorzystania tekstu (tagów H1,H2 itd.), co pomaga np. Google w zrozumieniu, co dana strona zawiera.
A: Tak. Takie banery eksperci IdoSell wykonują w ramach prac wdrożeniowych, kontraktowych oraz pojedynczych zadań.

Q: Kiedy planowane jest zakończenie prac nad optymalizacją JPG i WEBP w IdoSell?
A: Na ten moment nie mamy wyznaczonej daty zakończenia prac. Projekt natomiast jest już bardzo zaawansowany. O jego zakończeniu poinformujemy między innymi w newsletterze i na blogu IdoSell.

Q: Czy warto używać konwertera z JPG na WEBP, żeby naraz przetworzyć wiele plików?
Na pewno warto konwertować wiele plików jednocześnie, ponieważ oszczędzi to twój czas. Większość grafik będzie wyglądała optymalnie, ale jeśli dla konkretnego pliku nie będzie satysfakcjonującego efektu, możesz skonwertować pojedyncze grafiki z innymi parametrami lub za pomocą innego narzędzia.

Q: Czy można stworzyć baner ruchomy (GIF)?
Tak.

Q: Czy można w miejscu baneru wrzucić video? W jakim formacie można wrzucić baner video? Czy w strefie banerów mogą być zarówno pliki video jak i grafiki WEBP?
A: Plik video można dodać do banerów w formacie HTML. Możesz to zrobić w plikach CMS w swoim panelu i wykorzystać tag <video> (www.w3schools.com)

IdoSell nie zaleca osadzania plików w poniższy sposób:
Duże pliki video mogą bardzo szybko wykorzystać zasoby serwera, co wpłynie negatywnie na szybkość działania sklepu, a w niektórych przypadkach spowoduje, że sklep przestanie działać. Dlatego znacznie lepszym rozwiązaniem jest hostowanie plików na zewnętrznych serwerach o dobrych parametrach albo korzystanie z YouTube czy Vimeo.

Każdy banner jest osobnym elementem, co oznacza, że można jednocześnie dodać zarówno video, jak i grafiki w różnych formatach czy elementy HTML.

Q: Jaka jest rekomendowana wielkość plików dla banerów na desktop oraz mobile w kB?
A: Nie ma jednoznacznej odpowiedzi na to pytanie. Jednak zawsze dążymy do tego, żeby wielkość była jak najmniejsza. Duże banery powinny być mniejsze niż 150 kB, małe banery mniejsze niż 50 kB.

Q: Która opcja pozwala na stworzenie baneru z dwoma linkami? HTML?
A: Po wejściu do modułu banerów (MODERACJA / Bannery, buttony, reklamy), w wybranej strefie banerowej, uruchamiamy typ reklamy: HTML. Następnie wpisujemy odpowiedni kod. Tego typu banery możesz zlecić ekspertom IdoSell w ramach pojedynczych zadań.

Q: W niektórych grafikach lub zdjęciach produktu nie jest możliwe zachowanie jednocześnie wagi do 150 kB i wysokiej jakości, żeby klient mógł np. przybliżyć zdjęcie. Co w takiej sytuacji?
Trzeba znaleźć kompromis pomiędzy wagą a jakością. Pomocne do tego będzie narzędzie Squoosh, gdzie mamy podgląd optymalizacji na żywo. Możesz ustawić poziom kompresji, zmienić rozmiar i porównać wagę dla aż ośmiu formatów plików. Narzędzie jest darmowe.

Powiązane treści