Czym jest tekst alternatywny?
Alt text (tekst alternatywny) - znany również jako "opis alt" lub "atrybut alt" - to pisemny opis obrazów na stronach HTML. Jego głównym celem jest poprawa dostępności dla osób, które nie widzą obrazów.
Często słyszy się, że ludzie nazywają go "tagiem alternatywnym", ale jest to technicznie niepoprawne. Tekst alternatywny jest atrybutem zawartym w znaczniku HTML.
Jak wdrażany jest tekst alternatywny
Atrybut alt zaczyna się od alt=, po którym następuje tekst alt w cudzysłowie. Zazwyczaj wygląda to następująco:
<img src="image.jpg" alt="Image alt text" title="Image Title"/>Dlaczego tekst alternatywny jest ważny?
Dostępność
Dodawanie tekstu alternatywnego do obrazów ma przede wszystkim na celu poprawę dostępności stron internetowych. Miliony użytkowników z upośledzeniem wzroku polegają na czytnikach ekranu, aby korzystać z treści online. Dla nich posiadanie tekstu odpowiadającego wizualnie wyświetlanym informacjom ma kluczowe znaczenie. Bez tekstu alternatywnego czytniki ekranu nie mogą przekazać treści obrazu, co szkodzi doświadczeniu użytkownika.
Korzyści SEO
Tekst alternatywny również odgrywa rolę w SEO. Atrybuty alt nie są widoczne dla użytkowników, ale mogą być odczytywane przez wyszukiwarki i czytniki ekranu. Tekst pomaga wyszukiwarkom zrozumieć zawartość obrazu. Dodaje to semantyczne znaczenie do obrazu, poprawiając tematyczne znaczenie strony w oczach Google i potencjalnie pomagając jej uzyskać wyższą pozycję w rankingu.
Co więcej, tekst alternatywny może zwiększyć szanse na ranking w Google Images, zapewniając dodatkowe źródło ruchu dla Twojej witryny. Gdy obrazy są używane jako linki, tekst alternatywny służy jako tekst kotwicy, pomagając Google zrozumieć zawartość linkowanej strony.
Najlepsze praktyki dotyczące tekstu alternatywnego
Dodawanie tekstu alternatywnego do obrazów to łatwy sposób na zwiększenie dostępności stron i wsparcie działań SEO. Oto kilka najlepszych praktyk, o których należy pamiętać:
1. Audyt witryny pod kątem brakujących tekstów Alt
Zacznij od sprawdzenia brakujących tekstów alternatywnych. Użyj narzędzia online zdolnego do przeszukiwania witryny w celu znalezienia obrazów z brakującymi lub pustymi tekstami alternatywnymi. Narzędzia takie jak Google Search Console i różne narzędzia do audytu SEO mogą pomóc w tym zadaniu.
Nie wszystkie obrazy wymagają tekstu alternatywnego. Obrazy dekoracyjne można pozostawić bez niego, ponieważ nie dostarczają one znaczącej treści i mogą być ignorowane przez czytniki ekranu. Skoncentruj się na najczęściej odwiedzanych stronach, które generują duży ruch organiczny.
2. Unikaj upychania słów kluczowych
Chociaż tekst alternatywny może zawierać odpowiednie słowa kluczowe w celu poprawy SEO, ważne jest, aby używać informacyjnego i wartościowego tekstu, który jest zgodny z treścią strony. Unikaj upychania słów kluczowych, ponieważ ta praktyka jest odradzana przez Google i może być postrzegana jako nieetyczna i nieskuteczna.
Używaj słów kluczowych oszczędnie i tylko tam, gdzie naturalnie pasują do opisu.
3. Nie przekraczaj 100 znaków
Tekst alternatywny składa się zazwyczaj z pojedynczego słowa lub krótkiej frazy. Functionality Accessibility Evaluator sugeruje, że teksty alternatywne nie powinny mieć więcej niż 100 znaków. Daje to wystarczająco dużo miejsca na optymalizację tekstu alternatywnego, ale upewnij się, że nie piszesz długich opisów, które mogłyby zostać odcięte przez narzędzia do odczytu ekranu.
Przykład
Oto przykład dobrze napisanego tekstu alternatywnego dla obrazu przedstawiającego golden retrievera bawiącego się w parku:
<img src="golden-retriever.jpg" alt="Golden retriever bawiący się w aportowanie w słonecznym parku" title="Golden Retriever"/>Postępując zgodnie z tymi najlepszymi praktykami, możesz uczynić swoją witrynę bardziej dostępną dla wszystkich użytkowników i wesprzeć ogólną strategię SEO.
Więcej informacji na temat dostępności stron internetowych i najlepszych praktyk SEO można znaleźć w wiarygodnych źródłach, takich jak Web Content Accessibility Guidelines (WCAG) i Google SEO Starter Guide.
