Z tego artykułu dowiesz się:
W skrócie:
- Treść dla algorytmów: Zawsze uzupełniaj atrybuty ALT (tekst alternatywny) i nadawaj plikom logiczne nazwy ze słowami kluczowymi (np. buty-do-biegania.jpg zamiast DSC4248.jpg).
- Rozmiar ma znaczenie: Kompresuj zdjęcia, aby ich waga wynosiła poniżej 150-200 kB. Wybieraj nowoczesne formaty nowej generacji, takie jak WebP lub AVIF.
- Technologia: Wdróż lazy loading (leniwe ładowanie) dla galerii, aby strona ładowała się błyskawicznie (szczególnie na smartfonach), oraz stwórz mapę obrazów XML, która ułatwi Google ich indeksowanie.
- Kontekst i unikalność: Google ocenia zdjęcie przez pryzmat strony, na której się znajduje. Używaj oryginalnych grafik i umieszczaj je zawsze w pobliżu powiązanego tekstu.
- Analityka: Efekty swoich działań i ruch z Google Grafika sprawdzisz w darmowym narzędziu Google Search Console (zakładka Skuteczność -> Typ wyszukiwania: Grafika).
Dlaczego wyszukiwanie graficzne jest takie ważne?
Chociaż nie udało mi się dotrzeć do oficjalnych danych, Google twierdzi, że każdego dnia setki milionów ludzi na świecie korzysta z Grafiki Google do odkrywania i eksploracji treści w Internecie.
Dotrzyj do nowych klientów dzięki pozycjonowaniu w Google
Zamów bezpłatną wycenę!
Z danych StatCounter.com za pierwszy kwartał 2024 roku wynika, że Google jest zdecydowanie najpopularniejszą wyszukiwarką internetową w Polsce. Średnio ponad 95% użytkowników w kraju korzysta z niej na różnych typach urządzeń. Dużą popularnością cieszy się funkcja Google Grafika, choć szczegółowe dane dotyczące jej udziału w całości wyszukiwań nie są szeroko dostępne.
Najpopularniejsze wyszukiwarki w Polsce - źródło: StatCounter.com
Jak wyświetlają się zdjęcia w Google Grafika?
Nad wybranym obrazem pojawia się adres strony internetowej, natomiast pod, przycisk ,,Odwiedź'', który przenosi użytkownika do strony, na której znajduje się dana grafika. Jednak nie tylko z ich pomocą można przenieść się na stronę docelową. Również klikając w tytuł pod obrazkiem oraz w sam obrazek szybko przejdziecie do witryny, na której znajduje się interesująca Was grafika. Zmiany te pokazują, że rola grafiki na stronie nie sprowadza się już tylko do wspierania contentu i poprawy komfortu użytkowania, ale jest także ważnym źródłem ruchu, którego nie można ignorować.
Wyświetlanie wyniku w Google Grafika
Co wpływa na pozycję grafik i obrazów w Google Grafika?
Optymalizacja i pozycjonowanie zdjęć w Google Grafika przynosi korzyści całej witrynie. Na początku warto zadbać o unikalność grafik, gdyż to przyciąga użytkowników i pomaga wyróżnić stronę. Unikalne, oryginalne grafiki i zdjęcia własnego autorstwa są znacznie bardziej cenione przez Google i użytkowników. Przy tym należy pamiętać, aby te elementy były spójne z tematyką witryny – Google ocenia bowiem każde zdjęcie również na podstawie strony, na której się ono znajduje.
Co więcej, unikaj powielania wizualnych elementów i upewnij się, że posiadasz prawa do wykorzystywanych grafik. Naruszenie praw autorskich może wiązać się z poważnymi konsekwencjami, więc lepiej się tego wystrzegać.
Istnieją jeszcze inne elementy istotne podczas optymalizacji i pozycjonowania grafiki w Google. Poniżej przedstawiamy kilka z nich!
Pamiętaj!
Choć pozycjonowanie grafik to świetny sposób na pozyskanie wartościowego i darmowego ruchu z Google Grafika, to warto pamiętać, że aby uzyskać zadowalający efekt, potrzebny jest czas. Jednorazowe uzupełnienie opisów alternatywnych czy zmiana formatów plików to dopiero początek drogi do zbudowania trwałej widoczności. Algorytmy Google analizują obrazy przez pryzmat całego serwisu. Warto więc nie tylko skupiać się na samych parametrach technicznych zdjęć, ale również na kontekście, w jakim się znajdują. Ważne, aby grafika była naturalnym, czytelnym dopełnieniem tekstu i – przede wszystkim – znajdowała się w bezpośrednim sąsiedztwie powiązanej tematycznie treści. Spójność warstwy wizualnej z otaczającym ją contentem ma znaczący wpływ na to, jak roboty Google zinterpretują stronę i jak wysoko ocenią jej wartość dla użytkownika.
Starannie dobrana nazwa i opis obrazka
Zacznę od najprostszego lecz często pomijanego działania optymalizacyjnego - odpowiedniego nazewnictwa. Przed przesłaniem grafiki na stronę, należy pamiętać o nadaniu jej odpowiedniej nazwy. Powinna ona w skrócie odzwierciedlać to, co znajduje się na obrazku i zawierać, o ile to możliwe, słowa kluczowe, na które ma rankować w wynikach wyszukiwania Google Grafika. Podczas tworzenia nazw zdjęć należy pamiętać o tym, aby nie były zbyt długie, nie zawierały polskich znaków, a spacje były zastąpione znakiem myślnika " - ", np. buty-do-biegania-adidas-falcon.jpg. Nazewnictwo, którego należy się wystrzegać to m.in. DSC4248.jpg.
Właściwe nazewnictwo obrazka
Atrybut alt i title
Kolejnym super prostym działaniem pomagającym grafice zajmować wyższą pozycję w wyszukiwarce obrazów Google oraz zwiększającym trafność strony i wpływającym pozytywnie na UX, jest zastosowanie atrybutów alt i title w tagu HTML <img>. Atrybut alt, znany również jako tekst alternatywny, jest używany do opisywania zawartości obrazów na stronach internetowych i jest kluczowy zarówno dla dostępności witryny, jak i dla SEO. W przypadku linków graficznych opis alternatywny oraz tytuł zapewniają wyszukiwarkom odpowiedni kontekst odnoszący się do strony docelowej, co dodatkowo pomaga w jej rankingu. W przypadku tych atrybutów należy pamiętać o gramatycznej spójności oraz zwięzłości. Alt odtwarzane są na głos przez oprogramowanie ułatwiające dostęp i czytniki ekranowe, a atrybuty tytułu pojawiają się, gdy odwiedzający najeżdżają kursorem na obrazy. Nie umieszczaj tam listy słów kluczowych, staraj się, aby title był uzupełnieniem opisu alternatywnego.
Odpowiednio dobrany atrybut alt obrazka
W przypadku sklepów internetowych często dobrym pomysłem, jest dodanie kodów SKU (Stock Keeping Unit), numerów ISBN (International Standard Book Number) lub numerów modeli do atrybutów alt zdjęć produktów, ponieważ czasami użytkownicy szukają bardzo konkretnych towarów. Pamiętaj, że podpisy obrazków na stronie i słowa kluczowe w otaczającym obszarze tekstowym pomagają także wyszukiwarce Google w uzyskaniu większego contentu dla obrazów i poprawiają ich pozycję w rankingu. Samo umieszczanie obrazów w bezpośrednim sąsiedztwie powiązanego z nimi tekstu pomaga algorytmom precyzyjnie zrozumieć ich powiązanie z tematem.
Wysoka jakość grafiki
Pryncypialną zasadą dla każdego administratora strony www powinno być pozyskiwanie jedynie najwyższej jakości zdjęć i grafik. Równie ważna jest ich unikalność. Samodzielnie zrobione grafiki czy fotografie przyciągają uwagę użytkowników znacznie bardziej niż pobrane ze stocka darmowe obrazy pojawiające się na wielu witrynach internetowych.
Czy wiesz, że Google potrafi rozpoznać popularne zdjęcia z darmowych stocków w ułamku sekundy?
Algorytmy wyszukiwarki korzystają z technologii mapowania pikseli i zaawansowanego rozpoznawania obiektów. Google doskonale wie, czy grafika na Twojej stronie jest autorska, czy pochodzi z darmowego banku zdjęć, z którego skorzystały już tysiące innych witryn na świecie.
Użycie świeżych, niewykorzystywanych wcześniej zdjęć jest pozytywnie odbierane przez roboty wyszukiwarki oraz osoby odwiedzające stronę. Jedną z metod sprawdzenia unikalności obrazu znajdującego się na stronie, jest przesłanie go do wyszukiwarki grafiki. Jeśli dany obraz nie pojawi się w wynikach wyszukiwania na innych stronach internetowych możesz mieć pewność, że nikt poza Tobą nie wykorzystał go na swojej witrynie.
Wyszukiwarka Google Grafika
Format, rozmiar i wymiary
Format plików graficznych ma istotny wpływ na czas ładowania strony. Wybór odpowiedniego formatu pliku graficznego, takiego jak JPEG, PNG czy WebP, ma kluczowe znaczenie dla optymalizacji szybkości ładowania i jakości wizualnej. Grafika Google obsługuje obrazy formatach: BMP, GIF, JPEG, PNG, WebP, SVG i obrazy w treści. Pliki JPEG są zwykle bardziej przyjazne dla SEO niż pliki PNG. Dlatego jeśli nie zależy Ci na przezroczystym tle, wykorzystaj zdjęcia w formacie JPG, ponieważ można uzyskać lepsze poziomy kompresji, przez co obrazy wczytują się znacznie szybciej.
Logo i inne grafiki generowane komputerowo w wysokiej rozdzielczości mogą wykorzystywać wektorowy format pliku SVG (Scalable Vector Graphics). Jest to format grafiki dwuwymiarowej oparty o XML obsługiwany przez wszystkie nowoczesne przeglądarki. Może on być umieszczony bezpośrednio w kodzie strony lub jako zewnętrzny element.
Porównanie grafiki wektorowej i rastrowej
Format GIF powinien być zarezerwowany dla prostych animacji, które nie wymagają szerokiej skali kolorów (są one ograniczone do 256 kolorów). W przypadku dużych i długich animowanych obrazów najlepszym rozwiązaniem będzie użycie formatu wideo.
Duże znaczenie w pozycjonowaniu zdjęć ma rzeczywisty rozmiar pliku (w kilobajtach). Zawsze, jeśli to możliwe, staraj się zapisywać go poniżej 100 KB. Jeżeli zaś konieczne jest użycie większego rozmiaru pliku w sekcji above the fold (w przypadku banerów), pomocne będzie zapisywanie obrazów jako progresywne pliki JPG, w których obrazy mogą zacząć się stopniowo wyświetlać podczas ładowania (najpierw pojawia się rozmyta wersja pełnego obrazu i stopniowo wyostrza się w miarę pobierania większej liczby bajtów).
Chociaż narzędzia kontrolne, tj. Google Lighthouse czy PageSpeed Insights, zalecają bardziej szczegółowe formaty kompresji warto pamiętać, że używanie nowoczesnych formatów nowej generacji, takich jak WebP lub AVIF, oferuje doskonałą jakość grafiki przy znacznie mniejszym rozmiarze pliku.
W przypadku wymiarów (wysokości i szerokości obrazu), upewnij się, że grafiki nie są szersze niż najpopularniejsze największe rozdzielczości ekranu komputera stacjonarnego (która zwykle ma maksymalnie 2560 pikseli szerokości) W przeciwnym razie przeglądarki niepotrzebnie je przeskalują. Sprawdź też czy Twój CSS tworzy responsywne obrazy, czyli takie, które dostosowują się automatycznie do rozmiaru ekranu. W zależności od potrzeb wizualnych witryny może to oznaczać zapisywanie różnych wersji tego samego obrazu w różnych wymi
arach, aby dynamicznie wyświetlać najbardziej zoptymalizowany obraz na podstawie ekranu użytkownika (telefon komórkowy, tablet, rozszerzone lub zmienione okno pulpitu itp.).
Obrazy mogą nie tylko spowolnić stronę ze względu na ich format, rozmiar i ilość, ale mogą także spowolnić działanie w zależności od sposobu ładowania.
Ładowanie się zdjęć na stronie
Optymalizacja i pozycjonowanie zdjęć skupia się także na odpowiednim ładowaniu się obrazów. Mimo że protokół sieciowy HTTP / 2 usprawnił proces ładowania wielu obrazów jednocześnie, powolne ładowanie się zdjęć w sekcji below the fold, może w niektórych przypadkach zapewnić znaczną poprawę wydajności (szczególnie ciężkich artykułów lub obrazów o długim formacie, tj. galerie). Lazy loading, czyli leniwe ładowanie, to technika optymalizacji, która polega na opóźnieniu ładowania obrazów do momentu, gdy są one rzeczywiście potrzebne. Powolne (czy raczej odroczone) ładowanie pozwala na szybsze uruchomienie samej strony, podczas gdy pobieranie obrazów poza ekranem rozpocznie się dopiero po przewinięciu witryny przez użytkownika.
W przypadku dużych galerii zdjęć technika ta pozwala na ładowanie obrazów tylko w momencie, gdy użytkownik przewija stronę w ich kierunku. Może to znacząco zmniejszyć początkowy czas ładowania, co jest szczególnie korzystne dla użytkowników mobilnych z ograniczonym transferem danych. Taka optymalizacja techniczna bezpośrednio przekłada się na szybkość działania witryny, co obecnie stanowi kluczowy czynnik rankingowy Google. Chociaż ta technika ma olbrzymie zalety, istnieje ryzyko, że niekorzystnie wpłynie na indeksowanie obrazu, jeśli nie zostanie poprawnie zaimplementowana (sprawdź jak przyspieszyć stronę internetową).
Mapa obrazów
W indeksowaniu obrazów pomaga również mapa witryny, jeśli ich wykrywanie i indeksowanie jest problematyczne. Mapa obrazów jest dedykowanym plikiem XML, który zawiera dokładne lokalizacje (URL-e) grafik dostępnych na stronie, co znacznie ułatwia ich indeksowanie przez wyszukiwarki. Stanowi ona zbiór informacji na temat obrazów znajdujących się w obrębie witryny. Ich zadaniem jest ułatwienie odczytywania obrazów oraz wskazanie, które z nich powinny być zaindeksowane przez roboty Google. Mapa witryny z obrazami różni się od zwykłych map witryn tym, że może zawierać adresy URL grafik pochodzące z innych domen.
Rozdzielczość — wymiar grafiki w px
Kolejnym często pomijanym obszarem optymalizacji jest skalowanie obrazów. Strony często ładują obrazy, które są następnie pomniejszane przez przeglądarki, aby dopasować je do konfiguracji ekranu użytkownika. Ważne jest, aby nie wyświetlać szerszych obrazów niż okno użytkownika, w celu zaoszczędzenia na niepotrzebnych bajtach. Tworzenie i optymalizacja szablonu strony internetowej, która będzie poprawnie wyświetlać się w wielu rozdzielczościach stanowi nie lada wyzwanie dla developerów. Bardzo ważne jest poprawne skalowanie grafik, tak aby były dostosowane do liczby pikseli dostępnych w danym urządzeniu.
Sprawdzanie oryginalnego rozmiaru grafiki na stronie
Aby zobaczyć oryginalny rozmiar obrazka, kliknij go prawym przyciskiem myszy, wybierz polecenie Inspect (Zbadaj) i umieść wskaźnik myszy nad elementem img. Twoim oczom ukażą się wymiary obrazu wraz ze zmniejszoną wersją przeglądarki.
Tag graficznego indeksowania
Pamiętaj, że jeśli chcesz, aby Twoje obrazy były indeksowane i pozycjonowane w Grafice Google, powinieneś użyć zwykłego tagu HTML
<img src="zdjecie.jpg" alt="Opis alternatywny">Atrybut "src" pozwala zlokalizować grafikę. W tym miejscu można podać link do dowolnego obrazka z Internetu lub zlokalizowanego na serwerze ftp. Parametry atrybutów należy umieszczać w " ".
Audyt obrazów
Pozycjonowanie w Google sklepów i innych witryn powinno być poprzedzone wnikliwym audytem, podczas którego zbadane zostaną wszystkie elementy mające wpływ na pozycje w wyszukiwarce Google. Analizie powinny zostać poddane również elementy graficzne. Najszybszym i najprostszym sposobem uzyskania informacji o wszystkich obrazach znajdujących się na stronie internetowej, jest skorzystanie z narzędzia Screaming Frog. Z jego pomocą bez problemu wygenerujesz listę wszystkich elementów graficznych oraz otrzymasz informacje o ich rozmiarze, czy zawartości atrybutu alt.
Screaming Frog
Audyt SEO nie mógłby się odbyć również bez narzędzi stworzonych przez Google: Lighthouse oraz PageSpeed Insight, które dostarczają szczegółowych danych o technicznych parametrach witryny, wskazują błędy oraz prezentują sugestie, jak poprawić skuteczność strony, również w zakresie grafiki.
Wynik analizy narzędziem PSI.
Jak sprawdzić, czy pozycjonowanie grafiki w wyszukiwarce Google przynosi efekty?
Najprostszym sposobem sprawdzenia jak grafika z naszej strony radzi sobie w Google jest skorzystanie z narzędzia Google Search Console. To darmowe narzędzie do monitorowania efektywności pozycjonowania zdjęć w Google, które pozwala na szczegółowe analizowanie widoczności oraz ruchu generowanego bezpośrednio przez obrazy.
Aby wyświetlić wydajność obrazów w wyszukiwarce, należy zalogować się do zweryfikowanej Consoli -> następnie przejść do raportu Skuteczności (Wyniki wyszukiwania) -> ustawić typ wyszukiwania na "Grafika" -> kliknąć "Zastosuj".
Typ wyszukiwania w Google Search Console
Raport z wyszukiwania grafiki w GSC
Co warto wiedzieć o raportach Google Search Console
Narzędzie nie wyodrębnia różnych obrazów na tej samej stronie, dlatego niestety nie zobaczymy nazw plików wyświetlanych w SERPach. Ujrzymy jedynie strony, na których osadzona jest grafika.
W przypadku pozycji liczba wyników wyświetlanych w wierszu zależy od szerokości ekranu. Jest liczona od lewej do prawej z góry do dołu.
Jeśli obraz jest wyświetlany w zwykłych SERPach, a nie w wyszukiwarce grafiki, jego kliknięcia, wyświetlenia i pozycje będą raportowane osobno w zwykłych wynikach internetowych.
FAQ – Najczęściej zadawane pytania
Podsumowując...
Często pomijane i niedoceniane obrazy zaczynają powoli wychodzić przed szereg elementów, od których zależy pozycjonowanie stron internetowych. Zyskują coraz większą uwagę, a ich znaczenie wzrasta wśród użytkowników Internetu, którzy znajdują interesujące ich produkty za pomocą wyszukiwania grafiki. Wobec tego warto pozycjonować zdjęcia w Google!
Problem z widocznością w wyszukiwarce Google?
Zdaj się na specjalistów z KS!
Jeśli chcesz, aby zasoby graficzne z Twojej strony były lepiej widoczne w wyszukiwarce obrazów:
- zadbaj przede wszystkim o jej pozytywny odbiór przez użytkowników,
- myśl o odbiorcach strony, a nie wyszukiwarkach,
- zadbaj o dobry kontekst umieszczając na stronie tylko oryginalne treści i obrazy,
- umieszczaj grafiki zawsze obok związanej z nimi treścią,
- dbaj o najwyższą jakość informacji na stronie, ponieważ dla Grafiki Google treści są tak samo ważne jak obrazy,
- dostosuj swoją stronę do różnych typów urządzeń
- wdrażaj dane strukturalne (schema.org), które pozwalają dodatkowo zwiększyć widoczność zdjęć w wynikach wyszukiwania Google (np. jako elementy rozszerzone).
