Oprócz wybór odpowiednich obrazów i odpowiednio przygotowując je do sieci, napisanie świetnego tekstu alternatywnego jest kluczowym zadaniem, którego nigdy nie należy lekceważyć. Oto kilka wskazówek dotyczących pisania skutecznego tekstu alternatywnego do obrazów w witrynie.
Powtórz tekst na obrazie
Jeśli obraz zawiera tekst, ten tekst powinien być tekstem alternatywnym. Możesz dodać inne słowa, ale tekst alternatywny powinien mówić to samo, co obraz. Na przykład logo widżetów Acme zawierające rzeczywiste słowa powinno zawierać tekst alternatywny zawierający te słowa.
Pamiętaj, że obrazy, takie jak logo, mogą: sugerować tekst — na przykład czerwona kula w logo Dotdash. To kropka, więc mózg czyta i zapamiętuje „kropkę”. Tekstem alternatywnym tej ikony może być „Dotdash.com”, a nie tylko „logo firmy."
Zachowaj krótki tekst
Im dłuższy tekst alternatywny, tym trudniej jest go czytać w przeglądarkach tekstowych. Pisanie długich zdań tekstu alternatywnego może być kuszące (powszechna praktyka wypełniania słów kluczowych, która może wiązać się z karami SEO), ale trzymanie krótkich tagów alt sprawia, że strony są mniejsze. Mniejsze strony pobierają się szybciej. Słodki punkt to od pięciu do 15 słów.
Używanie słów kluczowych SEO w tagach Alt
Głównym celem tagu alt nie jest zwiększenie wartości SEO, ale wyświetlenie inteligentnego tekstu, który wyjaśnia, czym jest obraz. Informacyjny, odpowiedni tekst dla Twojego tagu alt ma jednak pozytywny wpływ na wartość SEO.
To powiedziawszy, używanie słów kluczowych w tekście alternatywnym jest dobrą praktyką, o ile są one trafne. Wyszukiwarki raczej nie będą karać Cię za umieszczanie tam słów kluczowych, jeśli dodawana treść ma sens. Pamiętaj tylko, że Twoim priorytetem są czytelnicy. Wyszukiwarki wykrywają spamowanie słów kluczowych łatwo, a wyszukiwarki często zmieniają swoje zasady, aby udaremnić spamowanie.
Ogólnie rzecz biorąc, w tekście alternatywnym nie używaj więcej niż jednego słowa kluczowego.
Zachowaj znaczenie tekstu
Pamiętaj, że celem tekstu alternatywnego jest zdefiniowanie obrazów dla twoich czytelników. Wielu twórców stron internetowych używa dla siebie tekstu alternatywnego i dołącza informacje, takie jak rozmiar obrazu, nazwy plików i tak dalej. To może być dla Ciebie przydatne, ale nie pomaga Twoim czytelnikom — którzy są priorytetem w każdym projektowaniu stron internetowych.
Używaj pustego tekstu alternatywnego tylko dla ikon i punktorów
Od czasu do czasu będziesz używać obrazów, które nie zawierają przydatnego tekstu opisowego, takich jak wypunktowania i proste ikony. Najlepszym sposobem użycia tych obrazów jest CSS, gdzie nie potrzebujesz alternatywnego tekstu. Ale jeśli koniecznie musisz je mieć w swoim HTML, użyj pustego atrybutu alt, zamiast całkowicie go opuszczać.
Kuszące może być użycie znaku, takiego jak gwiazdka, do przedstawienia punktora, ale może to być bardziej mylące niż pozostawienie go pustego. Używanie tekstu „punktora” renderowałoby się jeszcze dziwniej w przeglądarce tekstowej.
Dlaczego w ogóle tekst alternatywny jest tak ważny?
Przeglądarki tekstowe i inne internetowe programy klienckie, które nie mogą wyświetlać obrazów, używają tekstu alternatywnego do „odczytywania” obrazów. Osiąga to kilka rzeczy:
- To sprawia, że strony internetowe dostępne dla osób korzystających z czytnika ekranu lub innego urządzenia wspomaganego.
- Jeśli obraz się nie wczytuje, tekst alternatywny informuje widza, co powinno tam być.
- Wyszukiwarki nie „widzą” obrazów, ale mogą i robią pająka tekst alternatywny – więc dołączenie tekstu alternatywnego zwiększa wartość SEO Twojej strony.