Podpisywanie grafik

Wstęp

Aby poprawnie podpisać grafikę w WP należy wypełnić następujące pola:

• Alternatywny tekst – opis dla wyszukiwarek oraz niedowidzących.
• Tytuł – to wyświetli się użytkownikowi strony po najechaniu na ikonę ℹ️.
• Etytkieta – inaczej pole z prawami autorskimi.
• Opis – to pole jest używane jedynie do celów wewnętrznych (nie wyświetla się na stronie).

Przykład poprawnego podpisania grafiki:

Więcej o atrybucie alt

Atrybut “alt” to opis alternatywny, który jest używany w HTML do opisywania obrazków. Jest on niewidoczny dla standardowego użytkownika, ale jest używany przez czytniki dla osób niewidomych, osoby korzystające z wyszukiwarek obrazów, a także jest uwzględniany przez wyszukiwarki (lepsze SEO).

Oto kilka wskazówek, jak dobrze wypełnić atrybut alt:

1. Pisz konkretne, ale krótkie opisy: atrybut alt powinien konkretnie opisywać, co jest na obrazku. Unikaj zbyt długich opisów. Zazwyczaj wystarczy jedno lub dwa zdania.

2. Nie używaj frazy “obrazek z” lub “zdjęcie z”: Czytniki ekranowe i tak informują użytkowników, że opisują obraz, dlatego nie ma potrzeby dodatkowo tego podkreślać.

3. Używaj słów kluczowych, ale unikaj nadmiernego ich umieszczania: jeśli twoja strona jest zoptymalizowana pod kątem SEO, warto umieścić w opisie alt słowa kluczowe. Pamiętaj jednak, aby robić to naturalnie i unikać “spamowania” słowami kluczowymi.

4. Umieszczaj w altach informacje potrzebne do zrozumienia treści strony: Jeśli obraz jest niezbędny do zrozumienia kontekstu strony, upewnij się, że twój atrybut alt przekazuje te informacje.

5. Dla obrazów dekoracyjnych, ikon czy przycisków, które nie niosą żadnej dodatkowej informacji, puste atrybuty alt (alt="") są całkowicie akceptowalne.

Pamiętaj, że celem atrybutu alt jest poprawa dostępności twojej strony, a nie manipulacja wynikami wyszukiwania. Dobre praktyki SEO i dostępność często idą ze sobą w parze, ale dostępność powinna być zawsze priorytetem.

Przykłady

Jak poprawnie podpisywać grafiki atrybutem alt.

Grafika	Alt
	Czterech uczniów pozuje w zacienionym miejscu, a dwaj uczniowie na przodzie podnoszą ręce.
	Komin góruje nad jasnoniebieskim, częściowo zachmurzonym niebem.
	Zbliżenie uczennicy siedzącej obok pianina, przy którym ćwiczy.
	Logotyp University of South Carolina.
	Puste, ponieważ jest to grafika dekoracyjna.