Pozycjonowanie zdjęć na stronie – jak robić to dobrze

Dlaczego pozycjonowanie zdjęć na stronie ma znaczenie

Wyszukiwarka nie widzi obrazu tak jak człowiek. Odczytuje go przez sygnały: nazwę pliku, atrybut ALT, podpis i tekst wokół grafiki. Im spójniejsze są te sygnały, tym łatwiej Google zrozumieć, co przedstawia zdjęcie.

Drugim powodem jest szybkość. Ciężkie grafiki to jedna z najczęstszych przyczyn wolnego ładowania stron małych firm. Wolna strona zniechęca użytkowników i osłabia wyniki w wyszukiwarce.

Trzecim argumentem jest dostępność. Osoby korzystające z czytników ekranu poznają treść obrazu dzięki opisowi alternatywnemu. Brak opisu oznacza dla nich pustkę w miejscu ważnej informacji.

Nie można też zapominać o ruchu z Google Grafika. W wielu branżach użytkownicy szukają inspiracji właśnie w wynikach graficznych. Dotyczy to między innymi usług remontowych, gastronomii, mody czy detailingu samochodowego.

Optymalizacja obrazów rzadko daje spektakularne efekty w pojedynkę. Działa jednak jak solidny fundament i stanowi ważną część kompleksowego pozycjonowania stron internetowych.

Wybór formatu pliku graficznego

Pierwsza decyzja, od której zaczyna się pozycjonowanie zdjęć na stronie, dotyczy formatu. Dla większości fotografii najlepiej sprawdza się WebP, który łączy dobrą jakość z niewielką wagą. Obsługują go wszystkie współczesne przeglądarki.

JPEG nadal jest rozsądnym wyborem, gdy liczy się szeroka kompatybilność. PNG warto zostawić dla grafik z przezroczystością, prostych ikon i elementów z ostrym tekstem.

Częstym błędem jest zapisywanie zwykłych zdjęć jako PNG. Plik wygląda tak samo, ale waży wielokrotnie więcej niż jego odpowiednik w WebP lub JPEG.

Format AVIF oferuje jeszcze lepszą kompresję. Przed jego wdrożeniem trzeba jednak sprawdzić, czy obsługuje go używany system zarządzania treścią i wtyczki.

Logo i proste ilustracje można zapisać jako SVG. To format wektorowy, który zachowuje ostrość przy każdym rozmiarze i zwykle waży bardzo mało.

Kompresja i rozmiar – pozycjonowanie zdjęć na stronie a szybkość

Zdjęcia z aparatu lub smartfona mają zwykle ogromną rozdzielczość. Na stronie wyświetlają się w znacznie mniejszym rozmiarze, więc przeglądarka pobiera niepotrzebne dane.

Przed wgraniem pliku warto go przeskalować do faktycznej szerokości, w jakiej będzie wyświetlany. Następnie należy go skompresować, na przykład w Squoosh, TinyPNG lub programie graficznym.

Typowa grafika w treści wpisu nie powinna ważyć więcej niż kilkaset kilobajtów. Wyjątkiem mogą być duże banery pełnoekranowe, ale i one wymagają rozsądnej kompresji.

WordPress i wiele innych systemów tworzy automatycznie kilka rozmiarów każdego obrazu. Dzięki temu telefon może pobrać mniejszą wersję niż komputer z dużym monitorem.

Więcej o tym, jak tempo ładowania przekłada się na wyniki firmy, opisuje wpis o szybkości strony i sprzedaży. Lżejsze grafiki to jeden z najprostszych sposobów na poprawę tego wskaźnika.

Atrybut ALT, który opisuje, a nie upycha słowa

Atrybut ALT to krótki tekst opisujący zawartość obrazu. Powinien być konkretny i zrozumiały dla osoby, która zdjęcia nie widzi.

Dobry opis brzmi naturalnie, na przykład „samochód po detailingu z lśniącym lakierem”. Słowo kluczowe może się w nim pojawić, o ile pasuje do tego, co faktycznie widać.

Upychanie fraz w ALT nie pomaga. Wyszukiwarka może to uznać za próbę manipulacji, a użytkownik czytnika ekranu dostaje bezużyteczny ciąg słów.

Obrazy czysto dekoracyjne, takie jak ozdobne linie czy tła, mogą mieć pusty ALT. Dzięki temu czytniki ekranu je pomijają i nie zaśmiecają odbioru treści.

Szczegółowe zalecenia dotyczące obrazów publikuje Google w dokumentacji Google Search Central. Warto do niej wracać przy każdej większej zmianie na stronie.

Nazwy plików i otoczenie obrazu

Plik o nazwie IMG_2934.jpg nic nie mówi wyszukiwarce. Znacznie lepsza jest nazwa opisowa, na przykład zabezpieczenie-lakieru-ceramicznego.jpg.

Nazwy plików najlepiej zapisywać małymi literami, bez polskich znaków i ze słowami oddzielonymi myślnikami. Taki zapis jest czytelny i nie sprawia problemów technicznych.

Liczy się także kontekst. Pozycjonowanie zdjęć na stronie działa lepiej, gdy obraz sąsiaduje z tekstem na ten sam temat. Grafika wrzucona przypadkowo jest dla Google trudniejsza do zinterpretowania.

Podpis pod grafiką bywa jednym z najczęściej czytanych elementów strony. Krótkie zdanie wyjaśniające, co przedstawia zdjęcie, wspiera zarówno użytkownika, jak i SEO.

Lepiej też unikać umieszczania ważnego tekstu wyłącznie na grafice. Wyszukiwarka może go nie odczytać, a na telefonie często staje się nieczytelny.

Pozycjonowanie zdjęć na stronie od strony technicznej

Każdy obraz powinien mieć zadeklarowaną szerokość i wysokość. Przeglądarka rezerwuje wtedy miejsce, zanim plik się pobierze, a układ strony nie przeskakuje.

Leniwe ładowanie, czyli lazy loading, opóźnia pobieranie grafik znajdujących się niżej na stronie. Użytkownik szybciej widzi górną część witryny, a transfer danych spada.

Wyjątkiem jest główny obraz widoczny od razu po wejściu. Jego ładowania nie należy opóźniać, bo często decyduje on o tym, jak szybko strona wydaje się gotowa.

Mapa witryny z obrazami pomaga Google odnaleźć grafiki, zwłaszcza w większych serwisach. WordPress z wtyczką Yoast SEO zwykle dodaje je do sitemap automatycznie.

Przy okazji warto sprawdzić, czy pliki graficzne nie są blokowane w robots.txt. Taka blokada sprawia, że nawet najlepiej opisane zdjęcia nie trafią do wyników.

Stałe zasady przygotowania grafik w firmie

Jednorazowa optymalizacja biblioteki mediów to dobry początek, ale bez stałych reguł bałagan szybko wraca. Każda osoba publikująca treści powinna wiedzieć, jak przygotować plik przed wgraniem.

Pomaga prosta instrukcja wewnętrzna. Określa ona format, maksymalną szerokość, docelową wagę, sposób nazywania plików i zasady pisania opisów ALT.

Część pracy można zautomatyzować. Wtyczki do WordPressa potrafią kompresować obrazy podczas wgrywania i tworzyć wersje WebP bez udziału redaktora.

Automatyzacja nie zastąpi jednak myślenia o treści. Opis alternatywny i nazwę pliku nadal musi przygotować człowiek, który wie, co przedstawia zdjęcie i do jakiej podstrony trafi.

Raz na jakiś czas dobrze jest przejrzeć najważniejsze podstrony pod kątem grafik. Taki przegląd pozwala wyłapać ciężkie pliki dodane w pośpiechu i uzupełnić brakujące opisy.

Najczęstsze błędy przy optymalizacji grafik

Najczęściej spotykanym problemem są zdjęcia wgrane bez kompresji. Strona ładuje się wtedy długo, szczególnie na telefonie i przy słabszym zasięgu.

Kolejny błąd to brak opisów ALT lub ten sam opis powielony na wszystkich obrazach. Google nie dostaje wtedy żadnej użytecznej informacji o zawartości grafik.

Ogólne nazwy plików, takie jak zdjecie1.jpg, marnują prostą okazję do wzmocnienia SEO. Poprawa nazw przed wgraniem zajmuje chwilę, a porządkuje całą bibliotekę mediów.

Problemem bywa też niedopasowany format, na przykład zdjęcie zapisane jako PNG z przezroczystym tłem. Taki plik potrafi ważyć więcej niż cała reszta podstrony.

Tego typu niedociągnięcia wychodzą zwykle podczas przeglądu technicznego. Wpis o tym, co daje audyt SEO wyjaśnia, kiedy taka kontrola ma największy sens. Pomocna bywa też lista błędów, przez które strona nie rośnie.

Podsumowanie

Pozycjonowanie zdjęć na stronie to jeden z najprostszych sposobów na poprawę widoczności i szybkości witryny. Odpowiedni format, kompresja, opisowy ALT i sensowne nazwy plików nie wymagają dużych nakładów.

Najlepsze efekty daje wprowadzenie stałych zasad przygotowania grafik. Wtedy każde nowe zdjęcie od razu wspiera stronę, zamiast ją spowalniać.

Chcesz uporządkować grafiki i SEO swojej strony? Warsztat Marketingowy pomaga małym firmom poprawić widoczność w Google – skontaktuj się z nami.