Poradnik SEO obrazów: formaty, kompresja, nazwy plików, tekst alternatywny, wymiary, leniwe ładowanie, mapy obrazów i dane strukturalne oraz to, jak Google Lens i multimodalne AI czytają obrazy.

W skrócie
SEO obrazów sprawia, że Twoje grafiki łatwo znaleźć, zrozumieć i załadować. Podstawy: użyj elementu „img”, nowoczesnego formatu (WebP lub AVIF), pliku skompresowanego i dopasowanego do wyświetlanego rozmiaru, opisowej nazwy pliku, konkretnego tekstu alternatywnego i trafnego tekstu wokół obrazu. Dodaj width i height, by uniknąć przesunięć układu, ładuj leniwie obrazy poniżej pierwszego ekranu i wpisz ważne obrazy do mapy strony. Dobrze zrobione SEO obrazów przynosi ruch z Grafiki Google i Lens, przyspiesza strony i pomaga multimodalnym AI opisywać Twoje treści.
Chcesz dowiedzieć się więcej? Zapytaj
Obrazy to często najcięższa część strony i najmniej zoptymalizowana. SEO obrazów naprawia oba problemy naraz: lżejsze strony lepiej się pozycjonują i konwertują, a dobrze opisane obrazy zdobywają własną widoczność w wyszukiwarce grafik i w odpowiedziach wizualnych. Ten poradnik omawia każdą dźwignię, od formatu po dane strukturalne, według zasad opisanych przez Google.
Obrazy wpływają na trzy rzeczy: szybkość, zrozumienie i dodatkowe źródło ruchu. Największy obraz strony jest często elementem mierzonym przez Largest Contentful Paint (LCP), jeden z Core Web Vitals. Obrazy dają też wyszukiwarkom kontekst strony i mogą pozycjonować się samodzielnie w Grafice Google, w wynikach wizualnych i przez Google Lens, gdzie ludzie szukają zdjęciem zamiast słowami.
Wybierz najlżejszy format, który zachowuje potrzebną jakość. Wyszukiwarka Google obsługuje obrazy BMP, GIF, JPEG, PNG, WebP, SVG i AVIF.
| Format | Najlepszy do | Uwaga |
|---|---|---|
| WebP | Zdjęć i ilustracji | Znacznie lżejszy niż JPEG przy podobnej jakości, szeroko obsługiwany |
| AVIF | Zdjęć, gdzie waga jest krytyczna | Często lżejszy niż WebP, kodowanie jest wolniejsze |
| JPEG | Zdjęć, rozwiązanie zapasowe | Uniwersalny, cięższy |
| PNG | Zrzutów ekranu, przezroczystości, ostrego tekstu | Ciężki dla zdjęć |
| SVG | Logo, ikon, prostych diagramów | Wektorowy, ostry w każdym rozmiarze |
Serwuj każdy obraz w rozmiarze, w jakim jest wyświetlany, skompresowany tak mocno, jak pozwala jakość. Zdjęcie o szerokości 4000 pikseli pokazane w kolumnie o szerokości 800 pikseli marnuje transfer przy każdej wizycie. Zmień rozmiar przed wgraniem, skompresuj narzędziem, takim jak nasz darmowy kompresor obrazów, i używaj obrazów responsywnych („srcset” i „sizes”), by telefony dostawały mniejsze pliki niż duże ekrany.
Opisz, co pokazuje obraz, zwykłymi słowami, w kontekście strony. Wytyczne Google dotyczące obrazów zalecają krótkie, opisowe nazwy plików („czerwone-buty-do-biegania-w-terenie.webp” zamiast „IMG_0042.jpg”) i użyteczny tekst alternatywny. Tekst alternatywny służy dwóm grupom odbiorców: użytkownikom czytników ekranu i wyszukiwarkom.
| Jakość | Przykład tekstu alternatywnego |
|---|---|
| Brak | (puste) |
| Zbyt ogólny | buty |
| Upychanie słów kluczowych | buty buty do biegania najlepsze buty do biegania tanie buty |
| Dobry | Czerwone buty do biegania w terenie z podeszwą o głębokim bieżniku, widok z boku |
Obrazy dekoracyjne (separatory, tekstury tła) mogą mieć pusty atrybut alt, aby czytniki ekranu je pomijały. Więcej przykładów podaje nasze hasło słownika o tekście alternatywnym.
Używaj standardowego HTML, utrzymuj obrazy dostępne dla robotów i dawaj im kontekst.
Czytają sam obraz, a nie tylko jego tagi. Google Lens rozpoznaje obiekty, produkty, miejsca i tekst na zdjęciach i dopasowuje je do stron. Modele multimodalnych AI, takie jak Gemini, modele GPT i Claude, potrafią opisywać obrazy, czytać wykresy i wyodrębniać tekst ze zrzutów ekranu. Oryginalne obrazy, które wyraźnie pokazują Twój produkt, proces lub dane, łatwiej dopasować i zacytować niż ogólne zdjęcia stockowe używane na tysiącach stron.
Praktyczny wniosek: dodawaj oryginalne wizualizacje tam, gdzie niosą informację (tabela porównawcza jako obraz jest mniej użyteczna niż tabela HTML, ale opisany diagram lub prawdziwe zdjęcie produktu dodaje wartości), i zachowaj tekstowe wyjaśnienie obok, by zarówno wyszukiwarki, jak i AI mogły połączyć jedno z drugim.
Dziesięć kontroli przed publikacją:
SEO obrazów to w większości dyscyplina: lekkie pliki, czytelne nazwy, uczciwy tekst alternatywny i czysty HTML. Przyspiesza strony, otwiera drugie źródło ruchu z wyszukiwania i pomaga multimodalnym AI zrozumieć, co publikujesz. Sorank stosuje te zasady w każdym artykule, który pisze i publikuje w trybie autopilot, z obrazami, linkami wewnętrznymi i danymi strukturalnymi: zobacz plany i 3-dniowy darmowy okres próbny.

SEO obrazów to zestaw praktyk, które pomagają wyszukiwarkom znajdować, rozumieć i pozycjonować Twoje obrazy oraz sprawiają, że obrazy nie spowalniają stron. Obejmuje format i wagę pliku, nazwę pliku, tekst alternatywny, tekst wokół, kod HTML użyty do osadzenia obrazu, mapy obrazów i dane strukturalne.
Tak. Google używa tekstu alternatywnego, razem z treścią strony i nazwą pliku, by zrozumieć, co pokazuje obraz, a czytniki ekranu odczytują go na głos osobom niewidomym i słabowidzącym. Napisz krótki, konkretny opis obrazu w kontekście; unikaj upychania słów kluczowych i pozostawiania pustego tekstu przy obrazach niosących znaczenie.
WebP i AVIF zwykle dają najmniejsze pliki przy równej jakości i są obsługiwane przez Google oraz nowoczesne przeglądarki. Używaj JPEG jako rozwiązania zapasowego dla zdjęć, PNG dla obrazów wymagających ostrych krawędzi lub przezroczystości, a SVG dla logo i ikon. Najważniejszy jest lekki plik w rozmiarze, w jakim jest wyświetlany.
WYPRÓBOWALI SORANK PRZED TOBĄ
