Co to jest tekst alternatywny dla obrazów w witrynie?

Wstęp

Projektowanie doskonałych obrazów w treści witryny ma kluczowe znaczenie dla udanej obecności w Internecie. Jednak posiadanie wysokiej jakości zdjęć nie wystarczy, aby zapewnić, że Twoja strona przyniesie oczekiwany ruch, sprzedaż i potencjalną sprzedaż. Po przeprojektowaniu interfejsu użytkownika wyszukiwarki grafiki Google musisz zoptymalizować swoje zdjęcia, aby osiągnąć najlepsze wyniki SEO. Dlatego wyszukiwarki z łatwością je zrozumieją, co zwiększy widoczność Twojej witryny dla docelowych odbiorców. Pomogłoby, gdybyś wykorzystał tekst alternatywny na swoich obrazach, aby osiągnąć lepsze wyniki w SERP.

Ten artykuł ma na celu szczegółowe wyjaśnienie, czym jest tekst alternatywny i jak dodać go do strategii SEO. Jeśli również zastanawiasz się, kiedy obraz powinien mieć pusty tekst alternatywny, czytaj dalej, aby uzyskać wszystkie niezbędne informacje.

FAKT : Obrazy są zwracane w przypadku 22,6% zapytań w Google. Co więcej, 62% konsumentów z pokolenia Z i milenialsów chce wyszukiwania wizualnego bardziej niż jakiejkolwiek innej nowej technologii.

Co to jest tekst alternatywny dla obrazów?

Tekst alternatywny, znany również jako atrybuty alt lub opisy alt, to krótki element HTML o długości około 100 znaków przypisanych do opisu obrazów na Twojej stronie internetowej. Nie zawsze jest to widoczne dla częstych odwiedzających, ale pomaga robotom wyszukiwarek zrozumieć funkcję i wygląd Twoich zdjęć. Ponadto Twoje zdjęcia są lepiej indeksowane, co poprawia widoczność Twojej witryny.

Dodatkowo, alternatywny tekst HTML obrazu pomaga również zapewnić lepszy dostęp do sieci użytkownikom niedowidzącym. W przypadku, gdy plik graficzny nie zostanie załadowany na Twojej stronie, zamiast tego pojawi się opis alternatywny, aby dać odwiedzającym pełny obraz Twojej treści. Oto jak by to wyglądało w praktyce:

Najlepsze praktyki dotyczące tekstu alternatywnego

Pisząc tekst alternatywny do swoich obrazów, musisz przestrzegać niektórych najlepszych praktyk, jak omówiono poniżej;

Użyj słów kluczowych w alternatywnych opisach

Za każdym razem, gdy używasz opisów alternatywnych na swoich obrazach, skorzystaj z możliwości wskazania słów kluczowych w treści. Ułatwia komunikację z wyszukiwarkami na temat trafności Twojej strony dla określonego zapytania wyszukiwania.

Jeśli masz trudności z określeniem bardzo trafnych i opłacalnych słów kluczowych, generator tekstu alternatywnego może być bardzo pomocny. Pomaga poznać właściwe terminy, których należy użyć, aby zoptymalizować opisy alternatywnych obrazów. Pamiętaj jednak, że powinieneś unikać wypychania atrybutów alt wszystkimi wygenerowanymi słowami kluczowymi. Spowoduje to źle spreparowany tekst alternatywny, który może zostać ukarany przez Google. Na przykład na poniższym obrazku zauważysz, że dobry przykład tekstu alternatywnego łatwo wyjaśnia obraz. Jednak dolny przykład nie idzie zbyt daleko w wyjaśnianiu, o co chodzi w tym zdjęciu.:

Zachowaj krótki tekst alternatywny

Dobrą praktyką jest używanie opisowego tekstu alternatywnego, ale należy unikać pisania całego akapitu w celu opisania obrazu. Pamiętaj, że większość czytników ekranu przechwytuje do 125 znaków atrybutu alt, zapewniając w ten sposób trzymanie się krótkiego i zwięzłego tekstu.

Najlepiej byłoby przejść od razu do sedna i wydobyć z obrazu najbardziej widoczne cechy, gdy elementów jest zbyt wiele. Istotne aspekty powinny dać wyszukiwarkom wiele szczegółów, a użytkownicy będą powiązywać zdjęcie z kontekstem Twojej strony.

Na przykład tekst alternatywny poniżej jest zbyt długi przy opisie dwóch psów;

• Alt = szary pies po lewej i czarny pies z długimi uszami po prawej leżący na kanapie z żółtym pokrowcem

Doskonały opis alt byłby następujący;

• Alt = szary i czarny pies leżący na kanapie

Unikaj również niektórych opisów, które byłyby zbyt krótkie, tak aby nie wydobywały zwięzłego znaczenia, takich jak;

• Alt = dwa psy

Przetestuj swoje SEO w 60 sekund!

Diib to jedno z najlepszych narzędzi SEO na świecie. Diib wykorzystuje moc big data, aby szybko i łatwo zwiększyć ruch i rankingi. Poinformujemy Cię nawet, czy zasługujesz już na wyższą pozycję w rankingu niektórych słów kluczowych.

• Łatwe w użyciu automatyczne narzędzie SEO
• Monitorowanie słów kluczowych i linków zwrotnych + pomysły
• Szybkość, bezpieczeństwo, + śledzenie Core Vitals

• Inteligentnie sugeruje pomysły na poprawę SEO
• Ponad 250 000 000 członków na całym świecie
• Wbudowane testy porównawcze i analiza konkurencji

Na przykład „www.diib.com”

Zarejestruj się za darmo

Używany przez ponad 250 tys. firm i organizacji:

• 
• 
• 
• 

Synchronizuje się z

Być specyficznym

Za każdym razem, gdy tworzysz tekst alternatywny, pamiętaj, że powinieneś opisać obraz swojej strony internetowej. Dlatego musisz upewnić się, że jest jak najbardziej specyficzny dla obrazu. Celem jest zapewnienie, że każdy poszukujący natychmiast zrozumie obraz, nawet bez jego oglądania. Projektując kod HTML tekstu alternatywnego obrazu, zadaj sobie pytanie, czy zrozumiałbyś trafność opisu bez konieczności oglądania obrazu.

Na przykład, jeśli zamierzasz wydobyć zdjęcie psów bawiących się w parku, możesz to zrobić w następujący sposób;

• Alt = pies i suczka czarnego owczarka niemieckiego bawiącego się w parku

Opis daje jasne i dokładne przedstawienie tego, co przedstawia obraz.

Z drugiej strony mylisz się, pisząc to w następujący sposób;

• Alt = psy bawiące się na trawie

Unikaj pisania tekstu alternatywnego tylko dla SEO

Zrozumiałe jest dążenie do zwiększenia widoczności podczas pisania opisów alternatywnych. Jednak nie skupiaj się wyłącznie na poprawie SEO, ale pamiętaj również o swoich wyszukiwarkach. Pamiętaj, że atrybut alt powinien pozostać związany z określonym obrazem i treścią strony. Tekst alternatywny jest używany specjalnie dla osób niedowidzących.

Pole cytatu: „W Wielkiej Brytanii szacuje się całkowitą liczbę 2 140 000 osób żyjących z utratą wzroku (2021)” (Site Loss Data Tool, RNIB 2021)

W związku z tym upchanie tekstu alternatywnego słowami kluczowymi spowoduje uszkodzenie rankingów w wyszukiwarkach, zamiast zwiększania wysiłków SEO. Unikaj również używania podobnych słów kluczowych i atrybutów alt dla wielu obrazów, ponieważ oba scenariusze mogą spamować.

Nie opuszczaj formularza Przyciski

Jeśli masz w swojej witrynie formularz, który wykorzystuje obraz jako przycisk „prześlij”, najlepiej nadać mu tekst alternatywny. Przycisk obrazu powinien mieć opis alternatywny, który opisuje jego funkcję, na przykład „zastosuj teraz”, „wyszukaj”, „zarejestruj się”.

Nie dołączaj dodatkowych specyfikacji

Pamiętaj, że użytkownicy i wyszukiwarki zakładają, że tekst alternatywny odnosi się do obrazu w Twojej witrynie. Dlatego nie ma potrzeby dodawania innych specyfikacji w atrybutach alt, takich jak „zdjęcie”, „zdjęcie” i inne.

Pamiętaj, aby użyć longdesc

Możesz mieć bardziej złożone obrazy w swojej witrynie, więc potrzebujesz dłuższych opisów. W takim przypadku nie zapomnij użyć longdesc = 'eksploruj używając longdesc.' Oto dobry przykład tego, jak by to wyglądało technicznie:

Unikaj używania obrazów jako tekstu

Aby tworzyć witryny przyjazne SEO, unikaj używania zdjęć zamiast słów, ponieważ wyszukiwarki nie będą czytać tekstu w obrazach. Jeśli jednak musisz, upewnij się, że wyjaśniasz to, co mówi twoje zdjęcie w atrybucie alt.

Jak działa tekst alternatywny

Pamiętaj, że wyszukiwarki nie widzą obrazów w taki sam sposób, jak my. Dlatego pomogłoby, gdybyś zaoferował Google pomoc, aby upewnić się, że rozumie, o czym są zdjęcia. Jest to jeden z powodów, dla których ważne jest, aby nazywać obrazy, aby zapewnić dostępność tekstu alternatywnego i nazwy plików, aby pomóc robotom indeksującym „zobaczyć” obrazy na Twojej stronie.

Jak dodać tekst alternatywny do obrazów?

Większość systemów CMS, których możesz używać do projektowania i wprowadzania zmian w tekście alternatywnym, jest prosta. Wystarczy jedno kliknięcie na zdjęcie w treści posta, aby uzyskać bogaty moduł tekstowy lub optymalizację obrazu, aby zaprojektować atrybut alt.

Różni się również w zależności od projektu strony internetowej na Twojej stronie. W większości przypadków większość witryn udostępnia sekcję, w której wpisujesz swój alternatywny opis, gdy zdjęcie zostanie przesłane. Dodatkowo masz również możliwość dokonania dodatkowych zmian na przesłanym obrazie. Następnie zostaje zakodowany na Twojej stronie w formacie HTML z obrazem tekstowym.

Jeśli korzystasz z funkcji inspekcji przeglądarki, zobaczysz kod HTML. Na przykład podczas korzystania z przeglądarki Chrome kliknij zdjęcie na stronie internetowej i dotknij funkcji sprawdzania w menu rozwijanym. Następnie pojawi się okno z tagiem HTML witryny zawierającym „alt =, po którym następuje opis alt”.

Oto ilustracja, jak dodać tekst alternatywny na różnych platformach;

· WordPress

W przypadku korzystania z WordPressa proces jest prosty. Przejdź do okna edytora i dotknij obrazu. Zobaczysz pole w ustawieniach obrazu dla „tekstu alternatywnego (tekst alternatywny)”, aby utworzyć lub wprowadzić zmiany w opisie alternatywnym.

Możesz też przejść do biblioteki multimediów i kliknąć preferowany obraz. Zobaczysz opcje, w których możesz edytować lub projektować swój tekst alternatywny.

(Źródło zdjęcia: wpbeginner)

· Wix

Wix zintensyfikował również swoje wysiłki, aby platforma była bardziej przyjazna dla SEO. Możesz teraz dodawać opisy alt do zdjęć w ich sklepie i dokonywać wszelkich niezbędnych edycji.

Przejdź do okna edycji i kliknij obraz, do którego zamierzasz dodać tekst alternatywny. W ustawieniach zobaczysz opcję „co jest na obrazie?” W tym obszarze dodaj swój alternatywny opis. Oto ta strona:

(Źródło zdjęcia: wix.com)

· Magento

Magento to kolejna platforma, która oferuje prostą procedurę dodawania atrybutu alt.

Stuknij w sekcję katalogu, aby wybrać preferowany produkt, do którego chcesz dodać tekst alternatywny. Następnie przewiń do kategorii filmów i obrazów i kliknij konkretne zdjęcie, aby dodać lub edytować opis alternatywny. Oto ekran alternatywnego tekstu Magento:

(Źródło zdjęcia: Magento)

· Shopify

Korzystanie z Shopify umożliwia dodanie atrybutu alt zarówno do obrazów produktu, jak i motywu.

Jeśli chcesz zoptymalizować alternatywny opis na zdjęciach produktów, przejdź do sekcji „produkty”, a następnie kliknij pozycję, którą chcesz edytować. Na stronie szczegółów elementu dotknij elementu multimedialnego i poszukaj strony podglądu multimediów. Następnie dodaj swój tekst alternatywny. Na przykład:

(Źródło zdjęcia: coraz częściej)

Dodając atrybut alt do obrazów motywów, przejdź do sekcji „sklep internetowy” i znajdź „motywy”, a następnie dotknij, aby dostosować motyw sklepu. Zobaczysz sekcję menu po lewej stronie, w której klikasz bloki obrazów i pojedyncze zdjęcia. Następnie zobaczysz pole tekstowe, w którym możesz edytować lub dodać swój alternatywny opis.

Dlaczego tekst alternatywny jest niezbędny dla dobrego SEO?

Teraz, gdy nauczyłeś się dodawać tekst alternatywny do obrazów, możesz się zastanawiać, dlaczego musisz ich używać w swojej witrynie i komu przynoszą korzyści. Trzy główne grupy, które są pierwszymi beneficjentami atrybutów alt, to;

• Wyszukiwarki — użycie opisu alternatywnego pomaga wyszukiwarkom w interpretacji tematu na określonym obrazie. Dzięki temu Google może szybko określić, kiedy umieścić Twoje zdjęcie w odpowiednich wynikach wyszukiwania, dzięki czemu zdjęcia tekstu alternatywnego mają większe prawdopodobieństwo znalezienia.
• Goście niedowidzący — korzystanie z opisów alternatywnych zapewnia osobom niedowidzącym substytut obrazów. Dzięki temu użytkownicy mogą korzystać z programów czytających na głos tekst, aby zrozumieć, co zdjęcia dodają do treści.

Na przykład, jeśli takie osoby przeglądają witrynę internetową, która korzysta z obrazów nawigacyjnych, trudno będzie rozgryźć różne kategorie. Jeśli jednak zdjęcia zawierają atrybuty alt, mogą poruszać się po całej witrynie.

• Marketerzy – gdy używasz opisów alternatywnych na swoich obrazach, Twoja strona ma większe szanse na uzyskanie wyższych pozycji w wynikach wyszukiwania. W rezultacie Twoja witryna zyskuje większy ruch w Google dzięki optymalizacji.

Pomaga zwiększyć świadomość marki, zwłaszcza gdy Twoje zdjęcia zawierają nazwę Twojej firmy. Co więcej, im wyżej Twoja strona znajduje się w wynikach wyszukiwania, tym więcej osób kliknie wyniki wyszukiwania obrazów, aby odwiedzić Twoją witrynę.

FAKTY :

• Dan Morgan z WebSpection sprawił, że jedno ze swoich zdjęć zajęło pierwsze miejsce w Grafice Google w kategorii „najlepsza osoba w Cardiff” w mniej niż cztery dni dzięki optymalizacji obrazu.
• Robbie Richards wygenerował 150 732 wizyt, dodając znaczniki alt obrazu, kompresując obrazy i kilka innych sztuczek SEO.

—Dziennik wyszukiwarki

Główne powody, dla których tekst alternatywny jest niezbędny dla Twojej witryny

• Aby poprawić dostępność: Pamiętaj, że większość osób wyszukujących jest zwykle niedowidząca; w związku z tym używają czytników ekranu podczas korzystania z treści online. Opisy alternatywne mają opisywać różne obrazy na Twojej stronie użytkownikom, którzy ich nie widzą. Jeśli nie użyjesz atrybutów tekstu alternatywnego na swoich obrazach, użytkownicy nie będą mogli zrozumieć treści Twojej strony. Czytniki ekranu przeskakują takie zdjęcia, a nawet czytają długie i nieprzydatne nazwy plików.
• Aby zwiększyć trafność tematyczną: Aby Google mógł zrozumieć treść Twojej strony, analizuje różne użyte terminy. Z drugiej strony, gdy umieszczasz obrazy w swojej witrynie, wyszukiwarki nie mogą określić ich celu. Dlatego musisz mieć atrybut alt, ponieważ kontekst może być „zamknięty” w obrazach.
• Aby pomóc Ci w rankingu w Wyszukiwarce grafiki Google: Używanie tekstu alternatywnego pomaga również Twojej stronie uzyskać wyższą pozycję w wyszukiwarce grafiki Google. Poza tym ludzie coraz częściej wyprzedzają inne platformy, takie jak Bing i YouTube, szukając zdjęć.
• Aby służyć jako teksty zakotwiczeń dla linków do obrazów: W wielu witrynach teksty zakotwiczeń łączą jedną stronę z drugą. Wyszukiwarki wykorzystują je, aby lepiej zrozumieć Twoją witrynę i jej znaczenie. Możesz również użyć atrybutów alt, aby służyć temu samemu celowi.
• Kiedy obraz powinien mieć pusty tekst alternatywny : Dobrą praktyką jest upewnienie się, że zawsze umieszczasz atrybut alt na obrazach, aby uzyskać lepszą pozycję w wyszukiwarkach. Jednocześnie możesz zapytać, kiedy obraz powinien mieć pusty tekst alternatywny.

W niektórych przypadkach nie musisz używać tekstu alternatywnego, zwłaszcza gdy obraz nie zawiera istotnych szczegółów lub jest używany do celów dekoracyjnych.

Na przykład, jeśli Twoja witryna używa ikon do oddzielania różnych sekcji treści, obrazy mają sprawić, że Twoja strona będzie wyglądać ładnie. Dlatego nie ma potrzeby dodawania tekstu alternatywnego, ponieważ może to irytować użytkowników korzystających z czytników ekranu i nie doda wartości SEO do Twojej strony.

Ponadto obrazy standardowe i ogólne nie wymagają dostępu do tekstu alternatywnego. Poza tym wstawienie jednego nie byłoby przydatne dla czytelników niedowidzących.

Mamy nadzieję, że ten artykuł okazał się przydatny.

Jeśli chcesz dowiedzieć się więcej o kondycji swojej witryny, uzyskać osobiste rekomendacje i alerty, przeskanuj swoją witrynę przez Diib. Zajmuje to tylko 60 sekund.

Wejdź na swoją stronę internetową

Na przykład „www.diib.com”

Zarejestruj się za darmo

Uważam, że Diib jest bardzo pomocny w wyjaśnianiu danych Google Analytics, które mogą być przytłaczające. Usługa przeszukuje Twoje dane i znajduje obszary, które możesz poprawić — nawet jeśli jesteś ekspertem, zaoszczędzi to czasu. Dla mnie oznacza to, że dane gromadzone przez Google Analytics stają się użyteczne, dzięki czemu mogę je ulepszać, a nie tylko interesujące.

Nick Colebatch
Dostawa osłony kampera

Jak znaleźć i naprawić problemy z tekstem alternatywnym

Jeśli chcesz osiągnąć lepsze wyniki z tekstem alternatywnym, pomocne będzie przeprowadzenie audytu na stronach z ruchem w celu dokonania niezbędnych ulepszeń. Oto procedura, której możesz użyć do przeprowadzenia kontroli;

Znajdź najczęściej odwiedzane strony

Najpierw zacznij od dokładnej kontroli, aby poznać najczęściej odwiedzane strony przez odbiorców. Możesz przeglądać różne platformy, takie jak Google Search Console, Google Analytics lub raport na „najlepszych stronach” w eksploratorze witryn Ahrefs.

Sprawdź swój alt Opisy

Podczas przeprowadzania audytu opisów altów możesz użyć rozszerzenia Alt Text Tester Chrome. Zacznij od zainstalowania bezpłatnego narzędzia, a następnie załaduj stronę z największym ruchem i aktywuj rozszerzenie. Oto jak to wygląda:

Za każdym razem, gdy najedziesz kursorem na zdjęcie, zobaczysz alternatywny opis wyświetlany na platformie. W przypadku braku atrybutu alt, powinno wyświetlać się ostrzeżenie „Brak tekstu alternatywnego”.

W przypadku całego tekstu alternatywnego w treści przejrzyj kilka z nich na obrazach. Po kilku kontrolach narzędzie pomaga określić, czy Twoje zdjęcia są słabo lub dobrze zoptymalizowane, czy wcale.

Powtórz, aby uzyskać więcej stron

Ostatni proces powinien obejmować powtórzenie tej samej procedury dla stron, które wygenerowały największy ruch. Proces ten powinien dać ci wyobrażenie, czy optymalizacja opisu alternatywnego jest doskonała, czy też wymaga pewnych ulepszeń.

Diib: dostarczanie statystyk i monitorowania tekstu alternatywnego!

Jako właściciel witryny, dodawanie opisów alternatywnych jest proste, niezależnie od używanej platformy internetowej. Pamiętaj też, że nie wszystkie obrazy na Twojej stronie wymagają tekstu alternatywnego, ponieważ nie miałyby sensu dla wyszukiwarek lub osób niedowidzących. Panel użytkownika Diib analizuje cały tekst alternatywny w Twojej witrynie i profilu na Facebooku, dostarczając praktycznych informacji umożliwiających poprawę. Oto niektóre z funkcji, które pokochasz:

• Alerty niestandardowe, które informują Cię o kondycji Twojej witryny i wszelkich zmianach w algorytmach Google, które mogą wpływać na wzorce ruchu.
• Cele z dostosowanymi sugestiami dotyczącymi sposobów poprawy kondycji witryny i ruchu organicznego.
• Wgląd nie tylko w kondycję własnego tekstu alternatywnego, ale także kluczowych konkurentów.
• Zsynchronizuj swój profil na Facebooku, aby uzyskać wgląd w specyfikę kampanii w mediach społecznościowych. Rzeczy takie jak skuteczność poszczególnych postów, dane demograficzne użytkowników, najlepsza pora dnia na opublikowanie i konwersje.
• Zapewnij comiesięczną sesję współpracy z ekspertem Diib ds. rozwoju, która pomoże Ci dopracować działania SEO i poprowadzi Cię do rozwoju i sukcesu Shopify.

Zadzwoń już dziś pod numer 800-303-3510 lub kliknij tutaj, aby uzyskać bezpłatny skan witryny 60 i dowiedzieć się więcej o mocnych i słabych stronach SEO.