To, w jaki sposób dodajesz obrazy na stronę internetową, niejednokrotnie może zaważyć o sukcesie danego przedsięwzięcia.
Wszystko dlatego, że odgrywają one niezwykle istotną rolę na stronach internetowych. Dopowiadają kontekst, dostarczają ważne informacje, a także po prostu dodają wartości.
Jednak nie można wrzucać ich na stronę byle jak. Warto jest poświęcić im nieco więcej uwagi, aby możliwie najbardziej spodobały się zarówno użytkownikom, jak i robotom wyszukiwarek.
Zapoznaj się zatem z dziesięcioma poniższymi poradami.
Jak dodawać obrazy na stronę internetową? – 10 wskazówek
1. Wstawiaj obrazy o właściwych wymiarach.
Niezwykle ważne jest znalezienie złotego środka w kwestii odpowiednich wymiarów.
Dodawane przez Ciebie grafiki nie mogą być zbyt małe, gdyż użytkownicy jedynie będą się denerwować, widząc drobne obrazy. Ewentualnie będą one sztucznie rozciągnięte, serwując im naprawdę kiepską jakość.
Z drugiej strony nie mogą być też za duże. Wiele osób posiada strony internetowe niedostosowane do tego, by właściwie skalować dodawane własnoręcznie zdjęcia. Może to skutkować tym, że wszyscy będziemy widzieli całkiem normalny obraz, podczas gdy w rzeczywistości będzie on ogromny.
O ile optycznie nie będzie sprawiało to nam żadnej różnicy, o tyle „w tle” załaduje się całkiem pokaźna, zbędna ilość danych. Wpływa to bardzo negatywnie na prędkość wczytywania się strony internetowej.
2. Zwracaj uwagę na wagę grafik.
Kontynuując temat poruszony w poprzednim punkcie, dodawane przez Ciebie obrazy na stronę internetową nie mogą być zbyt „ciężkie”, gdyż będą spowalniać całą witrynę.
Dlatego też dobrze jest korzystać z kompresji, która z niezauważalną stratą jakościową (lub nawet bezstratnie) zmniejszy zbędny naddatek.
Optymalizować grafiki możesz przy użyciu narzędzia o nazwie TinyPNG.
Jeśli korzystasz z WordPressa, dobrą wtyczką do tego zadania okaże się WP Smush.
3. Używaj obrazów wyłącznie wysokiej jakości.
„Jakość” jest słowem, które powinno Ci towarzyszyć w sieci na każdym kroku, jeżeli prowadzisz własną stronę internetową.
Wszelkie dodawane przez Ciebie grafiki muszą być po prostu atrakcyjne wizualnie. Nie mogą zawierać żadnych uszczerbków czy też zauważalnych tzw. artefaktów, które pojawiają się podczas kompresji plików JPG.
Spójrzmy prawdzie w oczy – lepiej w ogóle nie dodać grafiki, aniżeli wstawić taką, która będzie wywoływała jedynie frustrację wśród odwiedzających.
4. Stosuj odpowiednie formaty.
Format formatowi nierówny.
JPG jest typem uniwersalnym. Doskonale nadaje się do grafik, które są wielobarwne – np. do zdjęć.
Z kolei PNG nada się świetnie tam, gdzie paleta barw jest ograniczona. Idealnie sprawdza się do obrazów w stylu flat oraz wszelkiego rodzaju prostych ikon. Przyda się również wtedy, gdy chcesz zastosować przezroczyste tło na grafice.
Miej obie powyższe kwestie na uwadze podczas doboru właściwego formatu.
5. Przykładaj wagę do właściwych nazw plików.
Na pewno zauważyłeś, że aparaty nadają plikom nazwy według jakiegoś zdefiniowanego schematu.
Mogą być to np. IMG_XXXX.jpg, DSC_XXXX.jpg lub też jakieś dłuższe ciągi znaków zawierające dokładny znacznik czasu w momencie wykonania fotografii.
Sęk w tym, że takie nazewnictwo jest dla nas zupełnie zbędne. Nazwy tego typu nic nam nie mówią.
Dlatego też zmieniaj nazwy na dużo łatwiejsze do zapamiętania oraz adekwatne dla danego obrazu – kot-ani.jpg, samochod-tomka.jpg itp.
Być może przydatne okaże Ci się narzędzie Bulk Rename Utility, które jest w stanie zmienić nazwy wielu obrazom jednocześnie, z użyciem wybranego przez Ciebie schematu.
6. Pamiętaj o kontekście.
Jeżeli dodajesz obrazy na stronę internetową, robisz to po to, by osiągnąć jakiś cel. Nie wrzucasz więc grafik zupełnie przypadkowych.
Dodawane zdjęcia muszą pasować kontekstem do tego, co je otacza – przede wszystkim do konkretnej podstrony, ale też i wszelkich tekstów oraz innych elementów.
Nie zamieszczaj ich zatem bez wyraźnego powodu, gdyż takie działanie może dezorientować odbiorców.
7. Wypełniaj tzw. atrybut ALT.
Optymalizacja grafik pod kątem SEO ściśle wiąże się z tzw. atrybutem ALT.
Jest to tekst, który wyświetla się na miejscu zdjęcia w momencie, gdyby jakimś cudem się ono nie załadowało (stąd też jego nazwa – ALT od „alternative”).
Stanowi także pewną podpowiedź dla robotów wyszukiwarek w kwestii tego, co na tym zdjęciu się znajduje (lub powinno się znaleźć).
Sęk w tym, iż wiele osób kompletnie pomija tę kwestię – a szkoda, gdyż jest bardzo ważna.
Wstawiaj w tym miejscu krótki, dosłownie kilkuwyrazowy opis tego, co dana grafika przedstawia. Jest to bardzo korzystne działanie pod kątem SEO, lepiej więc tego nie pomijać.
8. Uważaj na zdjęcia stockowe.
Zdjęcia ze stocków mogą pomóc lub zaszkodzić. Wszystko zależy od tego, na jakie konkretnie fotografie się zdecydujesz.
Podstawą jest dobór zdjęć, które nie wyglądają sztucznie, tzn. nie ukazują postaci i scen ewidentnie pozowanych, nieautentycznych.
Wielu użytkowników po prostu wyczuwa takie emocje i nie do końca ufa stronom, które wykorzystują kiepsko dobrane stockowe zdjęcia.
Najlepiej jest mieć własne fotografie – przedstawiające wnętrza, przedmioty oraz osoby powiązane z Twoim konkretnym biznesem. Autentyczne oraz wyjątkowe – takie, których nie znajdzie się nigdzie indziej.
Wiemy wtedy, że dane przedsiębiorstwo stawia po prostu na prawdę.
9. Dodawaj obrazy, które są po prostu przydatne.
Wspomniałem już o tym, że obrazy na stronę internetową dodaje się w określonym celu.
Zazwyczaj mają urozmaicić treść lub też dodać pewną wartość, jakiej nie jesteśmy w stanie przekazać słowami.
Treści wizualne są w stanie przekazać nam o wiele więcej, niż jest to możliwe przy pomocy zwykłych zdań. Infografiki, wykresy, ilustracje lub po prostu ładne optycznie grafiki – wszystko to podnosi wartość strony oraz sprawia, że odbieramy ją dużo lepiej.
Przy okazji mogę polecić Ci tekst o tym, jak podnieść poziom CTR przy pomocy obrazów.
10. Upewnij się, że grafiki wyglądają dobrze w widoku mobilnym.
Choć już od dobrych kilku lat temat mobilności jest już absolutnie przejedzony, to nawet pomimo tego ciągle spotyka się strony internetowe, które nie zadbały o tę kwestię.
Otóż obrazy muszą wyglądać świetnie na wszystkich rozdzielczościach. Nie tylko na tych większych, lecz także na tych, które są obsługiwane na urządzeniach mobilnych.
Dlatego też zadbaj o to, aby właściwie skalowały się na tabletach i smartfonach.
Pamiętaj również o tym, że wersja responsywna strony nie musi serwować treści w formie 1:1 w stosunku do tej, jaka jest widoczna na desktopach.
Jeżeli jakiś obraz kiepsko wygląda w widoku mobilnym (np. nie widać istotnych jego szczegółów), rozważ ukrycie go na niższych rozdzielczościach.
Po co zaśmiecać widok czymś, co jest nieprzydatne?
W jaki sposób dodawać obrazy na stronę internetową, aby odnieść z tego możliwie najwięcej korzyści?
Chociażby stosując się do dziesięciu powyższych wskazówek.
Jeśli będziesz przestrzegać wspomnianych zasad, to jestem pewien, że nie tylko użytkownicy, lecz także roboty wyszukiwarek internetowych będą odbierać Twoją witrynę o wiele lepiej.
Bądź pierwszą osobą, która skomentuje ten artykuł! 😉