Obrazy to nie ozdoby. To czynniki rankingowe. Zoptymalizowane obrazy przyspieszają stronę, pomagają wyszukiwarkom zrozumieć treść i zwiększają dostępność dla wszystkich osób odwiedzających. Większość stron całkowicie ignoruje optymalizację obrazów. Wgrywają ogromne, nieskompresowane pliki o bezsensownych nazwach i bez tekstu alternatywnego. To najłatwiejsza wygrana SEO, którą większość witryn zostawia na stole. Sprawdź, jak zoptymalizować obrazy, by pracowały na Twoje pozycje, a nie przeciwko nim.
Obrazy pełnią na stronie wiele funkcji. Przerywają tekst. Ilustrują pojęcia. Angażują osoby czytające. Wiele stron ignoruje jednak optymalizację obrazów. Wgrywają duże, nieskompresowane pliki. Używają nieprzydatnych nazw plików. Pomijają tekst alternatywny. Efekt to wolne strony, które wyszukiwarkom trudno zrozumieć.
Optymalizacja obrazów jest prosta. Obejmuje trzy elementy. Nazwy plików. Tekst alternatywny. Kompresję plików. Każdy z nich ma znaczenie dla SEO. Razem zmieniają obrazy z obciążenia dla pozycji w ich atut.
Nazwy plików obrazów powinny być opisowe
Wyszukiwarki czytają nazwy plików obrazów. Nazwa pliku mówi im, co zawiera obraz, jeszcze zanim przetworzą sam obraz.
Zła nazwa pliku: „DSC_4829.jpg” lub „image-2026-03-19.jpg”
Dobra nazwa pliku: „website-builder-dashboard-screenshot.jpg”
Dobra nazwa pliku mówi wyszukiwarkom, co pokazuje obraz. Zła nie mówi nic. Używaj opisowych nazw, które odzwierciedlają zawartość obrazu. Oddzielaj słowa myślnikami, nie podkreślnikami. Niech nazwy będą zwięzłe, ale konkretne.
Jeśli na stronie masz 10 zrzutów ekranu, nadaj im unikalne nazwy. „website-builder-step-1.jpg”, „website-builder-step-2.jpg”, „website-builder-step-3.jpg”. Unikalne nazwy pomagają wyszukiwarkom zrozumieć, że to różne obrazy o różnej zawartości.
Tekst alternatywny pomaga wyszukiwarkom rozumieć obrazy
Tekst alternatywny (alt) wyświetla się, gdy obraz się nie załaduje. Czytają go też czytniki ekranu dla osób z wadami wzroku. Wyszukiwarki używają go, by zrozumieć, czego dotyczą obrazy.
Zły tekst alt: „image”, „photo” lub puste pole
Dobry tekst alt: „Panel kreatora stron z widokiem wyboru szablonu, niebieskim nagłówkiem i siatką opcji szablonów”
Dobry tekst alt jest opisowy. Mówi osobom czytającym i wyszukiwarkom, co pokazuje obraz. Jest konkretny. Zamiast „strona” napisz „panel kreatora stron”. Zamiast „zrzut ekranu” napisz „zrzut ekranu z widokiem wyboru szablonu”.
Trzymaj tekst alt poniżej 125 znaków. Czytniki ekranu obcinają dłuższe opisy. Bądź opisowy, ale zwięzły. Nie musisz pisać „obraz przedstawiający” ani „zdjęcie przedstawiające”. Te słowa są oczywiste.
Dodawaj słowa kluczowe do tekstu alt, gdy pasują naturalnie
Jeśli strona celuje we frazę „panel kreatora stron” i masz zrzut ekranu takiego panelu, tekst alt powinien to odzwierciedlać. „Panel kreatora stron z wyborem szablonu” zawiera frazę naturalnie.
Nie wymuszaj jednak słów kluczowych. Nigdy nie pisz „panel kreatora stron szablon kreatora stron wybór kreatora stron interfejs kreatora stron”. To upychanie słów kluczowych, które szkodzi SEO. Pisz tekst alt, który opisuje obraz dla człowieka. Słowa kluczowe są na drugim miejscu.
Jeśli Twoja fraza nie pasuje naturalnie do tekstu alt, pomiń ją. Użyj zamiast tego słów semantycznych. „Interfejs panelu z dostępnymi szablonami” jest pomocny nawet bez dokładnej frazy.
Kompresuj obrazy, by przyspieszyć stronę
Duże pliki obrazów spowalniają strony. Wyszukiwarki wyżej oceniają szybsze strony. Szybkość strony to potwierdzony czynnik rankingowy. Kompresja obrazów poprawia szybkość i pozycje.
Nowoczesne formaty obrazów, jak WebP i AVIF, kompresują o 25-50% lepiej niż JPEG przy zachowaniu jakości. Jeśli używasz JPEG lub PNG, skompresuj je przed wgraniem za pomocą narzędzia do kompresji obrazów.
Skompresowany obraz może ważyć 80 KB zamiast 500 KB. Mniejszy plik ładuje się szybciej. Strona ładuje się szybciej. Wyszukiwarki oceniają Cię wyżej. Osoby odwiedzające mają lepsze doświadczenie. Kompresja obrazów daje korzyści w każdym aspekcie.
Używaj obrazów responsywnych, które skalują się do różnych rozmiarów ekranu
Osoby korzystające z telefonów oglądają Twoją stronę na mniejszych ekranach. Wysyłanie obrazu o szerokości 2000 pikseli na telefon, który wyświetla go w 400 pikselach, to marnotrawstwo. Telefon pobiera ogromny plik, a potem go zmniejsza. Obrazy responsywne wysyłają różne rozmiary na różne urządzenia.
Na komputer trafia duży obraz wysokiej jakości. Na telefon trafia mniejszy obraz zoptymalizowany pod ekrany mobilne. Takie podejście przyspiesza stronę na telefonach, a to kluczowe, bo większość wyszukiwań odbywa się na telefonach.
Dodawaj podpisy, gdy są potrzebne
Podpisy to tekst pod obrazem lub obok niego. Dają kontekst. Wyszukiwarki czytają podpisy razem z tekstem alt, by głębiej rozumieć obrazy. Podpisy pomagają też osobom czytającym zrozumieć, co widzą.
Nie każdy obraz potrzebuje podpisu. Ważne obrazy ilustrujące kluczowe pojęcia zyskują jednak na podpisach. Zrzut ekranu oprogramowania potrzebuje podpisu wyjaśniającego, co pokazuje. Diagram potrzebuje podpisu wyjaśniającego pojęcie.
Używaj map witryny dla obrazów przy ważnych obrazach
Mapa witryny dla obrazów informuje wyszukiwarki o obrazach na stronie. Pomaga im odkryć i zaindeksować obrazy, które mogłyby umknąć. Jeśli masz dużo obrazów, taka mapa sprawia, że wyszukiwarki znajdą je wszystkie.
Dla większości stron to opcjonalne. Jeśli jednak obrazy są kluczowe dla treści, jak w serwisach z przepisami, na stronach produktów czy w serwisach fotograficznych, mapa witryny dla obrazów znacznie poprawia SEO obrazów.
Najczęstsze pytania
Czy mogę użyć tego samego tekstu alt dla wszystkich obrazów?
Nie. Każdy obraz powinien mieć unikalny tekst alt, który opisuje właśnie ten obraz. Jeśli użyjesz tego samego tekstu dla 10 różnych obrazów, wyszukiwarki nie odróżnią ich od siebie. Unikalny tekst alt pomaga wyszukiwarkom zrozumieć, że każdy obraz ma inną zawartość i znaczenie. Za pomocą kreatora stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Czy dodawać słowo kluczowe do tekstu alt każdego obrazu?
Nie. Dodawaj frazę do tekstu alt, gdy pasuje naturalnie i trafnie opisuje obraz. Jeśli fraza nie wiąże się z obrazem, lepiej ją pominąć niż wymuszać. Najpierw pisz tekst alt, który opisuje obraz. Słowa kluczowe to dodatkowa korzyść, która pojawia się naturalnie, gdy dobrze opisujesz obrazy.
Jaki format obrazów jest najlepszy dla SEO?
WebP i AVIF to najlepsze nowoczesne formaty. AVIF oferuje najwyższą kompresję, zmniejszając rozmiar pliku o 50% w porównaniu z JPEG. WebP daje 25-35% kompresji i jest szerzej obsługiwany przez przeglądarki. Jeśli strona musi obsługiwać starsze przeglądarki, użyj WebP. JPEG lub PNG stosuj tylko wtedy, gdy nie ma innej opcji, bo to większe pliki.
Czy tekst alt obrazów wpływa bezpośrednio na pozycję strony?
Tekst alt nie jest bezpośrednim czynnikiem rankingowym strony. Pomaga jednak wyszukiwarkom lepiej zrozumieć stronę, co pośrednio pomaga pozycjom. Co ważniejsze, tekst alt pomaga obrazom zajmować wysokie pozycje w Grafice Google, co przyciąga ruch. Poprawia też dostępność dla osób z wadami wzroku, co podnosi komfort i zaangażowanie.
Jak mocno można skompresować obrazy, zanim stracą jakość?
Nowoczesne narzędzia do kompresji zachowują jakość przy znacznym zmniejszeniu rozmiaru pliku. Zwykle można skompresować 50-70% bez zauważalnej utraty jakości. Przetestuj różne poziomy kompresji w swoich narzędziach i porównaj obrazy wzrokowo. W większości zastosowań spadku jakości nie zobaczysz, dopóki nie przekroczysz 80-90% kompresji. Korzystaj z narzędzi i testuj zamiast zgadywać.
Czy tekst alt jest ważny, gdy obraz jest czysto dekoracyjny?
Dla czysto dekoracyjnych obrazów bez wartości informacyjnej możesz zostawić tekst alt pusty lub użyć pustego atrybutu (alt=""). To mówi czytnikom ekranu, by pominęły obraz, co poprawia komfort osób z wadami wzroku. Jeśli jednak obraz przekazuje jakąkolwiek informację, także dekoracyjny obraz użyty razem z tekstem, dodaj opisowy tekst alt.