SEO i dostępność: usprawnij swój UX

Znaczenie posiadania dostępnej strony internetowej

Wiele działań odbywa się w przestrzeniach online – nauka, zakupy, bankowość i umawianie się na spotkania. Bardzo ważne jest, aby środowiska cyfrowe były równie dostępne jak środowiska fizyczne. Gdy Twoja witryna jest zoptymalizowana pod kątem technologii wspomagających i alternatywnych sposobów interakcji, poszerzasz swój zasięg rynkowy i otwierasz swoją firmę na wszystkich, a także demonstrujesz integrację i równość.

Firmy muszą zapewniać „pełne i równe korzystanie” ze swoich towarów, usług, przywilejów i korzyści, zgodnie z tytułem III amerykańskiej ustawy o osobach niepełnosprawnych (ADA). Departament Sprawiedliwości Stanów Zjednoczonych interpretuje to jako obejmujące usługi oferowane w Internecie.

Rośnie ryzyko podjęcia kroków prawnych przeciwko firmom posiadającym witryny niezgodne z ADA. W 2022 r. do amerykańskiego sądu federalnego wpłynęło 3255 pozwów dotyczących dostępności stron internetowych ADA Title III, co stanowi wzrost w porównaniu z 814 sprawami w 2017 r.

Czy dostępność wpływa na SEO?

Wdrażając funkcje ułatwień dostępu, które umożliwiają osobom niepełnosprawnym interakcję z Twoją witryną, pomagasz wyszukiwarkom lepiej zrozumieć Twoją witrynę i dokładniej ją zaindeksować.

Branżowe standardy dostępności stron internetowych są określone w Wytycznych dotyczących dostępności treści internetowych (WCAG), opublikowanych przez konsorcjum World Wide Web Consortium (W3C). Marketerzy SEO mogą skorzystać z tego przewodnika, aby omówić elementy techniczne, takie jak kontrast kolorów, tekst alternatywny obrazu i nawigacja, tworząc sprawiedliwe doświadczenie online dla wszystkich, niezależnie od umiejętności.

Czy dostępność jest czynnikiem rankingowym?

Dostępność witryny internetowej nie jest bezpośrednim czynnikiem rankingowym w wyszukiwarkach. Jednak witryny zoptymalizowane pod kątem wszystkich użytkowników z większym prawdopodobieństwem dopasowują się do czynników rankingowych Google i zajmują wyższą pozycję w wynikach wyszukiwania.

Wiele funkcji ułatwień dostępu jest powiązanych z SEO, takich jak mapy witryn XML i HTML, czytelność, napisy wideo i podstawowe wskaźniki internetowe. Im więcej elementów możesz spełnić, tym lepszy jest ranking Twojej witryny.

Na przykład witryna ze zdrowymi podstawowymi wskaźnikami internetowymi ładuje się i stabilizuje szybko oraz szybko reaguje na interakcje użytkowników, zapewniając optymalne wrażenia. Konkluzja? Google zachęca programistów do tworzenia dostępnych produktów, dlatego ważne jest, aby podążać za przykładem giganta wyszukiwarek.

Sposoby integracji dostępności i SEO

W następnej sekcji przedstawię niektóre strategie dostępności SEO, które mogą sprawić, że Twoja witryna będzie bardziej przydatna dla osób niepełnosprawnych i wyszukiwarek.

Projektowanie stron internetowych i UX

Google coraz częściej uwzględnia w swoich rankingach wygodę użytkownika, więc witryna z dostępnym SEO ma większe szanse na dobrą pozycję w rankingu. Zmniejszysz współczynnik odrzuceń i zachęcisz odwiedzających do zaangażowania, jeśli użytkownicy niepełnosprawni będą mogli bezproblemowo wchodzić w interakcję z Twoją witryną.

Ulepsz projekt witryny poprzez:

• Utrzymywanie prostych elementów witryny.
• Unikaj wolno ładujących się obrazów, reklam pełnoekranowych i migających treści.
• Zapewnia wysoki kontrast kolorów oraz łatwy do odczytania typ i rozmiar czcionki.
• Wyrównanie tekstu do lewej.
• Stworzenie logicznej architektury serwisu i intuicyjnej nawigacji.
• Używanie opisowych i jasnych nagłówków.
• Unikanie koloru jako sposobu na podkreślenie informacji.
• Zapewnienie alternatywnych sposobów poruszania się po witrynie i korzystania z treści.

Mapy witryn XML i HTML

Mapa witryny zawiera łącze do każdej strony w witrynie i zapewnia wyszukiwarkom ogólny przegląd sposobu organizacji treści pod kątem przeszukiwania i indeksowania. Mapy witryn oferują także ważną alternatywną metodę nawigacji dla użytkowników niepełnosprawnych, umożliwiając im szybkie skanowanie i lokalizowanie odpowiednich stron internetowych z jednego miejsca.

Uporządkuj mapę witryny według sekcji i podsekcji, aby pokazać hierarchię witryny, i sprawdzaj ją za każdym razem, gdy strona jest dodawana, przenoszona lub usuwana, aby upewnić się, że nie ma martwych linków ani brakujących stron.

Nawigacja

Łatwa w nawigacji witryna ma kluczowe znaczenie dla dostępności, ponieważ użytkownicy mogą się denerwować, jeśli nie mogą znaleźć treści lub uzyskać do nich dostępu za pomocą urządzeń wspomagających. Nawigacja wpływa również na SEO, ponieważ wyszukiwarki podążają za linkami, aby odkrywać i indeksować nowe strony.

Aby zoptymalizować architekturę witryny:

• Umieść nawigację w znanych lokalizacjach, tam, gdzie oczekują tego użytkownicy.
• Używaj znaczących etykiet, które jasno pokazują, dokąd prowadzą linki.
• Zapewnij opcje nawigacji za pomocą klawiatury dla tych, którzy nie potrafią używać myszy.
• Dodaj linki do sekcji na stronach z dużą ilością treści, aby przyspieszyć nawigację.
• Upewnij się, że linki są wystarczająco duże, aby użytkownicy mogli je łatwo kliknąć.
• Przetestuj nawigację, aby zidentyfikować problemy przed uruchomieniem witryny.
• Upewnij się, że kolejność tabulatorów jest odpowiednio ustawiona.

Bułka tarta

Nawigacja Breadcrumb to nawigacja specyficzna dla strony, która jest wyświetlana poziomo u góry strony. Pokazuje położenie strony w stosunku do stron nadrzędnych i jest przydatne do kierowania użytkowników do skomplikowanych witryn, zwłaszcza tych, którzy trafiają na stronę kategorii w wyniku wyszukiwania zamiast na stronę główną. Użytkownicy mogą także szybko przechodzić do stron znajdujących się wyżej w hierarchii bezpośrednio ze strony.

Na potrzeby SEO nawigacja nawigacyjna pokazuje wyszukiwarkom, w jaki sposób strony są ze sobą powiązane. Strony nadrzędne mogą także dzielić się wartością linków ze stroną podrzędną poprzez łącze wewnętrzne, co pomaga poprawić autorytet w rankingu.

Aby zapewnić efektywną nawigację po menu nawigacyjnym:

• Użyj wizualnych separatorów w bułce tartej, takich jak ukośnik lub znak większości. Dodaj bułkę tartą za pomocą CSS, aby czytniki ekranu nie ogłaszały wizualnego separatora.
• Zaimplementuj uporządkowane dane, aby nawigacja nawigacyjna pojawiała się w wynikach wyszukiwania. Dzięki temu użytkownicy będą wiedzieć, gdzie w witrynie wylądują, jeśli klikną fragment.

Tytuły stron

Tytuły stron podsumowują cel lub zawartość strony internetowej. Często pojawiają się jako:

• Klikalne linki w wynikach wyszukiwania.
• Nazwy otwartych kart na pasku przeglądarki.
• Domyślne tytuły stron z zakładkami.
• Tytuły klikalnego bloku obrazów w linkach do mediów społecznościowych.

Wyszukiwarki używają tagów tytułowych HTML, aby zrozumieć, czego dotyczy strona do zaindeksowania. Czytniki ekranu podają tytuły stron, aby pomóc użytkownikom znaleźć odpowiednią stronę lub dowiedzieć się, z której strony korzystają.

Aby zoptymalizować tag tytułowy pod kątem SEO dostępności, utwórz pomocny tytuł strony, który:

• Dokładnie opisuje stronę.
• Naturalnie zawiera docelowe słowo kluczowe.
• Ma długość od 50 do 60 znaków.
• Zmusza użytkowników do kliknięcia.

Nagłówki

Tagi nagłówka to standardowy element SEO na stronie, służący do organizowania tekstu w sekcje w celu poprawy czytelności. Każdy nagłówek sygnalizuje początek nowego tematu lub podtematu.

Technologie wspomagające wykorzystują nagłówki, aby przenosić użytkowników bezpośrednio do żądanej sekcji, co jest łatwiejsze niż czytanie całej strony internetowej w celu uzyskania określonych informacji. Wyszukiwarki używają nagłówków, aby zrozumieć treść znajdującą się po każdym nagłówku i lepiej dopasować zapytania.

Aby zoptymalizować nagłówki pod kątem dostępności SEO:

• Używaj odpowiednich znaczników HTML, aby technologie wspomagające mogły je odczytać.
• Upewnij się, że każdy nagłówek dokładnie opisuje zawartość sekcji.
• Zagnieżdżaj poziomy nagłówków w kolejności w sekcjach, więc nie przeskakuj z H3 do H5.

Tekst alternatywny

Tekst alternatywny to pisemny opis obrazu online, który go zastępuje. Pomagają osobom z wadami wzroku lub słabowidzącym zrozumieć obraz, a także dostarczają informacji wszystkim użytkownikom, jeśli obrazy ładują się powoli lub ich brakuje. Ponieważ wyszukiwarki nie mogą indeksować obrazów, znaczniki alt są ważne dla celów SEO, ponieważ przekazują temat obrazu do indeksowania.

Oto kilka rzeczy, które należy wziąć pod uwagę podczas pisania tekstu alternatywnego:

• Nie ma potrzeby umieszczania w opisie słowa „To jest obraz”, ponieważ czytniki ekranu automatycznie to ogłaszają.
• Napisz całe zdanie i ożyj obrazek. Zamiast używać słowa „lody” w tekście alternatywnym, spróbuj: „Ręka trzymająca rożek waflowy z dwiema gałkami lodów truskawkowych”.
• Dostosuj tekst alternatywny do treści strony i zastanów się, co dana osoba chce wiedzieć w kontekście tematu.
• Jeśli obrazy pełnią funkcję, opisz akcję, a nie obraz. Na przykład, jeśli logo Nike prowadzi do sprzedawanego przez Ciebie produktu Nike, tekst alternatywny powinien zawierać tę informację, a nie „logo Nike”.
• Naturalnie włączaj słowa kluczowe. Upychanie słów kluczowych jest postrzegane jako spam.
• W przypadku złożonych obrazów, takich jak wykresy, należy podać łącze do szczegółowych opisów.
• W przypadku obrazów dekoracyjnych lub aby uniknąć powtarzania szczegółowych podpisów na ekranie, użyj pustych atrybutów alt, aby czytniki ekranu je pominęły.

Metadane

Metadane, takie jak metaopis, nie pojawiają się na opublikowanej stronie internetowej, ale pomagają wyszukiwarkom i użytkownikom zrozumieć cel i zawartość strony.

Meta opisy pojawiają się w SERPach pod tytułem strony i są ważne dla dostępności. Czytniki ekranu czytają je na głos, aby pomóc użytkownikom zdecydować, czy strona spełnia ich potrzeby, zanim klikną. Poprawiają także SEO, dając wyszukiwarkom wgląd w trafność strony, dzięki czemu mogą dopasować treść do odpowiednich zapytań, zmniejszając współczynnik odrzuceń.

Efektywne meta opisy:

• Dokładnie opisz zawartość strony.
• Są jasne i łatwe do zrozumienia, jeśli czyta się je na głos.
• Dołącz główne słowo kluczowe.
• Zawiera mniej niż 160 znaków.
• Zawierać wezwanie do działania i zachęcać użytkowników do kliknięcia.

Przyjazność dla urządzeń mobilnych

Ponad połowa światowego ruchu w sieci pochodzi z urządzeń mobilnych. Google najpierw indeksuje mobilną wersję wszystkich nowych witryn, co oznacza, że ​​Twoja witryna powinna być dostępna i zoptymalizowana pod kątem smartfonów, tabletów i innych urządzeń.

Aby mieć pewność, że Twoja witryna jest dostosowana do urządzeń mobilnych:

• Użyj responsywnego projektu, który renderuje się dla różnych rozmiarów ekranów.
• Formatuj treść, aby czytelnicy mogli ją łatwo przeglądać i czytać.
• Zadbaj o to, aby Twoja witryna była prosta i czysta, bez natrętnych reklam pełnoekranowych.
• Zoptymalizuj szybkość witryny, aby szybko się ładowała dla użytkowników, którzy są w drodze.
• Kieruj na określone słowa kluczowe w wyszukiwaniu głosowym.

Napisy i transkrypcje filmów

Treści wideo zyskują na popularności, ale transmisje na żywo, seminaria internetowe, wywiady i prezentacje produktów wizualnych mogą stanowić wyzwanie zarówno dla użytkowników niesłyszących lub niedosłyszących, jak i dla wyszukiwarek, chyba że zapewnisz napisy i transkrypcje.

Napisy na ekranie stanowią tekstową alternatywę dla dźwięku dla użytkowników niesłyszących lub niedosłyszących. Niektórzy ludzie wolą także napisy, gdy znajdują się w hałaśliwym otoczeniu lub nie chcą przeszkadzać innym. Chociaż YouTube zapewnia automatyczne napisy do filmów, należy je edytować pod kątem dokładności i najlepszego doświadczenia użytkownika.

Pełne transkrypcje stanowią tekstową alternatywę dla mówionych części filmów (i doskonale nadają się do SEO wideo). Powinieneś opublikować je na tej samej stronie co film lub na osobnej stronie z linkiem. Czytniki ekranu mogą czytać transkrypcje szybciej niż napisy do filmów. Niektórzy użytkownicy mogą także preferować przeglądanie transkrypcji niż oglądanie wideo lub wyszukiwanie transkrypcji pod kątem określonego hasła.

Ponieważ wyszukiwarki nie mogą indeksować treści wideo, transkrypcje dostarczają cennych informacji do indeksowania. Edytuj transkrypcje, aby usunąć elementy konwersacji, takie jak „um” i „ach”, aby były łatwiejsze do odczytania.

Tekst kotwicy

Anchor tekst to klikalny tekst, który informuje użytkowników i wyszukiwarki, dokąd prowadzi link. Wyszukiwarki korzystają z tekstu zakotwiczenia, aby zrozumieć treść wokół łącza i na stronie docelowej. Dokładny tekst zakotwiczenia jest również ważny dla użytkowników niepełnosprawnych, aby nie musieli niepotrzebnie klikać na inne strony, które nie odpowiadają ich potrzebom.

Napisz zwięzły i dokładny tekst zakotwiczenia, aby użytkownicy wiedzieli, czego się spodziewać po kliknięciu linku. Oznacza to unikanie ogólnych wyrażeń, takich jak „kliknij tutaj” lub używania adresu URL jako tekstu zakotwiczenia.

Ponieważ niektórzy użytkownicy korzystający z czytników ekranu będą skanować stronę w poszukiwaniu linków, dobrym testem dostępności tekstu zakotwiczenia jest sprawdzenie, czy jest zrozumiały, jeśli zostanie sam przeczytany na głos.

Czytelność

Czytelność odnosi się do łatwości przyswajania treści. Strona o dużej czytelności angażuje użytkowników i zatrzymuje ich na Twojej stronie na dłużej. Jest także łatwiejszy do zrozumienia dla wyszukiwarek, które próbują dopasować treść do zapytań użytkowników.

Możesz poprawić czytelność dla SEO i dostępność poprzez:

• Grupowanie treści w fragmenty z przejrzystymi nagłówkami, co ułatwia znalezienie informacji.
• Usunięcie rozwlekłości i wybranie prostego i przekonującego języka.
• Używanie aktywnego głosu w celu uzyskania bardziej bezpośredniego stylu pisania.
• Używanie list numerowanych lub punktowanych do skanowania.
• Pisanie dla czytelników i unikanie upychania słów kluczowych.

Narzędzia do testowania dostępności

Dostępnych jest wiele bezpłatnych i płatnych narzędzi, które pozwalają zorientować się, jak łatwo dostępna jest Twoja witryna. Poniżej wymieniłem kilka, na początek.

dostępSkanuj

accessScan zapewnia szczegółową analizę wyników Twojej witryny pod względem klikalnych elementów, tytułów, menu, orientacji, grafiki, formularzy i czytelności. To bezpłatne narzędzie skanuje domenę i informuje Cię, czy Twoja witryna spełnia różne standardy dostępności, podając szczegółowe informacje na temat elementów, których nie udało Ci się spełnić. Informacje można pobrać w formie raportu w formacie PDF.

Kontroler dostępności

Accessibility Checker sprawdza strony internetowe pod kątem zgodności w oparciu o przepisy dotyczące dostępności w wybranych krajach. Zawiera ogólną ocenę zgodności, listę pilnych i drugorzędnych problemów oraz rozwiązania. Z bezpłatnego narzędzia można korzystać na pojedynczych stronach internetowych, ale aby skanować wiele stron jednocześnie, konieczna będzie aktualizacja.

Narzędzie do oceny dostępności sieci (WAVE)

To narzędzie, opracowane przez WebAIM, testuje strony internetowe pod kątem problemów z dostępnością zgodnie z wytycznymi WCAG 2.1. Możesz przejść bezpośrednio do witryny WAVE i wprowadzić adres URL, aby zobaczyć wizualizację błędów. Narzędzie nakłada ikony na Twoją stronę internetową, aby pokazać, gdzie znajdują się problemy. WAVE jest również dostępny jako rozszerzenie przeglądarki, dzięki czemu możesz testować bezpośrednio w przeglądarkach Chrome, Firefox i Edge.

Uzyskaj pomoc w ujednoliceniu SEO i dostępności już dziś

Zamiast podchodzić do kwestii dostępności później, połącz ją z SEO, aby usprawnić wysiłki związane z optymalizacją witryny. Nasz zespół w Victorious może pomóc Ci w stworzeniu skutecznych strategii, które łączą zarówno dostępność, jak i SEO, tworząc pomocną, pozbawioną barier witrynę internetową, która dotrze do jak najszerszego grona odbiorców. Skontaktuj się z nami już dziś, aby uzyskać bezpłatną konsultację.