Co to jest tekst alternatywny? Jak używać elementu strony dla obrazów
- Tekst alternatywny jest niezbędnym elementem projektowania strony internetowej. Jest to krótki opis tekstowy obrazu na stronie.
- Tekst alternatywny jest używany przez narzędzia ułatwień dostępu do odczytywania na głos opisów obrazów niewidomym lub niedowidzącym odwiedzającym oraz wyszukiwarkom w celu lepszego rankingu stron internetowych.
- Możesz zobaczyć tekst alternatywny na dowolnej stronie internetowej, sprawdzając kod HTML strony.
Tekst alternatywny jest elementem projektowania stron internetowych. W szczególności jest to fraza lub zdanie opisujące obraz na stronie.
W nowoczesnym projektowaniu stron internetowych tekst alternatywny nie jest wyświetlany większości użytkowników, ale jest uważany za istotną część dobrego projektowania stron internetowych, a każdy obraz na stronie powinien mieć powiązany z nim tekst alternatywny.
Cel tekstu alternatywnego
Tekst alternatywny służy dwóm podstawowym celom. Jest używany przez narzędzia ułatwień dostępu do czytania ekranu, aby czytać na głos opisy obrazów dla użytkowników niewidomych, niedowidzących lub potrzebujących dodatkowej pomocy w zobaczeniu treści na stronie. Dobry tekst alternatywny jest niezbędny, aby ci użytkownicy mieli satysfakcjonujące wrażenia na stronie internetowej.
Jest również używany przez Google i inne wyszukiwarki, aby zrozumieć zawartość obrazu, co może wykorzystać do lepszej pozycji strony internetowej w wynikach wyszukiwania.
Jak dodać tekst alternatywny do obrazu i zobaczyć go w HTML
Dodawanie tekstu alternatywnego różni się w zależności od projektu strony internetowej lub systemu zarządzania treścią używanego do tworzenia strony internetowej. Ogólnie rzecz biorąc, narzędzie zapewni pole do wpisania tekstu alternatywnego, gdy obraz zostanie przesłany na stronę internetową. W większości przypadków możesz również edytować przesłany obraz, aby dodać lub zmodyfikować tekst alternatywny.
Możesz dodać tekst alternatywny do dowolnego obrazu za pomocą narzędzia do projektowania stron internetowych lub zarządzania treścią, takiego jak WordPress.
Ten tekst alternatywny zostaje następnie zakodowany na stronie w formacie HTML. Możesz to zobaczyć w dowolnej przeglądarce internetowej, korzystając z funkcji „Sprawdź". Na przykład w Chrome kliknij prawym przyciskiem myszy obraz na stronie internetowej i kliknij "Sprawdź" z menu rozwijanego. W przeglądarce Firefox kliknij prawym przyciskiem myszy i wybierz „Sprawdź element”. W obu przypadkach powinno pojawić się okno z kodem HTML strony. W przypadku obrazu powinieneś zobaczyć tag HTML z napisem „alt=”, po którym następuje opis tekstu alternatywnego.
Możesz użyć narzędzia Inspect w przeglądarce takiej jak Chrome, aby zobaczyć tekst alternatywny powiązany z obrazem na stronie internetowej.
Sprawdzone metody dotyczące tekstu alternatywnego
Eksperci ds. optymalizacji pod kątem wyszukiwarek (SEO) mają wiele wskazówek dotyczących projektowania stron internetowych i elementów stron internetowych, takich jak tekst alternatywny. Możesz wziąć całe zajęcia na ten temat. Ale ogólnie istnieje kilka podstawowych zaleceń dotyczących tekstu alternatywnego. Oto kilka ogólnych wskazówek dotyczących tworzenia dobrego tekstu alternatywnego:
- Wskazówki dotyczące długości zmieniają się od czasu do czasu, ale obecnie tekst alternatywny powinien mieć mniej niż 100 znaków, w tym spacje.
- Opisz obraz jasno, dokładnie i zwięźle.
- Nie zaczynaj tekstu alternatywnego frazą typu „Obraz…” lub „Zdjęcie…”. Po prostu opisz, co znajduje się na obrazku.
- Nie „upychaj” tekstu alternatywnego słowami kluczowymi związanymi ze stroną internetową, ale bądź jak najbardziej konkretny. Pomaga to zarówno odwiedzającym go osobom niewidomym i niedowidzącym, jak i Google.