SEO obrazów łączy przydatną informację wizualną, dostępne alternatywy i odpowiednią dostawę plików. Nazwa lub lista słów kluczowych nie wynagradza nieczytelnego zdjęcia albo ciężkiego obrazu otwarcia na telefonie. Najpierw trzeba wybrać wizualny szczegół, który pomaga zrozumieć produkt i jego zastosowanie.
Wyobraź sobie hipotetyczną stronę produktu ze zdjęciem montażu. Klient musi obejrzeć mocowanie, natomiast telefon potrzebuje proporcjonalnego pierwszego pliku zamiast całego oryginału z aparatu. Powiększenie i początkowy widok mają różne potrzeby, które można obsłużyć odpowiednimi wariantami rozmiaru i sposobem prezentacji na stronie.
Wybierz informacyjny obraz
Zdjęcie powinno wyjaśniać produkt lub zakres pracy. Pokaż detale omawiane w tekście. Dekoracyjne zdjęcie może budować nastrój, ale nie zastępuje materiału przedstawiającego konkretną ofertę lub rzeczywiście wykonany projekt.
Wybierz zbliżenie mocowania, jeśli tekst dotyczy wolnej przestrzeni montażowej. Ładny pokój nie pokazuje tego szczegółu automatycznie. Zachowaj szerszy widok, gdy ważna jest skala, i nazwij przedstawioną konfigurację. Dzięki temu nie sugerujesz jednakowych wymiarów czy przyłączy wszystkich odmian. Zdjęcie jednego wariantu powinno pomagać w wyborze, a nie tworzyć fałszywą pewność co do cechy całej rodziny produktów.
Dopasuj tekst alternatywny
Opisz znaczenie obrazu informacyjnego w kontekście strony. Unikaj długich list fraz. Dekoracyjny element często potrzebuje pustego tekstu alternatywnego, aby technologia asystująca mogła go pominąć; oceń funkcję każdego obrazu.
Alternatywa uchwyt ścienny z wolną przestrzenią pod urządzeniem przekazuje właściwą cechę, jeśli to funkcja obrazu w tym miejscu. Nie dodawaj automatycznie zdjęcie przedstawia ani szeregu fraz handlowych. Jeśli podlinkowany obraz jest jedynym przyciskiem kontaktowym, alternatywa powinna opisywać działanie lub cel. Ten sam plik może więc wymagać innego tekstu zależnie od roli pełnionej na konkretnej stronie.
Dodaj wyjaśnienie obok
Umieść obraz przy odpowiednim opisie i w razie potrzeby dodaj podpis. Sama nazwa pliku nie tłumaczy szczegółu technicznego. Otaczająca treść pomaga użytkownikowi i wyszukiwarce zrozumieć, co faktycznie pokazano.
Podpis może wskazać konfigurację i rozwinąć szczegół zbyt długi dla krótkiej alternatywy. Kluczowe wymiary umieść również w tekście lub dostępnej tabeli. Wartości zapisane wyłącznie w pikselach trudno odczytać na małym ekranie. Decyzja klienta nie powinna zależeć od drobnych etykiet ani możliwości bardzo dużego powiększenia zdjęcia. Informacje niezbędne do porównania muszą pozostać dostępne także bez oglądania grafiki.
Przygotuj odpowiednie pliki
Dobierz wymiary i kompresję bez utraty istotnych detali. Pozwól przeglądarce wybrać odpowiedni wariant, gdy to możliwe. Powiększane zdjęcie produktu wymaga innej oceny niż mała ilustracja w zestawieniu.
Przygotuj warianty odpowiadające szerokości wyświetlania i pozwól przeglądarce wybrać odpowiedni. Porównaj WebP, AVIF lub inny format według faktycznego rozmiaru i jakości; nie ma zwycięzcy dla wszystkich obrazów. Po kompresji sprawdź napisy, krawędzie i kolory. To szczegóły istotne, kiedy klient odróżnia wykończenia lub odmiany techniczne i na ich podstawie wybiera produkt, więc oszczędność pliku nie powinna usuwać znaczącej informacji.
Ogranicz przesuwanie układu
Zarezerwuj miejsce na obraz, aby tekst i kontakt nie przeskakiwały podczas ładowania. Sprawdź telefon. Nie opóźniaj automatycznie najważniejszego obrazu w pierwszym widoku, choć dalsze materiały mogą ładować się później.
Podaj wymiary albo stałą proporcję, aby zarezerwować miejsce przed pobraniem. Sprawdź, czy kadr mobilny zachowuje najważniejszy element. Nie odkładaj automatycznie obrazu otwarcia, jeżeli opóźnia to główną widoczną zawartość. Niższe zdjęcia mogą poczekać, kiedy odpowiada to rzeczywistej kolejności czytania. Zbadaj również, czy pojawienie się grafiki nie przesuwa kontaktu lub tekstu w chwili, gdy użytkownik próbuje z nich skorzystać.
Sprawdź dostęp i znaczenie
Po migracji zweryfikuj działanie adresów obrazów. Jeśli to istotne, przejrzyj dostępne dane wyszukiwania grafiki. Kliknięcie obrazu ma znaczenie biznesowe dopiero wtedy, gdy strona docelowa pomaga zrozumieć produkt lub usługę.
Po zmianie przetwarzania otwórz dostarczony plik i potwierdź obraz zamiast błędu czy logowania. Sprawdź też miejsce docelowe wejścia z wyszukiwania obrazów. Powinno identyfikować produkt i dostarczać kontekst, granice dostępności oraz użyteczny następny krok. Osoba przychodząca przez fotografię nie zna wcześniejszej nawigacji, dlatego sama galeria bez nazwy oferty może pozostawić ją bez odpowiedzi, jakiego produktu dotyczy oglądany detal.
- Wybierz obraz wyjaśniający sąsiednie pytanie.
- Dostosuj alternatywę do funkcji konkretnej grafiki.
- Podaj ważne wymiary także w dostępnym tekście.
- Porównaj rozmiary responsywne, kompresję i przydatne szczegóły.
- Zarezerwuj miejsce i sprawdź obraz otwarcia na telefonie.
Dobieraj obrazy do ich funkcji informacyjnej i sprawdzaj łącznie alternatywy, wymiary oraz widok mobilny. Podstawowe dane muszą pozostać dostępne również osobom, które nie widzą fotografii lub korzystają z innego sposobu odczytu.