Alt Text: Co to jest i jak go napisać

Wprowadzenie

W tym przewodniku dowiesz się o tekście alternatywnym (znanym jako tekst alternatywny): czym jest, dlaczego jest ważny dla SEO na stronie, jak go poprawnie używać i nie tylko.

Tekst alternatywny jest często pomijany, ale każdy obraz w witrynie powinien go zawierać. Więcej informacji oznacza lepiej, a tłumaczenie informacji wizualnych na tekst ma kluczowe znaczenie dla botów wyszukiwarek i użytkowników korzystających z czytników ekranu. Tekst alternatywny to źródło informacji, które łączy pomysły i treści w witrynie.

Ten praktyczny przewodnik zawiera wskazówki i porady, które można natychmiast wykorzystać do poprawy wizerunku witryny, SEO i dostępności.

Co to jest Alt Text?

Tekst alternatywny (lub tekst alternatywny) - znany również jako atrybut alt lub tag alt (co nie jest technicznie poprawne, ponieważ nie jest to tag) - to fragment tekstu opisujący obraz w kodzie HTML.

Jakie są zastosowania tekstu alternatywnego?

Pierwotną funkcją tekstu alternatywnego było opisanie obrazu, którego nie można było załadować. Lata temu, gdy internet był wolniejszy, tekst alternatywny pomagał użytkownikom zrozumieć zawartość obrazu, który był zbyt ciężki do załadowania.

Obecnie tekst alternatywny pomaga botom wyszukiwarek zrozumieć treść i kontekst obrazu. Co ważniejsze, tekst alternatywny ma kluczowe znaczenie dla dostępności i dla osób korzystających z czytników ekranu:

• Dostępność: Tekst alternatywny pomaga osobom niepełnosprawnym (na przykład korzystającym z czytników ekranu) zrozumieć zawartość obrazu.

• Dla SEO: Tekst alternatywny zapewnia wyszukiwarkom dodatkowy kontekst, pomagając im lepiej zrozumieć zawartość strony.

Dlaczego tekst alternatywny jest ważny

Sieć jest doświadczeniem wizualnym, co sprawia, że tekst alternatywny ma kluczowe znaczenie. Przekłada on zawartość obrazu na słowa, czyniąc go dostępnym dla szerszego grona odbiorców, w tym osób niepełnosprawnych i botów wyszukiwarek, które nie są jeszcze wystarczająco sprytne, aby w pełni zrozumieć każdy obraz, jego kontekst i znaczenie.

Dlaczego tekst alternatywny jest ważny dla SEO

Tekst alternatywny jest istotnym elementem optymalizacji SEO na stronie. Prawidłowa optymalizacja tekstu alternatywnego zwiększa szanse witryny na pozycję w wyszukiwarce obrazów Google, co może być znaczącym źródłem ruchu, szczególnie w przypadku witryn e-commerce, w których użytkownicy często rozpoczynają wyszukiwanie produktów od wyszukiwania obrazów w Google.

Dlaczego tekst alternatywny jest ważny dla dostępności

Poza SEO, tekst alternatywny ma kluczowe znaczenie dla dostępności, dzięki czemu sieć jest dostępna dla wszystkich, w tym osób niepełnosprawnych korzystających z czytników ekranu. Opisanie zawartości obrazu w tekście alternatywnym pomaga tym użytkownikom zrozumieć obraz i zawartość strony.

Przykłady tekstu alternatywnego

Przykłady dobrego tekstu alternatywnego

Rozważ przewodnik audytu SEO zawierający zrzuty ekranu z narzędzi takich jak Google Search Console i Screaming Frog. Dobre przykłady tekstu alternatywnego obejmują:

<img src="google-search-console-coverage-report.jpg" alt="Raport pokrycia w Google Search Console pokazujący liczbę zaindeksowanych i wykluczonych stron"> <img src="google-search-console.jpg" alt="Narzędzie Google Search Console od Google"> <img src="screaming-frog-html-pages.jpg" alt="Lista stron HTML w Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl in progress">

Przykłady złego i/lub spamerskiego tekstu alternatywnego

Przykłady złego tekstu alternatywnego obejmują upychanie słów kluczowych lub spamowanie:

<img src="google-search-console-coverage-report.jpg" alt="audyt seo za darmo, audyt seo tanio, specjalista od audytu seo, audyt seo, audyty seo"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="audytor seo, audyt seo, audyty seo"> <img src="screaming-frog.jpg" alt="audyt seo">

Typowe błędy związane z tekstem alternatywnym

• Brak tekstu alternatywnego lub użycie pustego tekstu alternatywnego.

• Używanie tego samego tekstu alternatywnego dla różnych obrazów.

• Używanie bardzo ogólnego tekstu alternatywnego, który nie opisuje obrazu.

• Automatycznie używa nazwy pliku jako tekstu alternatywnego.

Wskazówki dotyczące pisania tekstu alternatywnego

• Nie umieszczaj słów kluczowych w tekście alternatywnym.

• Opisz obraz szczegółowo, ale stosunkowo krótko.

• Naturalnie używaj docelowych słów kluczowych jako części opisu obrazu.

• Nie używaj tekstu na obrazach. Dodaj cały tekst w kodzie HTML.

• Nie pisz "to jest obraz". Po prostu opisz zawartość obrazu.

• Upewnij się, że możesz zwizualizować zawartość obrazu, czytając tylko jego tekst alternatywny.

Jak rozwiązać problem z tekstem alternatywnym obrazu

Sprawdzanie elementów

Sprawdź element (kliknij prawym przyciskiem myszy i wybierz opcję Sprawdź po najechaniu kursorem na obraz), aby sprawdzić, czy dany obraz ma tekst alternatywny.

Analiza zbiorcza

Do analizy zbiorczej użyj narzędzi takich jak Screaming Frog lub Sitebulb, aby przeszukać witrynę i przejrzeć tekst alternatywny wszystkich obrazów witryny.

Alt Text może nie wydawać się priorytetem, ale jest ważny

Każde źródło informacji o treści ma swoją wartość. Niezależnie od tego, czy chodzi o użytkowników niedowidzących, czy boty, tekst alternatywny pomaga kontekstualizować obrazy w witrynie. Wykazanie zaangażowania w dostępność jest również kluczowym elementem nowoczesnego marketingu cyfrowego.

FAQ

Jaki jest cel tekstu alternatywnego w HTML?

Tekst alternatywny zapewnia tekstowy opis obrazu, jeśli nie można go wyświetlić, pomagając użytkownikom zrozumieć zawartość obrazu i pomagając botom wyszukiwarek w zrozumieniu tematu obrazu.

Czy tekst alternatywny może poprawić dostępność witryny?

Tak, tekst alternatywny ma kluczowe znaczenie dla dostępności stron internetowych. Przekłada informacje wizualne na tekst opisowy, który może być odczytany przez czytniki ekranu używane przez użytkowników z wadami wzroku, dzięki czemu sieć jest bardziej integracyjna.

Postępując zgodnie z tymi wskazówkami, możesz upewnić się, że obrazy w Twojej witrynie są dostępne i zoptymalizowane pod kątem SEO, zwiększając zarówno wygodę użytkownika, jak i wydajność wyszukiwarek.