Zdjęcie na stronie to nie tapeta do wypełnienia pustego miejsca. Może pokazać realizację, produkt, wnętrze albo sposób działania usługi. Może też być zwykłym ozdobnikiem, który robi klimat, ale nie niesie żadnej ważnej informacji. I właśnie od tej różnicy warto zacząć, bo SEO obrazów na stronie nie polega na wrzuceniu fotografii do biblioteki mediów i liczeniu na cuda.
Znaczenie ma sposób osadzenia grafiki, nazwa pliku, tekst alternatywny, format, rozmiar oraz dopasowanie do telefonu i komputera. Dobrze przygotowany obraz jest czytelniejszy dla użytkownika, bardziej przyjazny dla technologii asystujących i łatwiejszy do zrozumienia przez Google. Poniżej masz prosty proces oraz checklistę, którą da się przejść przed kliknięciem „opublikuj”. Bez zaklęć i bez upychania fraz gdzie popadnie.
Obrazek to część treści, nie tapeta
Najpierw zadaj sobie jedno pytanie: po co ten obraz znajduje się na stronie? Jeśli pokazuje produkt, efekt pracy, wnętrze albo ważny etap usługi, jest częścią treści. Użytkownik powinien móc zrozumieć, co ogląda, nawet jeśli nie widzi obrazu tak jak większość osób. Taka grafika potrzebuje sensownego opisu i poprawnego osadzenia.
Inaczej traktuje się dekoracyjne tło, delikatny wzór albo ozdobnik obok nagłówka. Jeśli usunięcie takiej grafiki nie zabiera żadnej ważnej informacji, nie ma sensu dopisywać do niej epopei o firmie, lokalizacji i wszystkich możliwych słowach kluczowych. SEO obrazów na stronie obejmuje między innymi element img, nazwę pliku, alt, odpowiedni format i dopasowanie do ekranu. Żaden z tych elementów samodzielnie nie gwarantuje widoczności w Google Images, wzrostu ruchu ani lepszej pozycji.
Alt bez spamu: prosty sposób pisania tekstów alternatywnych
Tekst alternatywny zdjęcia ma pomagać zrozumieć obraz. Nie jest schowkiem na frazy kluczowe. Najpierw ustal, co użytkownik powinien wynieść z grafiki w konkretnym miejscu strony. Potem napisz krótko i naturalnie to, co rzeczywiście widać albo jaką funkcję pełni obraz.
Przykład? Przy zdjęciu realizacji lepszy będzie opis „drewniana kuchnia na wymiar w jasnym wnętrzu” niż „kuchnia kuchnie meble kuchenne kuchnia na wymiar”. Ten pierwszy brzmi jak normalny opis. Drugi wygląda jak lista słów wrzucona do jednego worka. Upychanie fraz w atrybucie alt może pogorszyć doświadczenie użytkownika i zostać odebrane jako spam.
Nie dopisuj też informacji, których na zdjęciu nie ma. Jeśli fotografia pokazuje wnętrze, nie zamieniaj jej w reklamowy akapit z lokalizacją, wieloletnim doświadczeniem i obietnicą najlepszego efektu. Takie informacje mogą być ważne, ale powinny znaleźć się w odpowiednim tekście strony, nie w opisie obrazka.
Szybki test: informacyjny czy dekoracyjny?
Wyobraź sobie, że obraz znika. Czy użytkownik traci ważną informację? Jeśli tak, przygotuj krótki opis zgodny z treścią i funkcją grafiki. Dotyczy to zdjęć produktów, realizacji, osób, wnętrz oraz obrazów pełniących funkcję linku lub przycisku. Pusty alt="" nie będzie tu dobrym skrótem.
Jeśli obraz jest wyłącznie dekoracyjny albo jego treść została już dokładnie opisana obok, można zastosować pusty alt="". Dzięki temu technologie asystujące mogą go pominąć i nie męczyć użytkownika kolejnym opisem ozdobnika. Przed publikacją sprawdź trzy rzeczy:
- Zgodność: czy opis mówi o tym, co faktycznie widać?
- Potrzeba: czy obraz przekazuje informację, czy tylko ozdabia stronę?
- Naturalność: czy tekst brzmi jak opis, a nie jak upchana lista fraz?
IMG_0001.jpg kontra opisowa nazwa pliku
Nazwa pliku zdjęcia ma znaczenie, choć nie jest magicznym przyciskiem „włącz SEO”. Google traktuje ją jako lekką wskazówkę dotyczącą zawartości obrazu. Dlatego przed wgraniem warto zmienić IMG_0001.jpg na krótką, opisową nazwę, na przykład fryzjer-meskie-strzyzenie.jpg albo salon-fryzjerski-warszawa.jpg — oczywiście tylko wtedy, gdy zdjęcie naprawdę przedstawia to, co sugeruje nazwa.
Nazwa nie powinna być przeładowana słowami kluczowymi, lokalizacjami i synonimami. Nie zastępuje też kontekstu strony ani sensownego tekstu alternatywnego. Prosty proces wygląda tak: wybierz właściwe zdjęcie, nazwij plik przed wgraniem, sprawdź zgodność nazwy z obrazem i dopiero wtedy opublikuj grafikę. Mała rzecz, a nie zostawiasz Google zagadki w stylu „co autor miał na myśli?”.
CSS nie jest albumem dla Google
Jeśli zdjęcie ma być treścią strony i ma mieć szansę zostać odkryte przez Google, osadź je jako standardowy element HTML img. Obrazy użyte wyłącznie jako background-image w CSS nie są indeksowane przez Google. Tło CSS ma więc sens przede wszystkim przy dekoracji, ozdobnych kształtach i elementach wyglądu, które nie powinny funkcjonować jako samodzielne zdjęcia.
Warto przejrzeć zwłaszcza sekcję główną strony, banery, galerie, zdjęcia produktów i fotografie realizacji. Czasem coś wygląda jak zwykłe tło, ale w praktyce pokazuje najważniejszą część oferty. Wtedy techniczny skrót może sprawić, że dla wyszukiwarki obraz po prostu nie będzie samodzielną treścią. Przy ważnym zdjęciu zaplanuj adres w src oraz odpowiedni alt.
Co przejrzeć na stronie?
- Zdjęcie główne: sprawdź, czy nie jest wyłącznie tłem CSS.
- Usługi i produkty: zobacz, czy grafiki są osadzone jako
imgi mają opisy zgodne z treścią. - Galerie i realizacje: oddziel fotografie przekazujące informację od ozdobników.
Jest jeszcze jedna sprawa, której samo SEO nie rozstrzyga: przy zdjęciach klientów, pracowników, wnętrz i realizacji trzeba pamiętać o prawach do wizerunku, prawach autorskich oraz zgodzie na publikację. Technicznie poprawny obraz nie załatwia tych kwestii prawnych.
Jedno zdjęcie, kilka ekranów
Telefon, tablet i komputer nie mają tego samego ekranu. Nie ma więc sensu zawsze ładować największego pliku, jeśli na małym urządzeniu zdjęcie będzie wyświetlane jako niewielka grafika. Przy projekcie, który tego wymaga, przygotuj kilka wersji tego samego obrazu dla różnych szerokości ekranu. Do obsługi responsywnych obrazów można użyć srcset albo picture, zostawiając jednocześnie zapasowy adres w atrybucie src.
Nie wysyłaj bez namysłu zdjęcia prosto z aparatu do małej miniatury. Dobierz plik do rzeczywistego miejsca wyświetlania, zachowaj sensowne proporcje i ogranicz niepotrzebny rozmiar. Duże lub niepotrzebnie ciężkie obrazy mogą zwiększać rozmiar strony, zużycie transferu i czas ładowania. Nie ma jednak jednego uniwersalnego limitu wagi, wymiarów ani jakości kompresji dla każdej witryny. To zależy od projektu, miejsca użycia i technologii.
Format, kompresja i rozmiar bez zgadywania
Dobierz format do rodzaju grafiki, skompresuj plik i sprawdź, czy jakość wizualna nadal jest akceptowalna. Mały plik, który wygląda jak wspomnienie po ziemniaku, też nie jest sukcesem. Z drugiej strony ogromne zdjęcie użyte w małej miniaturze to niepotrzebny bagaż.
Po wdrożeniu sprawdź stronę na telefonie, komputerze i przy wolniejszym połączeniu. Zobacz, czy obrazy nie rozpychają układu i czy podczas ładowania nie przesuwają treści. Konkretne wymiary trzeba dobrać do projektu, więc nie wpisuj jednej wartości na ślepo do każdej grafiki. Responsywne obrazy pomagają, ale nie zastępują testów.
Mapa obrazów i checklista przed publikacją
Mapa obrazów może pomóc Google odkryć pliki, do których robot mógłby nie dotrzeć w inny sposób. To jednak wskazówka, nie gwarancja pobrania, indeksowania, widoczności ani pozycji obrazu. Sama mapa nie naprawi złego HTML-a, pustych opisów przy ważnych zdjęciach, ciężkich plików ani problemów na telefonie.
W niektórych systemach mapy mogą być generowane automatycznie, a szczegóły wdrożenia zależą od używanego systemu, motywu, wtyczki SEO i konfiguracji hostingu. Dlatego poniższa lista jest praktycznym sprawdzeniem przed publikacją, ale nie kompletnym audytem technicznym konkretnej strony.
Checklista w 30 sekund
- Czy nazwa pliku opisuje to, co faktycznie widać?
- Czy obraz jest informacyjny, dekoracyjny czy funkcjonalny?
- Czy tekst alternatywny jest naturalny, krótki i potrzebny?
- Czy ważny obraz jest osadzony jako
img, a nie wyłącznie jako tło CSS? - Czy dla różnych ekranów przygotowano odpowiednią wersję obrazu, gdy wymaga tego projekt?
- Czy użyto
srcsetalbopicture, a wsrcpozostawiono zapasowy adres? - Czy rozmiar i kompresja pasują do miejsca użycia?
- Czy strona była sprawdzona na telefonie i komputerze?
Dobre SEO obrazów na stronie nie polega na wciśnięciu frazy „SEO obrazów na stronie” w każde pole. Najpierw liczy się prawdziwa treść zdjęcia i jego funkcja. Potem poprawne osadzenie, naturalny alt, opisowa nazwa pliku oraz rozsądne przygotowanie wersji na różne ekrany. Mapa obrazów może pomóc w odkrywaniu plików, ale niczego sama nie gwarantuje. Jeśli chcesz przejść przez ten temat bez grzebania po omacku, Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
