Spójrz na prawie każdą stronę internetową w Internecie, a zobaczysz, że jedną z rzeczy, które mają wspólną są obrazy. Obrazy mogą być używane na stronach internetowych, aby dodać wizualną spryt, pomóc zilustrować pomysły i dodać do ogólnej treści strony. Oprócz wyboru odpowiednich obrazów i odpowiedniego przygotowania ich do wyświetlania w Internecie, upewnienie się, że wszystkie obrazy witryny prawidłowo wykorzystują tekst alternatywny, jest bardzo ważną częścią prawidłowego wykorzystania tych obrazów w Internecie.
Czym jest Alt Text
Tekst alternatywny jest alternatywnym tekstem używanym przez przeglądarki tekstowe i inne programy użytkownika, które nie mogą wyświetlać obrazów. Jest to również jeden z jedynych atrybutów wymaganych przez tag obrazu. Pisząc efektywny tekst alternatywny, upewniasz się, że twoje strony internetowe są dostępne dla osób, które mogą korzystać z czytnika ekranu lub innego urządzenia wspomaganego w celu uzyskania dostępu do Twojej witryny. Zapewniasz również, że coś będzie wyświetlane zamiast obrazu, jeśli nie zostanie załadowane z jakiegokolwiek powodu (zła ścieżka, awaria transmisji itp.). Jest to prawdziwy cel tekstu alternatywnego, ale ta treść może również zapewnić więcej miejsc do dodania tekstu przyjaznego SEO, na który wyszukiwarki nie będą Cię karać (więcej w tym momencie).
Tekst alternatywny powinien powtarzać tekst na obrazku
Każdy obraz z tekstem powinien zawierać tekst jako tekst alternatywny. Możesz umieścić inne słowa w alternatywnym tekście, ale przynajmniej powinien powiedzieć to samo co obraz. Na przykład, jeśli masz logo do swoich obrazów, tekst Alt powinien powtarzać nazwę firmy wypisaną przez graficzne logo.
Pamiętaj również, że obrazy takie jak logo mogą również sugerować tekst - na przykład, gdy zobaczysz ikonę czerwonej kuli na stronie internetowej Dotdash, oznacza to "Dotdash.com". Tak więc alternatywny tekst tej ikony może oznaczać "Dotdash.com", a nie tylko "logo firmy".
Zachowaj krótki tekst
Im dłuższy tekst alternatywny, tym trudniej będzie go czytać w przeglądarkach tekstowych. Kuszące może być pisanie długich zdań tekstu alternatywnego (zwykle robi się to, ponieważ ktoś próbuje wypchać tag ze słowami kluczowymi), ale utrzymywanie krótkich tagów Alt utrzymuje krótsze strony, a mniejsze strony są pobierane szybciej.
Dobrą regułą dla tekstu alternatywnego jest zachowanie od 5 do 15 słów łącznie.
Używanie słów kluczowych SEO w tagach Alt
Ludzie często błędnie uważają, że celem tekstu alternatywnego jest umieszczenie słów kluczowych w wyszukiwarkach. Tak, to jest korzyść, której możesz użyć, ale tylko wtedy, gdy dodawany tekst ma sens w prawdziwym celu znacznika alt - wyświetlać inteligentny tekst wyjaśniający obraz, gdyby ktoś nie mógł go zobaczyć!
Mówiąc, że tekst alternatywny nie jest narzędziem SEO, nie oznacza, że nie możesz używać słów kluczowych w tym tekście. Ponieważ tekst alternatywny jest ważny i wymagany na zdjęciach, wyszukiwarki raczej nie będą karać Cię za umieszczanie słów kluczowych tam, gdzie dodawana treść ma sens. Pamiętaj tylko, że twoim pierwszym priorytetem są twoi czytelnicy. Można wykryć spamowanie słów kluczowych w alternatywnym tekście, a wyszukiwarki zmieniają swoje reguły przez cały czas, aby zapobiec spamerom.
Dobrą zasadą jest użycie słów kluczowych w wyszukiwarce, które pasują do opisu obrazu i nie używają więcej niż jednego słowa kluczowego w tekście alternatywnym.
Zachowaj swój tekst znaczący
Pamiętaj, że punktem tekstu alternatywnego jest zdefiniowanie obrazów dla swoich czytelników. Wielu twórców stron korzysta z tekstu alternatywnego dla siebie, w tym takich elementów, jak rozmiar obrazu, nazwy plików obrazów i tak dalej. Choć może ci się to przydać, nie robi nic dla czytelników i dlatego powinno zostać pominięte w tych tagach.
Użyj pustego tekstu alternatywnego tylko dla ikon i punktorów
Okresowo używasz obrazów, które nie mają żadnego przydatnego tekstu opisowego, takiego jak punktory czy proste ikony. Najlepszym sposobem użycia tych obrazów jest CSS, w którym nie potrzebujesz alternatywnego tekstu. Ale jeśli absolutnie musisz mieć je w swoim kodzie HTML, użyj raczej pustego atrybutu alt, niż go całkowicie odłóż.
Może to być kuszące, aby postać jak gwiazdka (*) reprezentowała punktor, ale może to być bardziej mylące niż pozostawienie go pustym. I umieszczenie tekstu "bullet" będzie jeszcze bardziej dziwnie w przeglądarce tekstowej.
Edytowane przez Jeremy Girard w dniu 3/3/17
