Dodawanie atrybutu title do obrazów w WordPress

Czy chcesz dodać atrybut title do obrazów w WordPress? Atrybut tytułu sprawia, że obrazy w witrynie WordPress są bardziej dostępne i przyjazne dla SEO.

Podobnie jak w przypadku tekstu alternatywnego, znacznik tytułowy umożliwia podanie dodatkowych informacji o obrazie. Pomaga to czytnikom ekranu i wyszukiwarkom zrozumieć kontekst obrazu w artykule.

W tym artykule pokażemy, jak łatwo dodać atrybuty tytułu do obrazów w WordPress.

Adding the title attribute to images in WordPress

Co to jest atrybut Title w obrazach?

Atrybut title w obrazkach umożliwia dodanie opisu tekstowego obrazu. Ułatwia to czytnikom ekranu i botom wyszukiwarek zrozumienie obrazu i jego kontekstu.

Pokażemy kilka przykładów kodu, aby wyjaśnić, w jaki sposób atrybut title jest używany w HTML. Ale nie martw się, nie musisz dodawać żadnego kodu HTML do swojej witryny.

Zwykle możesz wyświetlać obrazy ze znacznikiem HTML w ten sposób:


Jednak roboty indeksujące, boty i urządzenia do odczytu ekranu nie mogą zobaczyć twoich obrazów. Aby pomóc tym urządzeniom, możesz użyć atrybutu tekst alternatywny i tekst tytułowy w obrazach.

Aby pomóc wyszukiwarkom i botom dowiedzieć się, czym są Twoje obrazy, możesz dodać alternatywny atrybut tekstowy do tagu obrazu.

Atrybut alternatywnego znacznika opisuje, czym jest obraz i jest ważniejszy niż atrybut tytułu. Oto jak to wygląda:

 kosz na owoce

Alternatywny znacznik jest również wyświetlany, gdy łącze obrazu jest uszkodzone, nie zostało znalezione lub gdy przeglądarka nie może załadować obrazów. Obok zobaczysz małą ikonę obrazu z alternatywnym znacznikiem.

Broken image path

Aby ułatwić użytkownikom korzystanie z czytników ekranu i ułatwień dostępu, Możesz również dodać atrybut title do obrazu, w ten sposób:

kosz na owoce

Ten atrybut tytułu pojawia się w wyskakującym okienku po najechaniu myszą na obrazek. Ci, którzy używają oprogramowania czytnika ekranu, mogą skonfigurować swoje oprogramowanie, aby odczytać ten tytuł.

Image title attribute

Używanie zarówno tekstu alternatywnego, jak i atrybutu tytułu pomaga w SEO obrazu, dzięki czemu możesz zwiększyć ruch na swojej stronie z wyszukiwarek.

Dodawanie atrybutu Title Do obrazów w WordPress

WordPress umożliwia łatwe dodawanie atrybutów tekstu alternatywnego i tytułu w edytorze treści. Najpierw przejdź do Posty ” Dodaj Nowy i utwórz post.

Kliknij ikonę ” + „i wybierz blok „obraz”, Aby wstawić obraz do posta lub strony.

Add image block

Zostaniesz poproszony o przesłanie lub wybranie obrazu z biblioteki multimediów. Po wybraniu obrazu będziesz mieć możliwość nadania mu tytułu i wprowadzenia tekstu alternatywnego.

Add alt and title to image

Ważne: Ten tytuł nie jest atrybutem title używanym w HTML. Ten jest używany przez WordPress wewnętrznie do wyświetlania obrazów w bibliotece multimediów.

Aby dodać rzeczywisty atrybut title, musisz kliknąć zdjęcie, aby wyświetlić ustawienia obrazu w prawej kolumnie.

Teraz Kliknij, aby rozwinąć kartę „Zaawansowane” i wprowadź tekst, którego chcesz użyć dla atrybutu title. Napisaliśmy „kosz owoców”, ponieważ to mówi internetowi, czym jest obraz.

Add title attribute

Teraz, kiedy przeglądasz swoją witrynę i najedziesz myszką na obraz, zobaczysz wyskakujące okienko z napisem ” kosz owoców.’

Image title attribute

Dodaj atrybut tytułu do obrazów w klasycznym edytorze WordPress

Jeśli nadal używasz starszego klasycznego edytora w WordPress, nadal możesz dodać atrybut title, wykonując podobne kroki.

W klasycznym edytorze kliknij przycisk „Dodaj Multimedia”, a następnie wybierz swój obraz.

Add image classic editor

Teraz wybierz obraz, który chcesz dodać do swojego posta lub strony i wypełnij pole tekstowe Alt i pole Tytuł.

Należy pamiętać, że ten tytuł jest używany przez WordPress wewnętrznie i nie jest atrybutem tytułu obrazu.

Select image classic editor

Kliknij przycisk „Wstaw do postu” u dołu ekranu, a następnie zobaczysz swój obraz w klasycznym edytorze postów.

Edit image in post

Stamtąd Kliknij, aby wybrać swój obraz, a następnie kliknij małą ikonę ołówka. Spowoduje to wyświetlenie wyskakującego okienka „szczegóły obrazu”. Stąd musisz kliknąć rozwijane Opcje zaawansowane, aby wprowadzić atrybut tytułu obrazu.

Image title attribute field

Nie zapomnij kliknąć przycisku „Aktualizuj” na dole, a następnie zapisać swój post i sprawdzić go w przeglądarce. po najechaniu kursorem myszy na obraz zobaczysz okienko z atrybutem tytułu obrazu.

Image title attribute popup

Mamy nadzieję, że ten artykuł pomógł Ci łatwo dodać atrybut tytułu do obrazów w WordPress. Możesz także zapoznać się z rozwiązywaniem najczęstszych problemów z obrazami w WordPress i zapisywaniem obrazów zoptymalizowanych pod kątem szybkości internetu.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…