Co to jest, jak to napisać i dlaczego ma to znaczenie dla SEO

Obecnie prawie 19% wyszukiwarek Google pokazuje obrazy. Oznacza to, że pomimo najlepszych starań SEO nadal możesz przegapić inne źródło ruchu organicznego: obrazy Twojej witryny.

Jak uzyskać dostęp do tego źródła ruchu? Tekst alternatywny obrazu. W tym artykule omówimy, jak napisać tekst alternatywny obrazu, aby Twoje obrazy zajmowały wysokie pozycje w wyszukiwarkach i generowały ruch.

Spis treści

Niezależnie od tego, czy zajmujesz się SEO dla swojej firmy, czy nie , optymalizacja tekstu alternatywnego obrazu w witrynie jest przepustką do stworzenia lepszego doświadczenia użytkownika dla odwiedzających, bez względu na to, jak Cię znaleźli.

Dlaczego tekst alternatywny obrazu jest ważny?

Tekst alternatywny obrazu jest ważny z trzech powodów: dostępności, wygody użytkownika i ruchu graficznego. Zrozumienie tych powodów pomoże Ci napisać efektywny tekst alternatywny dla wszystkich Twoich obrazów. Zanurzmy się.

Dostępność

W 1999 roku W3C opublikowało Wytyczne dotyczące dostępności treści internetowych 1.0, aby wyjaśnić, w jaki sposób uczynić zawartość bardziej dostępną dla użytkowników niepełnosprawnych. Jedną z tych wytycznych było „Zapewnienie równoważnych alternatyw dla treści dźwiękowych i wizualnych”. Oznaczało to, że każda strona internetowa z obrazami (lub filmami, dźwiękami, apletami itp.) powinna zawierać informacje równoważne z treścią wizualną lub dźwiękową.

Przede wszystkim opisowe alternatywy tekstowe dla treści dźwiękowych i wizualnych gwarantują, że każdy może skorzystać z udostępnianych przez Ciebie treści, zwłaszcza osoby z wadami wzroku, które mogą używać czytników ekranu do przyswajania treści na stronie internetowej. Obraz bez opisu nie jest pomocny dla kogoś korzystającego z tej technologii i powoduje złe wrażenia użytkownika, aw niektórych przypadkach złe postrzeganie marki.

Załóżmy na przykład, że strona internetowa zawiera obraz strzałki skierowanej w górę, która prowadzi do spisu treści. Odpowiednikiem tekstowym może być „Przejdź do spisu treści”. Pozwoliłoby to użytkownikowi korzystającemu z czytnika ekranu lub innej technologii wspomagającej zrozumieć przeznaczenie obrazu bez jego oglądania.

Innymi słowy, tekst alternatywny pomaga zapewnić dostępność treści wizualnych dla wszystkich użytkowników, niezależnie od ich zdolności wizualnych.

Doświadczenie użytkownika

Tekst alternatywny promuje ułatwienia dostępu i zapewnia lepszą obsługę wszystkim użytkownikom. Załóżmy na przykład, że odwiedzający ma połączenie o niskiej przepustowości, więc obrazy się nie ładują. Zamiast widzieć tylko ikonę zepsutego łącza, zobaczą także tekst alternatywny, aby dowiedzieć się, co przekazuje obraz.

Na przykład użytkownik Twojej witryny może zobaczyć obraz po lewej stronie. Jeśli z jakiegoś powodu nie mogą, usłyszą lub zobaczą tekst alternatywny po prawej stronie. Pomoże to zapewnić lepsze wrażenia użytkownika niż w przypadku braku tekstu alternatywnego.

Źródło obrazu

Ruch obrazu

Inną ważną rzeczą, jaką robi tekst alternatywny, jest wyświetlanie obrazów w wynikach wyszukiwania, czy to w Grafice Google, czy jako pakiety obrazów. Pakiety obrazów to specjalne wyniki wyświetlane jako poziomy rząd linków do obrazów, które mogą pojawiać się w dowolnej pozycji organicznej (w tym miejscu nr 1 w SERP, jak widać na przykładzie we wstępie).

A obrazy, które pojawiają się w obu typach wyników wyszukiwania, to kolejny sposób na pozyskanie organicznych gości. Może to spowodować tysiące dodatkowych odwiedzin — przynajmniej tak było w przypadku HubSpot.

Od 2018 roku zespół HubSpot Blog wdrożył nową strategię SEO, która częściowo skupiała się bardziej na optymalizacji tekstu alternatywnego obrazu. Pomogło to zwiększyć ruch graficzny na blogu o 779% w mniej niż rok, co przełożyło się na 160 000 więcej organicznych wyświetleń. Więcej o sukcesie zespołu można przeczytać w tym wpisie na blogu.

Jak dodać tekst alternatywny do swoich obrazów

W większości systemów zarządzania treścią (CMS) kliknięcie obrazu w treści posta na blogu powoduje utworzenie modułu optymalizacji obrazu lub tekstu sformatowanego, w którym można tworzyć i zmieniać tekst alternatywny obrazu.

Poniżej omówimy kolejne kroki dla CMS Hub i WordPress.

Jak dodać tekst alternatywny w CMS HubSpot

W HubSpot, po kliknięciu obrazu i kliknięciu ikony edycji (która wygląda jak ołówek), pojawi się wyskakujące okienko optymalizacji obrazu.

Oto jak wygląda to okno optymalizacji obrazu w CMS w Twoim portalu HubSpot:

Twój tekst alternatywny jest następnie automatycznie zapisywany w kodzie źródłowym HTML strony internetowej, gdzie możesz dalej edytować tekst alternatywny obrazu, jeśli Twój system CMS nie ma łatwo edytowalnego okna tekstu alternatywnego. Oto jak ten znacznik alt może wyglądać w kodzie źródłowym artykułu:

Jak dodać tekst alternatywny w CMS WordPress

W WordPress kliknięcie obrazu spowoduje automatyczne otwarcie karty Blok na pasku bocznym. W sekcji „Ustawienia obrazu” dodaj tekst alternatywny w pustym polu.

Gdy wszystko będzie gotowe, kliknij Aktualizuj na pasku narzędzi u góry ekranu.

Najważniejsza zasada tekstu alternatywnego? Bądź opisowy i konkretny. Pamiętaj jednak, że ta reguła tekstu alternatywnego może stracić swoją wartość, jeśli tekst alternatywny nie uwzględnia również kontekstu obrazu. Tekst alternatywny może nie trafić w znak na trzy różne sposoby. Rozważ poniższe przykłady.

3 przykłady tekstu alternatywnego obrazu (dobre i złe)

1. Słowo kluczowe a szczegóły

Zły tekst alternatywny

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

Co jest nie tak z linią tekstu alternatywnego powyżej? Zbyt wiele odniesień do HubSpot. Używanie tekstu alternatywnego do umieszczania słów kluczowych w fragmentarycznych zdaniach dodaje zbyt wiele do obrazu i za mało kontekstu. Te słowa kluczowe mogą być ważne dla wydawcy, ale nie dla robotów indeksujących.

W rzeczywistości powyższy tekst alternatywny utrudnia Google zrozumienie, w jaki sposób obraz odnosi się do reszty strony internetowej lub artykułu, na którym jest opublikowany, uniemożliwiając obrazowi rankingowanie pod kątem powiązanych słów kluczowych z długim ogonem , które mają wyższy poziom zainteresowania.

Co gorsza, Google nakłada kary za upychanie słów kluczowych.

Dobry tekst alternatywny

Biorąc pod uwagę zły tekst alternatywny (powyżej), lepszym tekstem alternatywnym dla tego obrazu może być:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Szczegół a specyficzność

Źródło obrazu

Zły tekst alternatywny

alt="Baseball player hitting a ball at a baseball field"

Linia tekstu alternatywnego powyżej jest technicznie zgodna z pierwszą zasadą tekstu alternatywnego — bądź opisowy — ale nie jest to opis we właściwy sposób. Tak, powyższy obraz przedstawia boisko do baseballu i gracza uderzającego w piłkę. Ale to także zdjęcie Fenway Park — i Davida Ortiza z numerem 34 drużyny Red Sox, który bije jeden nad prawym boiskiem. Są to ważne szczegóły, których Google potrzebowałoby do prawidłowego zindeksowania obrazu, jeśli znajduje się on, powiedzmy, w poście na blogu o bostońskich sportach.

Dobry tekst alternatywny

Biorąc pod uwagę zły tekst alternatywny (powyżej), lepszym tekstem alternatywnym dla tego obrazu może być:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Specyfika a kontekst

Źródło obrazu

Oba powyższe obrazy mają wyraźny kontekst, który może pomóc nam napisać dobry tekst alternatywny — jeden pochodzi z biura HubSpot, a drugi z Fenway Park. Ale co, jeśli Twoje zdjęcie nie ma oficjalnego kontekstu (np. nazwy miejsca), za pomocą którego można by je opisać?

W tym miejscu musisz użyć tematu artykułu lub strony internetowej, na której publikujesz obraz. Oto kilka złych i dobrych przykładów tekstu alternatywnego w zależności od powodu, dla którego go publikujesz:

Za artykuł o uczęszczaniu do Business School

Zły tekst alternatywny

alt="Woman pointing to a person's computer screen"

Powyższa linijka tekstu alternatywnego normalnie uchodziłaby za przyzwoity tekst alternatywny, ale biorąc pod uwagę, że naszym celem jest opublikowanie tego obrazu wraz z artykułem o pójściu do szkoły biznesu, brakuje nam niektórych słów kluczowych, które mogłyby pomóc Google skojarzyć obraz z niektórymi fragmentami artykułu.

Dobry tekst alternatywny

Biorąc pod uwagę zły tekst alternatywny (powyżej), lepszym tekstem alternatywnym dla tego obrazu może być:

alt="Business school professor pointing to a student's computer screen"

Strona internetowa poświęcona oprogramowaniu edukacyjnemu dla nauczycieli szkół biznesu

Zły tekst alternatywny

alt="Teacher pointing to a student's computer screen"

Powyższy wiersz tekstu alternatywnego jest prawie tak samo opisowy i szczegółowy jak dobry tekst alternatywny z poprzedniego przykładu, więc dlaczego nie wystarczy na stronę internetową dotyczącą oprogramowania edukacyjnego? Ten przykład jeszcze bardziej zagłębia się w temat szkoły biznesu i wskazuje, że idealnymi odbiorcami tej strony internetowej są nauczyciele. Dlatego tekst alternatywny obrazu musi to odzwierciedlać.

Dobry tekst alternatywny

Biorąc pod uwagę zły tekst alternatywny (powyżej), lepszym tekstem alternatywnym dla tego obrazu może być:

alt="Professor using education software to instruct a business school student"

Najlepsze praktyki dotyczące tekstu alternatywnego obrazu

Ostatecznie tekst alternatywny obrazu musi być konkretny, ale także reprezentatywny dla tematu strony internetowej, którą obsługuje. Jak dotąd masz pomysł? Oto kilka ważnych kluczy do pisania skutecznego tekstu alternatywnego obrazu:

• Opisz obrazek i bądź konkretny.
• Użyj zarówno tematu, jak i kontekstu obrazu, aby uzyskać wskazówki.
• Dodaj kontekst związany z tematem strony.
• Jeśli obraz nie przedstawia rozpoznawalnego miejsca lub osoby, dodaj kontekst na podstawie zawartości strony.
• Na przykład tekst alternatywny dla obrazu giełdowego osoby piszącej na komputerze może brzmieć „Kobieta optymalizująca witrynę WordPress pod kątem SEO” lub „Kobieta badająca bezpłatne platformy blogowe”, w zależności od tematu strony.
• Tekst alternatywny powinien mieć mniej niż 125 znaków .
• Narzędzia do czytania ekranu zwykle przestają czytać tekst alternatywny w tym momencie, odcinając długi tekst alternatywny w niezręcznych momentach podczas werbalizowania tego opisu dla osób niedowidzących.
• Nie zaczynaj tekstu alternatywnego od „obrazu…” lub „Obrazu…” Przejdź od razu do opisu obrazu.
• Narzędzia do odczytywania ekranu (i Google, jeśli o to chodzi) zidentyfikują to jako obraz z kodu źródłowego HTML artykułu.
• Używaj słów kluczowych, ale oszczędnie. Dołącz docelowe słowo kluczowe artykułu tylko wtedy, gdy można je łatwo umieścić w tekście alternatywnym. Jeśli nie, rozważ semantyczne słowa kluczowe lub tylko najważniejsze terminy w słowie kluczowym typu longtail. Na przykład, jeśli słowem kluczowym Twojego artykułu jest „jak generować potencjalnych klientów”, możesz użyć „generowania potencjalnych klientów” w tekście alternatywnym, ponieważ „jak” może być trudne do włączenia w naturalny tekst alternatywny obrazu.
• Nie wciskaj słowa kluczowego w tekst alternatywny każdego obrazu. Jeśli Twój post na blogu zawiera serię obrazów ciała, umieść słowo kluczowe w co najmniej jednym z tych obrazów. Zidentyfikuj obraz, który Twoim zdaniem jest najbardziej reprezentatywny dla Twojego tematu, i przypisz mu słowo kluczowe. Trzymaj się bardziej estetycznych opisów w otaczających Cię mediach.
• Sprawdź błędy ortograficzne. Błędnie napisane słowa w tekście alternatywnym obrazu mogą zaszkodzić wygodzie użytkownika lub zmylić wyszukiwarki indeksujące Twoją witrynę. Powinieneś przejrzeć tekst alternatywny, tak jak każdą inną treść na stronie.
• Nie dodawaj tekstu alternatywnego do każdego obrazu. Powinieneś dodać tekst alternatywny do większości obrazów na stronie internetowej ze względu na SEO, UX i dostępność — są jednak wyjątki. Na przykład obrazy, które są czysto dekoracyjne lub są opisane w tekście obok, powinny mieć pusty atrybut alt. Bardziej szczegółowe informacje o tym, kiedy dodawać tekst alternatywny, a kiedy nie, można znaleźć w tym drzewie decyzyjnym.

Jak tekst alternatywny wpływa na SEO

Według Google tekst alternatywny jest używany — w połączeniu z algorytmami widzenia komputerowego i zawartością strony — do zrozumienia tematyki obrazów.

Dlatego tekst alternatywny pomaga Google lepiej zrozumieć nie tylko to, o czym są obrazy, ale także o czym jest strona internetowa jako całość. Może to pomóc zwiększyć szanse na pojawienie się Twoich obrazów w wynikach wyszukiwania grafiki.

Wraz z wprowadzeniem przez Google rozwiązania Search Generative Experience (SGE) wysokiej jakości kontekstowy tekst alternatywny zapewnia, że ​​Twoje treści są mieszanką nowej migawki kluczowych informacji opartej na sztucznej inteligencji.

Na przykład Google zauważa, że ​​jego SGE może zapewnić ludziom dobrze zaokrąglone wrażenia zakupowe dzięki godnym uwagi opcjom, opisom produktów, cenom i obrazom w jednej migawce. Jeśli obrazy Twoich produktów mają opisowy i konkretny tekst alternatywny, dajesz wyszukiwarkom kontekst, dzięki któremu wiedzą, kiedy pokazać Twój produkt jako wysokiej jakości wybór w czyichś wynikach.

Tworząc treści na dany temat, zastanów się, w jaki sposób Twoi odbiorcy mogą chcieć znaleźć odpowiedzi na swoje pytania dotyczące tego tematu. W wielu przypadkach osoby wyszukujące Google nie chcą klasycznego niebieskiego wyniku wyszukiwania z hiperłączem — chcą, aby sam obraz był osadzony na stronie internetowej.

Na przykład odwiedzający szukający sposobu usuwania duplikatów w programie Excel może preferować zrzut ekranu, aby w mgnieniu oka zrozumieć, jak wykonać zadanie.

Źródło obrazu

Ponieważ ten obraz ma zoptymalizowany tekst alternatywny, pojawia się w wynikach wyszukiwania grafiki dla słowa kluczowego longtail „jak usunąć duplikaty w programie Excel”. Ponieważ post pojawia się również w wynikach wyszukiwania w sieci dla tego samego słowa kluczowego, odwiedzający mogą trafić do posta na blogu za pośrednictwem tych dwóch różnych kanałów.

Dodawanie tekstu alternatywnego obrazu do Twojej witryny

Od czego więc zaczynasz opracowywanie tekstu alternatywnego dla swoich postów na blogu i stron internetowych? Rozważ przeprowadzenie podstawowego audytu istniejących treści, aby zobaczyć, gdzie można umieścić tekst alternatywny w obrazach, które nie zostały wcześniej oznaczone. Obserwuj, jak zmienia się ruch organiczny na stronach, którym przypisujesz nowe tagi alt.

Im więcej obrazów zoptymalizujesz, tym lepsza będzie Twoja strategia SEO.

Uwaga edytora: ten post został pierwotnie opublikowany we wrześniu 2018 r. i został zaktualizowany pod kątem kompleksowości.