Optymalizacja obrazów – jak optymalizować grafiki pod kątem SEO? 

Grafiki w Internecie traktujemy jako sposób urozmaicenia treści, sposób na poprawienie estetyki strony lub, w przypadku e-commerce, przedstawienie jakiegoś produktu w taki sposób, by się sprzedawał. Ich moc w rzeczywistości jest jednak dużo większa. Prawidłowo zoptymalizowane grafiki na stronie Internetowej nie tylko dają szansę na ruch organiczny z wyszukiwarki Google Images, ale mają również duży wpływ na pozycje strony w “standardowym” Google. Jak w pełni wykorzystać ich potencjał SEO?

Grafika na stronie a pozycjonowanie w Google Search

Chociaż ilość i jakość zdjęć na stronie teoretycznie nie są czynnikiem rankingowym Google, to jednak wpływają na SEO strony w dość istotny sposób.

Przede wszystkim mają pozytywny wpływ na doświadczenie użytkownika (UX). Sprawiają, że strona jest przyjemna w odbiorze a treści łatwiejsze do przyswojenia. To z kolei wpływa pozytywnie na czas spędzony na stronie, bounce rate i CTR. Oczywiście, żeby tak się stało, grafiki muszą mieć wysoką jakość wykonania, wyglądać profesjonalnie i pasować do identyfikacji wizualnej firmy oraz designu strony.

Natomiast w przypadku braku optymalizacji, “ciężkie” grafiki mogą doprowadzić do znacznego wzrostu czasu wczytywania strony, który jest obecnie jednym z najważniejszych czynników rankingowych Google. Na domiar złego, nawet niewielkie (1-3 sekundy) opóźnienie może spowodować, że wielu użytkowników zniecierpliwi się na tyle, że nigdy nie dotrze do strony.

Nie możemy również zapominać, że grafika to także content. Wiele wyników wyszukiwania Google zawiera obecnie elementy graficzne, często na samej górze SERP’a lub w grafie wiedzy. Użytkownicy korzystają z nich szczególnie w przypadku wyszukiwań, na które najlepszą odpowiedzią będzie grafika. Optymalizacja grafik będzie więc szczególnie ważna w tych branżach, w których mocno liczy się wygląd produktu. Istnieje wręcz szansa, że potencjalny klient zacznie swoje poszukiwania zakupowe od wyszukiwarki graficznej.

Google Images

Google Images, czyli po prostu Google Grafika, to wyszukiwarka, która pozwala na wyszukiwanie wizualne (po “przeciągnięciu” pliku graficznego w okno wyszukiwania lub przy pomocy obiektywu Google) oraz za pomocą słów – ale wyniki będą grafiką. Uruchomiono ją po raz pierwszy w 2001 roku.

Grafiki pojawiają się w Google Images wtedy, gdy Google uzna, że są powiązane z wyszukiwaną frazą. Robi to m.in. na podstawie opisów do zdjęć, kontekstu, w którym występują na stronie i (w pewnym stopniu) tego, co się na nich znajduje.

Jak na algorytm przystało – nie zawsze działa to właściwie. Googlebot może nie być w stanie ocenić, co znajduje się na grafice. Dlatego optymalizacja i odpowiednie opisywanie zdjęć i obrazów ma tak duże znaczenie

Wyszukiwarka Google Images jest dla Twojego biznesu kolejną szansą na zwiększenie ruchu, zdobycie leadów i klientów czy też zbudowanie pozytywnego wizerunku marki. Właściwie można powiedzieć, że oferuje firmom to samo co pozycjonowanie w Google Search, chociaż sposób działania wyszukiwarki jest oczywiście inny i wymaga innych działań dla osiągnięcia zakładanych efektów.

Jak optymalizować grafiki pod kątem SEO?

Optymalizacja grafiki na stronie Internetowej składa się z kilku kroków. Wszystkie mają wpływ na ostateczną ocenę strony przez Google, więc nie warto pomijać żadnego z nich.

Zawartość (treść) obrazu

Pierwszy krok dotyczy samego wyboru grafiki. Może wydawać się to dość oczywiste, a jednak w sieci mamy do czynienia z przesytem powtarzających się lub nieadekwatnych do treści obrazów.

Największą wartość (zarówno dla użytkowników jak i Google) będą miały oryginalne, niepublikowane wcześniej w Internecie fotografie lub grafiki, które jednocześnie w dużym stopniu odpowiadają na potrzeby użytkowników.

Jeśli nie masz własnych fotografii, możemy skorzystać z internetowych baz zdjęć, jak np. Shutterstock. Warto wtedy jednak sprawdzić i wziąć pod uwagę częstotliwość wykorzystywania danego obrazu (szczególnie w branży, w której działasz) i starać się korzystać z tych jak najrzadziej używanych. Może okazać się to trudne w przypadku darmowych banków zdjęć.

Nazwa pliku graficznego

Robot wyszukiwarki musi “dowiedzieć się”, co znajduje się na grafice, żeby algorytm mógł zdecydować w jakich wynikach wyszukiwania (na jakie frazy) ją wyświetlać. Jednym z elementów, które Google bierze w tym celu pod uwagę jest nazwa pliku graficznego.

Dlatego każdy plik graficzny, który ma sprowadzać na stronę ruch z wyszukiwarki, powinien mieć odpowiednią nazwę: zwięzłą i zawierającą słowo kluczowe. Kombinacje typu „sxtnfbnef.jpg” sprawdzają się znacznie gorzej niż zwykłe opisy. Jeśli na grafice znajduje się np. piłka do koszykówki, lepiej, aby nic nie wnoszącą i niezrozumiałą nazwę pliku jak np. „PIC_454255.png”, zamienić na „pilka_do_koszykowki.png”. Dzięki temu Google otrzyma dokładny komunikat, czego się może na niej spodziewać.

Słowa w nazwie należy rozdzielać myślnikiem („-„). Unikamy „_” oraz polskich znaków – bot może je nieprawidłowo zinterpretować.

Rozmiar i waga grafiki

Kolejnym, niezwykle istotnym krokiem jest zadbanie o to, aby rozmiar i waga grafiki były przystępne dla Twojej strony internetowej – czyli jak najniższe, przy jednoczesnym zachowaniu jakości i czytelności.

Oznacza to po pierwsze ograniczenie wymiarów dużej grafiki, która po wgraniu, tak czy inaczej, zostanie pomniejszona w siatce witryny. Rozmiar grafiki możemy zmienić w dowolnym programie graficznym lub na jednej z wielu stron Internetowych, udostępniających taką opcję.

Dobrym przykładem jest, dostępny online i darmowy, Image Resizer od Adobe, który dodatkowo sugeruje użytkownikowi popularne proporcje, zgodne z optymalnym rozmiarem grafik w konkretnym, wybranym medium.

Drugim elementem, o który warto zadbać, jest kompresja, by grafika zajmowała jak najmniej przestrzeni dysku i mogła szybko zostać przesłana na urządzenie użytkownika. Świetnym rozwiązaniem tego problemu jest TinyPNG.

TinyPNG wykorzystuje inteligentne techniki kompresji stratnej, aby zmniejszyć wagę plików WEBP, JPEG i PNG. Dzięki selektywnemu zmniejszaniu liczby kolorów w obrazie do przechowywania danych potrzeba znacznie mniej bajtów. Efekt jest prawie niewidoczny dla ludzkiego oka, ale powoduje bardzo dużą różnicę w wielkości pliku!

Użyj TinyPNG, aby zmniejszyć wagę obrazów w swoich aplikacjach i witrynach. Będą zużywać mniej przepustowości łącza i ładować się szybciej. Na poniższym przykładzie widać, że możliwe jest zmniejszenie rozmiaru pliku nawet o ponad 90% – z 511KB do 56KB.

Jeśli chodzi o sam format zapisu pliku, tu również postaraj się zachować jak najmniejszą wagę. Do większych zdjęć najlepiej sprawdzi się używanie formatów nowej generacji WebP i AVIF (dla nowszych CMS) oraz .PNG, natomiast do mniejszych zaleca się stosować podstawowe rozszerzenie .JPG.

WebP to format stworzony przez Google w celu zastąpienia starych plików wersjami o mniejszym rozmiarze, jednocześnie utrzymując ich pierwotną jakość. Aktualnie jest najkorzystniejszym rozwiązaniem dla większości stron Internetowych. Oferując mniejszy rozmiar pliku, a tym samym szybsze ładowanie się, skutecznie zastępuje starsze rozszerzenia.

Tekst alternatywny

Z punktu widzenia pozycjonowania bardzo ważny będzie również tekst alternatywny grafiki (ALT tekst), który uzupełniamy już po załadowaniu pliku graficznego na serwer. Atrybut ALT można łatwo zoptymalizować podczas dodawania pliku, np. w WordPressie, wpisując w pole „tekst alternatywny” prosty opis danego obrazu. Warto użyć tam słów kluczowych, jednak priorytetem jest zawsze w miarę dokładny opis zawartości grafiki. Nie powinien być obszerny – jego długość powinna zamknąć się w około 70 znakach.

Opis ten pełni następujące funkcje:

• Wyświetla się w przypadku, gdy występuje problem z załadowaniem się obrazu na stronie;
• Jest kolejnym (po nazwie pliku) elementem, który podpowiada sztucznej inteligencji Google, co zawiera Twoja ilustracja;
• Jest niezwykle istotny dla użytkowników niepełnosprawnych korzystających z czytników ekranowych.

Tytuł grafiki (title)

Title tag, czyli atrybut zawierający tytuł grafiki, może, podobnie jak tekst alternatywny, opisywać to, co się na niej znajduje, ale niekoniecznie musi – w końcu tytuł danego dzieła może być abstrakcyjny. Nie zaleca się natomiast zduplikowania w tytule ALT tekstu – warto by był to tekst unikatowy. W zależności od ustawień CMS’a, tytuł może wyświetlać się także po najechaniu na grafikę kursorem.

Dodatkowy podpis zdjęcia w

Jeśli masz taką możliwość, możesz również dodatkowo podpisać zdjęcie lub grafikę (wraz ze słowami kluczowymi) w tekście, w którym występuje. Będzie to kolejna, kontekstowa podpowiedź dla robota Google.

Mapa zdjęć

Jeśli na Twojej stronie znajduje się dużo zdjęć, i jest to dla niej kluczowy content, to warto stworzyć osobne sitemapy z adresami URL wszystkich grafik. Ułatwi to ich indeksowanie i zwiększy szansę na dobrą pozycję w Google Images.

Zoptymalizowana grafika to wydajny serwis Internetowy

Zastosowanie w praktyce wymienionych wyżej kroków pozwoli na zoptymalizowanie grafik tak, by mogły przyczynić się do zwiększenia liczby odwiedzin użytkowników, którzy trafili na odpowiednio przekonujący do kliknięcia obraz w wyszukiwarce.

Optymalizacja grafiki jest jednak ważna przede wszystkim z punktu widzenia wydajności serwisu (przede wszystkim czasu wczytywania), która obecnie jest kluczowym czynnikiem wpływającym na doświadczenie użytkownika, a tym samym pozycję strony w rankingu.

Nie zapomnij o tym, publikując kolejne zdjęcie.