Jak dodać tekst obrazu w WordPress

Dodanie alternatywnego tekstu, bardziej znanego jako „tekst alt”, do obrazów w WordPress jest prostym, ale niezbędnym krokiem do uczynienia witryny dostępnej i przyjaznej dla SEO. Alt Tekst pomaga użytkownikom w upośledzeniu wizualnym poprzez dokładne opisanie elementów wizualnych, upewniając się, że otrzymają ważne informacje, które w innym przypadku byłyby pominięte. Pisanie dobrego tekstu alt pomaga również wyszukiwarkom i algorytmom AI rozumieją Twoje obrazy, co może zwiększyć widoczność witryny.

W tym przewodniku przeprowadzimy Cię przez to, co sprawia, że ​​jest dobry tekst alt, dlaczego ma to znaczenie i jak dodać go do swoich obrazów w WordPress przy użyciu trzech łatwych metod.

Co to jest tekst alt i dlaczego ma to znaczenie?

Tekst Alt to krótki opis obrazu, który pojawia się w kodzie witryny. Czytniki ekranu używają go do opisywania obrazów dla użytkowników zaburzonych wizualnie. Ponadto, jeśli obraz nie załaduje się, tekst Alt wyświetli się w przeglądarce, zapewniając, że treść pozostanie zrozumiała. Zapewnienie jasnego, opisowego tekstu alt dla zrzutów ekranu przyczynia się również do optymalizacji wyszukiwarek i widoczności.

Pod względem doświadczenia użytkownika tekst Alt zapewnia również, że treść pozostaje znacząca i dostępna w telefonach komórkowych i tabletach, gdzie obrazy mogą nie wyświetlać poprawnie z powodu wymiarów ekranu. Pisząc efektywny tekst Alt, nie tylko uczyniasz swoją witrynę bardziej integracyjną, ale także tworzysz cenniejszą i praktyczną witrynę WordPress.

Zrozumienie atrybutu HTML Alt

Atrybut ALT jest integralną częścią kodu HTML używanego do określania obrazu. Jest zawarty w znaczniku IMG i idealnie zawiera krótki opis obrazu. Na przykład, jeśli obraz ma atrybut ALT, który odczytuje „duży pomarańczowy kot z jedzeniem lasagna”, czytnik ekranu ogłosi użytkownikowi „duży pomarańczowy kot jedzący lasagne”.

Jak dodać tekst alt w WordPress

Możesz dodawać lub edytować tekst alt w WordPress na trzy główne sposoby: za pośrednictwem biblioteki multimedialnej, edytora Gutenberga lub bezpośrednio w kodzie. Sprawdźmy wszystkie trzy opcje, abyś mógł wybrać odpowiedni dla Ciebie i Twojej witryny.

1. Korzystanie z biblioteki multimediów WordPress

To najłatwiejszy sposób na dodanie tekstu alt do obrazów, które już przesłałeś.

• Zaloguj się do pulpitu WordPress.
• Przejdź do Media> Library .
• Kliknij obraz, który chcesz edytować.
• W panelu szczegółów załącznika po prawej stronie znajdź pole tekstowe alt .
• Wprowadź opisowy tekst Alt. Kliknij od pola lub zamknij okno. WordPress zapisuje zmiany automatycznie.

2. Korzystanie z edytora Gutenberga

Jeśli dodajesz lub edytujesz obrazy w poście lub stronie, możesz ustawić tekst Alt.

• Otwórz post lub stronę w edytorze Gutenberg.
• Kliknij blok obrazu, który chcesz edytować.
• Na prawym pasku bocznym znajdź pola Ustawienia obrazu i tekst Alt (tekst alternatywny) .
• Wprowadź swój tekst Alt.
• Zapisz lub zaktualizuj swój post lub stronę, aby zachować zmiany.

3. Bezpośrednia edycja kodu

Dla osób komfortowych z HTML możesz użyć edytora kodu.

• Przełącz na edytor kodu w edytorze Gutenberg.
• Znajdź znacznik <MG> dla swojego obrazu.
• Dodaj lub edytuj atrybut alt = „Twój tekst opisowy” .
• Zapisz lub zaktualizuj swój post lub stronę

Dodanie tekstu alt w WordPress jest dość proste, niezależnie od tego, czy wolisz bibliotekę multimedialną, edytor Gutenberga, czy bezpośrednio edytowanie kodu. Próbując każdej z tych metod na stronie testowej lub w witrynie inscenizacji, możesz upewnić się, że Twoje obrazy są dostępne, opisowe i zoptymalizowane dla wszystkich użytkowników i wyszukiwarki.

Wskazówki dotyczące pisania efektu alt tekst

Jak widzieliśmy, pisanie efektywnego tekstu Alt jest niezbędną umiejętnością do udostępniania Twojej witryny, poprawy wrażenia użytkownika i zapewnienia, że ​​treść jest włączona dla wszystkich. Poniższe wskazówki pomogą Ci stworzyć tekst, który jest jasny, zwięzły i znaczący dla wszystkich użytkowników, w tym tych, którzy polegają na czytnikach ekranu.

Być zwięzłym i opisowym

Pisząc tekst Alt, skup się na jasnym i prostym opisie podstawowych elementów obrazu. Chcesz dać użytkownikom wystarczającą ilość informacji, aby zrozumieć treść obrazu bez przytłaczania ich niepotrzebnymi szczegółami. Cel zdania lub wyrażenia, które rejestruje główną ideę, najlepiej poniżej 125 znaków, dzięki czemu jest szybki w czytaniu i łatwy do przetworzenia czytników ekranu.

Unikaj farszu słów kluczowych

Chociaż kuszące jest dodanie wielu słów kluczowych dla SEO, wypychanie tekstu alt z nieistotnymi lub powtarzającymi się słowami kluczowymi może sprawić, że jest mylące dla użytkowników, a nawet zaszkodzić rankingom wyszukiwania. Zamiast tego użyj języka naturalnego i dołącz słowa kluczowe tylko wtedy, gdy naprawdę pasują do opisu obrazu. Priorytetyzuj przejrzystość i wrażenia użytkownika nad optymalizacją wyszukiwarek.

Pomiń „obraz”, chyba że jest to konieczne

Czytniki ekranu już ogłaszają, gdy napotykają obraz, więc rozpoczęcie tekstu alt z zwrotami takimi jak „obraz” lub „zdjęcie” jest zwykle zbędne. Idź prosto do opisu, takiego jak „zachód słońca nad górami”, a nie „wizerunek zachodu słońca nad górami”. Jedynym wyjątkiem jest to, że kontekst wymaga wyjaśnienia, takiego jak rozróżnienie między zdjęciem, ilustracją lub ikoną.

Spraw, aby każdy tekst alt był wyjątkowy

Gdy masz kilka podobnych obrazów na stronie, unikaj używania tego samego tekstu alt dla każdego z nich. Zamiast tego dostosuj swoje opisy, aby podkreślić, co czyni każdy obraz wyjątkowy. Pomaga to użytkownikom zrozumieć kontekst i zapewnia, że ​​Twoja witryna pozostaje dostępna i pouczająca, szczególnie w przypadku galerii zdjęć lub ofert produktów.

Opisz treść i funkcję

Pomyśl, dlaczego obraz jest na stronie. Jeśli jest to czysto dekoracyjne, możesz pozostawić puste tekst (za pomocą pustego atrybutu alt, alt = ” ). Jeśli jednak obraz służy celowi, takiego jak przycisk, link lub infografika, opisz zarówno to, co jest pokazane, jak i to, co robi. Na przykład „Pobierz przycisk PDF” lub „Wykres pokazujący wzrost sprzedaży od 2022 do 2025 r.” W ten sposób użytkownicy otrzymują wszystkie potrzebne informacje, niezależnie od tego, jak uzyskują dostęp do Twojej witryny.

Narzędzia do tworzenia tekstu Alt

Kilka narzędzi może pomóc Ci napisać efektywny tekst alt. Na przykład wtyczka Yoast SEO dla WordPress oferuje funkcje, które pomagają generować tekst alt dla twoich obrazów, zapewniając, że są zoptymalizowane pod kątem wyszukiwarek. Adobe Creative Cloud zapewnia również narzędzia, które pomagają użytkownikom tworzyć tekst Alt dla swoich wizualizacji.

Ponadto narzędzia online, takie jak alttext.ai, mogą być nieocenione, szczególnie dla osób nieznanych w pisaniu tekstu alt lub potrzebujących generowania tekstu Alt dla dużej liczby obrazów.

Narzędzia te upraszczają proces, ułatwiając tworzenie opisowego i przyjaznego dla SEO tekstu Alt dla wszystkich obrazów Twojej witryny.

Praca krótkoterminowa z długoterminowymi zyskami

Dodanie tekstu alt do obrazów w WordPress jest szybkie, łatwe i opłaca się w dostępności i SEO. Niezależnie od tego, czy przesycisz nowe obrazy, czy aktualizujesz stare, uczyń tekst alt swojej rutyny. Twoi goście (i algorytmy wyszukiwania) podziękują ci.

Jeśli chcesz dowiedzieć się więcej o uczynieniu projektu WordPress dla użytkownika dla wszystkich, sprawdź nasz przewodnik po 7 niezbędnych elementach, aby uzyskać bardziej dostępną witrynę.