Preferowany obraz strony Google: jak wskazać właściwe zdjęcie

Google pokazuje przy stronie logo, przypadkową grafikę albo zdjęcie, którego nikt z zespołu nawet nie kojarzy? Spokojnie, to nie musi oznaczać awarii. Wyszukiwarka sama wybiera obraz podglądu i bierze pod uwagę różne informacje zapisane na stronie. Człowiek może jej jednak podpowiedzieć, który obraz najlepiej reprezentuje daną treść.

Do tego służą między innymi og:image, primaryImageOfPage oraz właściwość image przypisana do głównego obiektu strony. Ważne zastrzeżenie: to podpowiedzi, nie pilot do sterowania każdym wynikiem Google. Nie da się zagwarantować jednej konkretnej miniatury w każdym miejscu, na każdym urządzeniu i dla każdego zapytania. Da się za to uporządkować sygnały i zwiększyć szansę na sensowny obraz.

Google wybrał logo zamiast właściwego zdjęcia — skąd ten numer?

Google nie patrzy wyłącznie na jeden fragment kodu. Obraz podglądu może zostać wybrany na podstawie różnych źródeł informacji znajdujących się na stronie. Właściciel witryny może wskazać preferowany obraz w metadanych, ale ostateczna decyzja nadal należy do systemów wyszukiwarki. Czasem logo wydaje się jej najprostszym skrótem: jest dostępne, powtarza się na wielu podstronach i łatwo je znaleźć. Dla właściciela strony nie zawsze jest jednak najlepszą reprezentacją konkretnego artykułu, usługi czy podstrony firmowej.

Dlatego warto myśleć o tym jak o dobrze napisanej etykiecie na pudełku. Nie zmusza kuriera do położenia paczki w konkretnym miejscu, ale pomaga mu zrozumieć, co jest w środku. Preferowany obraz powinien pasować do treści, być dostępny dla robotów i mieć sens także dla użytkownika. Same metadane nie są obietnicą konkretnej miniatury ani gwarantowanym czynnikiem rankingowym. Ich zadaniem jest przekazać Google czytelną informację o tym, jaki obraz reprezentuje stronę.

og:image, primaryImageOfPage i image — co jest czym?

Te nazwy brzmią jak trzy zaklęcia z instrukcji do starego routera, ale opisują po prostu różne sposoby przekazania Google informacji o obrazie.

og:image to znacznik meta Open Graph umieszczany w metadanych strony.
primaryImageOfPage to właściwość schema.org używana w danych strukturalnych strony.
image może wskazywać obraz przypisany do głównego obiektu strony.

Google wymienia te źródła jako sposoby, które mogą wpływać na wybór obrazu podglądu. Nie ma jednak podstaw, żeby obiecywać konkretną kolejność pierwszeństwa między nimi. Nie chodzi więc o wybór jednego magicznego znacznika, który zawsze wygrywa. Chodzi o spójne opisanie strony i wskazanie obrazu, który rzeczywiście do niej pasuje.

Dwa systemy, jeden cel

og:image należy do metadanych Open Graph. To osobny system oznaczania treści strony. primaryImageOfPage oraz image należą do danych strukturalnych schema.org. Nie są tym samym, choć mogą wskazywać ten sam plik graficzny i służyć podobnemu celowi: opisaniu reprezentatywnego obrazu.

Najprościej zapamiętać to tak: Open Graph mówi „ten obraz jest związany ze stroną”, a dane strukturalne opisują relację obrazu z obiektem strony w bardziej uporządkowany sposób. W praktyce osoba nietechniczna nie musi samodzielnie pisać całego kodu. Wystarczy przekazać osobie wdrażającej jasną informację: dla tej konkretnej strony wybrany obraz ma być wskazany w odpowiednich metadanych, bez mieszania nazw i bez podawania przypadkowego pliku.

Jak wskazać preferowany obraz strony

Najpierw wybierz jeden konkretny obraz, który naprawdę reprezentuje treść danej strony. Inny plik może pasować do strony głównej, inny do wpisu, a jeszcze inny do podstrony usługi. Nie chodzi o wrzucenie pierwszej grafiki znalezionej w folderze „różne”. Obraz powinien być częścią sensownego opisu strony.

Następnie jego adres należy wskazać w odpowiednich metadanych: przez og:image, przez primaryImageOfPage albo przez właściwość image przypisaną do głównego obiektu strony. Google wymienia te mechanizmy jako sygnały, które mogą pomóc w wyborze obrazu. Wdrożenie warto traktować jako uporządkowanie informacji, a nie jako żądanie: „Google, pokaż dokładnie ten plik i ani się waż wybrać inny”.

Prosta kolejność działania

Wybierz reprezentatywną grafikę. Zdecyduj, który obraz najlepiej tłumaczy temat konkretnej strony.
Dodaj adres obrazu do właściwych metadanych. Może to być og:image, primaryImageOfPage albo image przypisane do głównego obiektu.
Sprawdź dostępność. Strona i obraz powinny być możliwe do znalezienia, przetworzenia i indeksowania przez Google.
Zweryfikuj wdrożenie. Nie zakładaj, że sam wpis w kodzie załatwi temat. Sprawdź dane oraz sposób renderowania strony.
Pamiętaj o prawach do pliku. Firma powinna mieć prawo do wykorzystania wybranego zdjęcia lub grafiki.

Jeśli obraz jest niewidoczny dla użytkownika, niezwiązany z treścią albo niedostępny dla robotów, samo podanie jego adresu w metadanych niewiele pomoże. Szczególnie dane strukturalne powinny opisywać treść zgodną z rzeczywistą zawartością strony.

Jak wybrać obraz, który ma sens

Najlepszy obraz to niekoniecznie najbardziej efektowna grafika z całego dysku. Powinien być bezpośrednio związany z głównym tematem strony i pomagać zrozumieć, czego dotyczy treść. Jeżeli strona opisuje usługę, reprezentacja powinna mieć z nią logiczny związek. Jeżeli dotyczy konkretnego materiału, warto wskazać grafikę pasującą właśnie do tego materiału, a nie uniwersalny obraz używany wszędzie.

Google zaleca unikanie ogólnych grafik, na przykład samego logo jako reprezentacji każdej podstrony. Ostrożnie podchodź też do obrazów z dużą ilością tekstu. Na małej miniaturze taki napis może stać się nieczytelną plamą. Nie wybieraj również skrajnie wąskich ani skrajnie szerokich proporcji. Nie chodzi o jeden obowiązkowy wymiar, tylko o rozsądny obraz, który ma szansę wyglądać normalnie w różnych miejscach.

Checklist przed wskazaniem grafiki

Czy obraz pasuje do treści i głównego tematu strony?
Czy nie jest wyłącznie ogólnym logo, które powtarza się wszędzie?
Czy nie zawiera tak dużej ilości tekstu, że w podglądzie będzie nieczytelny?
Czy proporcje nie są skrajnie wąskie albo skrajnie szerokie?
Czy jakość jest dobra, ale plik niepotrzebnie nie obciąża strony?
Czy firma ma prawa do wykorzystania zdjęcia lub grafiki?

Wysoka jakość jest ważna, ale duży obraz może zwiększać rozmiar strony i spowalniać jej ładowanie. To klasyczny kompromis: miniatura ma wyglądać dobrze, lecz nie powinna być ciężkim bagażem doczepionym do całej witryny. Nie ma potrzeby dorabiać do tego magicznych liczb. Wystarczy rozsądnie ocenić jakość, wagę pliku i jego zastosowanie.

Szybka kontrola: czy Google widzi właściwy obraz?

Po wdrożeniu nie oceniaj sytuacji wyłącznie na podstawie tego, że ktoś zobaczył właściwy plik w kodzie strony. Trzeba sprawdzić, czy dane strukturalne są odczytywane oraz czy Google może dotrzeć do samego obrazu. To dwie różne rzeczy. Kod może wyglądać poprawnie, a zasób może być niedostępny dla robotów.

Do kontroli przydają się dwa narzędzia Google: Rich Results Test oraz URL Inspection w Google Search Console. Pierwsze służy do sprawdzenia obsługiwanych danych strukturalnych. Drugie pozwala sprawdzić status adresu, wykonać test na żywo i zobaczyć, jak strona jest renderowana przez Google.

Test w dwóch krokach

Uruchom Rich Results Test. Sprawdź, czy dane strukturalne na stronie są odczytywane i czy nie ma problemu z ich wdrożeniem.
Użyj URL Inspection. Skontroluj adres strony, test na żywo, sposób renderowania oraz dostępność wskazanego obrazu i innych zasobów.
Sprawdź sam adres obrazu. Obraz użyty w danych strukturalnych musi być możliwy do crawlowania i indeksowania.
Nie chowaj obrazu wyłącznie w tle CSS. Obrazy użyte tylko jako tło CSS nie są właściwym sposobem osadzania grafiki przeznaczonej do przetwarzania przez Google. Standardowe elementy HTML img są odpowiednim sposobem osadzania obrazów.
Daj Google czas. Po zmianach wyszukiwarka może potrzebować czasu na ponowne pobranie i przetworzenie strony.

Pozytywny test techniczny nie gwarantuje, że konkretna miniatura pojawi się w wynikach. Pokazuje raczej, że wdrożenie i dostępność można poprawić lub potwierdzić. Wygląd wyniku nadal zależy od systemów Google i kontekstu konkretnego zapytania.

Najczęstsze błędy i czego nie obiecywać klientowi

Najczęstszy błąd to traktowanie jednego znacznika jak przycisku „ustaw tę miniaturę na zawsze”. og:image może być ważnym sygnałem, ale nie daje gwarancji. Tak samo primaryImageOfPage i image nie zapewniają konkretnej prezentacji w każdym wyniku. Nie należy też zakładać, że poprawne dane strukturalne automatycznie dadzą określony efekt wizualny albo rankingowy.

Drugi problem to obraz niedopasowany do strony: przypadkowe zdjęcie, sama grafika firmowa używana wszędzie, plik z nadmiarem tekstu albo obraz niedostępny dla Google. Kłopotem może być również zbyt ciężki plik. Dobra miniatura nie powinna być okupiona niepotrzebnym obciążeniem całej strony. No i sprawa prozaiczna, ale ważna: obecność zdjęcia w metadanych nie rozwiązuje kwestii praw do jego wykorzystania.

Checklista przed publikacją

Obraz pasuje do treści i głównego tematu strony.
Wybrany adres obrazu jest dostępny dla Google.
Metadane wskazują właściwy plik przez odpowiedni mechanizm.
Obraz nie jest mylący, przypadkowy ani użyty wyłącznie jako tło CSS.
Grafika nie ma skrajnych proporcji i nie zawiera nadmiaru tekstu.
Plik nie obciąża strony bardziej, niż to potrzebne.
Firma ma prawa do wykorzystania zdjęcia lub grafiki.
Dane zostały sprawdzone w Rich Results Test, a stronę skontrolowano przez URL Inspection.
Nikt nie obiecuje konkretnej miniatury w każdym wyniku Google.

Podsumowując: preferowany obraz strony Google można wskazać przez og:image, primaryImageOfPage lub image przypisane do głównego obiektu strony. Najważniejsze są zgodność grafiki z treścią, dostępność dla robotów, rozsądna jakość i kontrola wdrożenia. Google nadal sam decyduje o prezentacji wyniku, więc metadane są podpowiedzią, nie pilotem do każdej miniatury. Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.