Jak najlepiej wykorzystać obrazy z witryny WordPress: alt SEO SEO i dostępność

  1. Co to jest tekst alt?
  2. Jak mogę edytować tekst alt?
  3. Co powinienem napisać jako tekst alt
  4. Więcej sposobów opisania obrazu
  5. Tytuł obrazu
  6. Tytuł Zdjęcia
  7. opis obrazu
  8. Pobieranie tekstu z Alt

Wcześniej omówiliśmy, jak to zrobić optymalizuj rozmiar obrazu , układ i dostępność na Twojej stronie WordPress. Tym razem przyjrzymy się bardziej szczegółowo konkretnemu obszarowi optymalizacji obrazu: tekstowi obrazu.

Zbadamy, czym jest alt text, dlaczego jest to ważne dla osób korzystających z witryny, jej wpływ na wyszukiwarki, jak edytować tekst alt należący do obrazów witryny i co napisać.

Co to jest tekst alt?

Tekst alternatywny lub tekst alternatywny to tekst wyświetlany, jeśli z jakiegoś powodu obraz, wideo, GIF lub inna treść nietekstowa nie jest widoczna.

Może to wynikać z tego, że obraz jest uszkodzony, jeśli istnieje powolne połączenie internetowe i nie można pobrać obrazu lub jeśli użytkownik ustawia przeglądarkę tak, aby nie wyświetlała obrazów.

W takich przypadkach obraz zostanie zastąpiony tekstem alt, jak w poniższym przykładzie:

Tekst Alt jest również odczytywany przez czytniki ekranu , pomaganie osobom z upośledzeniami wzrokowymi lub poznawczymi w zrozumieniu dowolnej treści nietekstowej.

A ponieważ wyszukiwarki są oparte na tekście, używają tekstu alternatywnego obrazu, a nie samego obrazu, aby dowiedzieć się, o co chodzi w obrazie.

Tekst Alt sprawia, że ​​obraz jest widoczny dla wyszukiwarek i czytników ekranu. Co, jak się wkrótce dowiesz, często jest bardzo dobre, jeśli zostanie wykonane poprawnie.

Jak mogę edytować tekst alt?

Aby poniższy obrazek pojawił się w tym poście, wymagany kod HTML to:

<img src = ”https://www.calliaweb.co.uk/wp-content/uploads/2017/05/dog-walking-740arily494.jpg” alt = ”pies spacerujący” />

jpg” alt = ”pies spacerujący” />

Img src oznacza tutaj „źródło obrazu” i jest to lokalizacja pliku obrazu. Na marginesie, dobrą praktyką jest logiczne nazywanie plików - zauważysz, że zawiera to nazwę „dog-walking.jpg”. Dzieje się tak, ponieważ ludzie, czytniki ekranu i wyszukiwarki mogą odczytywać i rozpoznawać nazwę pliku po przesłaniu go do witryny.

alt jest atrybutem alt. To jest miejsce, w którym pojawia się Twój tekst alt i opisz krótko obraz w kontekście wpisu na blogu. Po prostu zdecydowaliśmy się na tekst „pies chodzący”.

Dobra wiadomość jest taka: nie musisz znać żadnego kodu HTML, aby edytować swój tekst altowy. Po przesłaniu obrazu można edytować tekst dodatkowy na ekranie Szczegóły załączników :

Po przesłaniu obrazu można edytować tekst dodatkowy na ekranie Szczegóły załączników :

W powyższym przykładzie tekst „pies chodzący” będzie czytany zarówno przez czytniki ekranu, jak i wyszukiwarki, i pojawi się na tej stronie internetowej, jeśli obraz nie jest wyświetlany.

Jeśli obraz jest czysto dekoracyjny, tekst alt można pozostawić pusty. Ale w większości przypadków najlepiej jest dołączyć do obrazów tekst altowy.

Co powinienem napisać jako tekst alt

Jeśli utkniesz na tym, co napisać w polu tekstowym alt, zastanów się, jak opisałbyś obraz komuś, kto go nie widział.

Jeśli czytałeś post lub stronę na głos, nie opisywałbyś szczegółowo tego obrazu - tylko te części, które są istotne dla kontekstu reszty postu lub strony.

Weźmy na przykład obrazek poniżej:

Jeśli został on użyty na stronie internetowej poświęconej dobremu samopoczuciu, tekst „alt” może być „ szczęśliwą, zdrową kobietą spacerującą ”.

Ale jeśli byłby użyty na stronie produktu sprzedającej wzorzystą sukienkę, tekst alt mógłby być „ kobietą noszącą wzorzystą sukienkę z długim rękawem ”.

W obu przypadkach tekst alt opisuje obraz, a także odpowiednie słowo kluczowe.

Dla strony produktu słowem kluczowym jest „sukienka z długimi rękawami”. Dla witryny dobrego samopoczucia jest to „szczęśliwa, zdrowa kobieta”.

W zależności od tego, gdzie obraz jest używany, słowo kluczowe powinno opisywać obraz i być odpowiednie do kontekstu strony.

Uważaj, aby nie wpisywać słowa kluczowego w tekście altowym, jeśli nie ma to znaczenia dla obrazu, ponieważ nie jest to pomocne dla osób korzystających z witryny. Dodatkowo, jeśli wyszukiwarki zauważą, że wypełniasz słowa kluczowe w tekście altowym, będą one karać Twoją witrynę, czyniąc ją mniej widoczną w wyszukiwaniu.

Zauważ, że nie musisz także dodawać „zdjęcia ..” lub „obrazu…” w swoim tekście alt, ponieważ czytniki ekranu i wyszukiwarki wiedzą, że tekst alt opisuje obraz.

Więcej sposobów opisania obrazu

Tekst Alt nie jest jedynym miejscem, w którym możesz zamieścić opisowe informacje o swoich obrazach. WordPress ułatwia edycję następujących elementów:

• Tytuł
• Podpis
• Opis

Być może myślisz sobie: „Czy naprawdę muszę wypełniać wszystkie te informacje, za każdym razem, gdy przesyłam obraz?” Odpowiedź brzmi: nie, nie.

Musisz zdecydować indywidualnie, czy te inne pola są istotne.

Przyjrzyjmy się, w jaki sposób każde pole wpływa na użytkowników i SEO, aby pomóc Ci zdecydować:

Tytuł obrazu

Tytuł obrazu to tylko funkcja używana do nazywania obrazów w bibliotece multimediów. Ogólnie rzecz biorąc, tytuły obrazów nie są dostępne na Twojej stronie internetowej. Oznacza to, że nie będą miały wpływu na użytkowników ani na SEO.

Zazwyczaj nie są one wyświetlane na Twoich postach lub stronach, nie są odczytywane przez czytniki ekranu, a wyszukiwarki nie mogą ich indeksować.

Wypełnianie tytułu obrazu może być pomocne podczas sortowania obrazów. Jeśli nie, możesz z radością opuścić to pole.

Tytuł Zdjęcia

Podpis obrazu robi to, co mówi na cynie - ten tekst pojawia się nad lub pod obrazem na poście lub stronie.

Podpisy mogą być stylizowane przez programistę i często mają mniejszy rozmiar czcionki, aby wizualnie oddzielić je od reszty tekstu strony.

Podpisy są takie same jak reszta tekstu na stronie lub w poście. Są wyświetlane wizualnie, rozpoznawane przez wyszukiwarki i odczytywane przez czytniki ekranu.

opis obrazu

Opis obrazu jest dłuższym opisem obrazu. Podobnie jak w przypadku tekstu alt, nie będzie on wyświetlany na postie lub stronie, na której wyświetlany jest obraz. Niektóre motywy będą wyświetlać je na stronie załącznika (tzn. Strona, do której obrazy są domyślnie połączone).

Ale jeśli opisy nie są skonfigurowane tak, aby pojawiały się gdzieś w witrynie, wypełnienie tego pola spowoduje dodanie dodatkowej warstwy niepotrzebnej pracy.

Pobieranie tekstu z Alt

Maksymalne wykorzystanie tekstu alt to szybki i łatwy sposób na poprawę SEO i dostępności. Aby odświeżyć, oto kilka kluczowych wskazówek:

  • Tekst Alt jest tekstową reprezentacją dowolnej treści nietekstowej strony internetowej, w tym obrazów
  • Alt text to tekst, który wyświetla się, gdy obraz jest uszkodzony, ale jest także rozpoznawany przez wyszukiwarki i czytniki ekranu
  • Bez tekstu alternatywnego obraz jest niewidoczny dla czytników ekranu i wyszukiwarek
  • Po przesłaniu obrazu do witryny WordPress możesz edytować tekst alt na ekranie szczegółów załączników
  • Możesz także edytować tytuł i opis obrazu, ale tekst i podpisy są zazwyczaj ważniejsze dla SEO i dostępności
  • Zachowaj krótki tekst alt i dopasuj go do kontekstu strony
  • Używaj słów kluczowych w tekście alt, jeśli to możliwe, ale tylko wtedy, gdy są one istotne

Potrzebujesz pomocy w optymalizacji witryny dla użytkowników i wyszukiwarek? Skontaktuj się z nami !

Co to jest tekst alt?
Jak mogę edytować tekst alt?
Co to jest tekst alt?
Jak mogę edytować tekst alt?