Brakujące pole „image” - jak rozwiązać?

   Ostatnio zainteresowałem się błędem jaki od dawna pojawia mi się w jednym z raportów Google Search Console. Chodzi o błąd „Brakujące pole image ” na niektórych stronach produktowych w moim sklepie intenrnetowym. Jeżeli pojawia się wam taki komunikat rozwiązanie jest bardzo proste, zapraszam.

Jak rozwiązać problem - Brakujące pole „image”

   Aby naprawić błąd wystarczy w kodzie strony dodać do znacznika <img> parametr itemprop="image". Powinno to być wykonane dla znacznika odpowiadającego za główne zdjęcie produktowe na stronie. Jest to właściwość obiektu html identyfikujący go jako główny obrazek, lub obrazek produktowy.

Ja działam na Shoper, ale rozwiązanie będzie podobne na każdej platformie. Zastrzegam, że nie biorę za pomoc ani pieniędzy ani odpowiedzialności. Jeśli nie masz doświadczenia testuj na bezpiecznej kopii, zmiany wprowadzasz na swoją odpowiedzialność. Jak edytować kod html na Twojej platformie musisz sprawdzić na stronie swojej platformy.

Jak naprawić błąd na platformie Shoper?

   Używam podstawowego szablonu RWD. Przypuszczam, że w innych wygląda to podobnie. Do dzieła:

• Zaloguj się do sklepu
• Przejdź w Wygląd i treści / Wygląd sklepu / Obecny szablon graficzny / Edycja zaawansowana
• Wybierz z listy product/ galery.tpl
• Z menu zębatki wybierz Edytuj
• W kodzie znajduje się kilka znaczników <img (różne parametry, class, src, alt, itp.)>. Nas interesują pierwsze dwa, odnoszące się do głównego zdjęcia produktowego. Znacznik ten mimo że otwarty w jednej linijce u mnie zamyka się dopiero po kilku linijkach, ponieważ parametrów jest dużo, a tekst formatuje się niezbyt dobrze w okienku edycji.
• Wewnątrz pierwszego i drugiego znacznika znajduje się sporo kodu, nie kasujemy nic, jedynie dopisujemy swój parametr itemprop="image" wewnątrz znacznika po spacji. Wyglądać to będzie mniej więcej tak:
• <img itemprop="image" (różne parametry, class, src, alt, itp.)>
• W dalszej części kodu jest jeszcze znacznik wywołujące zdjęcia w małej galerii pod zdjęciem, tych nie ruszamy.
• Kliknij zapisz

Zmiany powinny być widoczne na stronach produktowych w ciągu kilku sekund. Możemy zweryfikować czy wszystko działa sprawdzając poprawki w Search Console.

Jeżeli u Ciebie wygląda to inaczej użyj narzędzia inspekcji (dev tools) wyszukiwarki żeby odnaleźć fragment kodu, który u Ciebie odpowiada za główne zdjęcie produktowe.

Czy można to bezpiecznie dodać?

   Umieszczenie samego parametru itemprop=”image” nie powinno spowodować błędów w działaniu sklepu o ile nie skasujemy przy okazji innej części kodu. Mimo wszystko należy pamiętać, że na przykład Shoper nie obejmuje pomocą techniczną modyfikowanych plików, jeżeli coś popsujemy musimy przywrócić plik. Dlatego zmiany tego typu lepiej jest testować na kopii szablonu, zachowywać oryginał, oznaczać zmiany.

Skąd się bierze ten błąd

   Błąd ten występuje na stronach produktowych. Informuje nas o tym, że google ma kłopot z rozpoznaniem które zdjęcie jest tutaj zdjęciem produktowym. Ma to znaczenie dla pokazywania strony docelowej jako rozszerzony wynik wyszukiwania, na przykład snippet.

Jak wpływa poprawka na pozycję sklepu?

   Bardzo długo zwlekałem z badaniem tego błędu i uważam, że nie jest to poważny błąd. Strony produktowe nie pozycjonują się zbyt dobrze z natury, a google jeśli będzie chciał i tak wybierze jakieś zdjęcie jako wynik rozszerzony.

Zmiany wykonałem wczoraj, teraz trochę poczekam aż google sprawdzi poprawkę i za miesiąc lub dwa dopiszę tutaj jak zmieniła się średnia pozycja sklepu i poszczególnych poprawionych produktów. W oczekiwaniu na ciąg dalszy zapraszam do lektury pozostałych części bloga. W szczególności może Cię zainteresować artykuł o podstawach technicznego SEO.

PS: Jeżeli masz jakieś pytanie zadaj je w komentarzu! Odpowiem na wszystkie :)