Jak łatwo dodać atrybut tytułu do obrazków w WordPressie

Chcesz dodać atrybut title do obrazków w WordPress?

Atrybut title umożliwia podanie dodatkowych informacji o każdym obrazku. Pomaga to czytnikom ekranów i wyszukiwarkom zrozumieć, o czym jest obrazek, co jest świetne dla dostępności i SEO.

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

Czym jest atrybut tytułu w obrazkach?

Roboty indeksujące, boty i urządzenia do odczytu ekranu nie widzą twoich obrazków. Zamiast tego widzą kod HTML, taki jak:

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

W większości przypadków kod ten nie pomaga narzędziom dostępności i wyszukiwarkom zrozumieć, czego dotyczy obrazek.

Dlatego zalecamy dodawanie tagów tytułowych do twoich obrazków. Na przykład:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

Pomocny, odpowiedni tag tytułowy pomoże wyszukiwarkom takim jak Google poprawnie indeksować Twoje obrazki, a następnie wyświetlać je osobom, które szukają treści podobnych do Twoich. Może to poprawić SEO twoich obrazków i zwiększyć ruch na blogu.

Narzędzia ułatwień dostępu, takie jak czytniki ekranu, odczytają również tytuł na głos, co jest pomocne dla odwiedzających, którzy mają problemy ze wzrokiem.

Możesz również dodać alternatywny atrybut tagu, który twoja witryna internetowa WordPress wyświetli, jeśli nie może wyświetlić rzeczywistego obrazka, na przykład z powodu błędu WordPress.

Biorąc to pod uwagę, zobaczmy, jak dodać atrybuty tytułu do obrazków na twoim blogu lub witrynie internetowej WordPress. Skorzystaj z poniższych odnośników, aby przejść do wybranej metody:

Metoda 1: Dodawanie atrybutu tytułu do obrazków za pomocą edytora bloków

Możesz łatwo dodać tekst alternatywny i atrybuty tytułu do dowolnego obrazka w edytorze treści WordPress. Wystarczy przejść do sekcji Wpisy ” Utwórz nowy i utworzyć wpis.

Następnie kliknij ikonkę „+” i wybierz blok Obrazek, aby dodać obrazek do wpisu lub strony.

Możesz teraz wybrać obrazek z biblioteki multimediów lub przesłać go z twojego komputera. Bez względu na wybraną opcję, upewnij się, że kliknąłeś, aby wybrać obrazek w bibliotece multimediów.

Możesz teraz dodać tekst alternatywny, wpisując go w polu „Tytuł”.

Istnieje również pole „Tytuł”, ale jest to tytuł, którego WordPress używa wewnętrznie do identyfikacji plików multimedialnych w Bibliotece multimediów. Więcej informacji na ten temat można znaleźć w naszym przewodniku na temat tekstu alternatywnego obrazka a tytułu obrazka w WordPress – jaka jest różnica?

Aby dodać atrybut tytułu obrazu HTML, musisz dodać obrazek do swojej strony lub wpisu w normalny sposób. Następnie kliknij, aby rozwinąć sekcję „Zaawansowane” w menu po prawej stronie.

Posiada on pole „Atrybut tytułu”, które jest prawdziwym atrybutem tytułu obrazka HTML.

Wystarczy wpisać rodzaj informacji w pole.

Możesz teraz kliknąć „Aktualizuj” lub „Opublikuj”, aby wprowadzić twoje zmiany.

Teraz wystarczy najechać kursorem myszy na obrazek, a pojawi się wyskakujące okienko zawierające twój tag tytułowy.

Metoda 2: Dodawanie atrybutu tytułu do obrazków za pomocą klasycznego edytora WordPress

Jeśli korzystasz ze starszego klasycznego edytora, proces dodawania atrybutu tytułu jest nieco inny. W klasycznym edytorze kliknij przycisk „Dodaj multimedia” i wybierz swój obrazek.

Teraz prześlij nowy obrazek lub wybierz obrazek z biblioteki multimediów. Następnie możesz dodać tekst alternatywny i tytuł, korzystając z pól po prawej stronie biblioteki multimediów.

Po raz kolejny należy pamiętać, że „Title” jest używany wewnętrznie przez WordPress i nie jest prawdziwym atrybutem tytułu obrazka, który może poprawić SEO i dostępność.

Gdy będziesz gotowy, kliknij przycisk „Wstaw do wpisu”.

Następnie kliknij, aby wybrać twój obrazek, a następnie wybierz małą ikonkę ołówka. Spowoduje to wyświetlenie wyskakującego okienka „Szczegóły obrazka”.

Wystarczy kliknąć, aby rozwinąć sekcję „Opcje zaawansowane”, a następnie wpisać tag tytułu w polu „Atrybut tytułu obrazka”.

Nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać twoje zmiany.

Możesz teraz opublikować stronę lub wpis, aby tekst alternatywny obrazka i tag tytułu stały się aktywne.

Dodatkowe wskazówki zwiększające SEO obrazków

Po przesłaniu twoich obrazków do biblioteki multimediów, nadszedł czas, aby zoptymalizować je pod kątem wyszukiwarek. Ułatwi to Google indeksowanie twoich obrazków i pozycjonowanie ich wyżej.

Aby to zrobić, należy pamiętać o dodaniu odpowiednich słów kluczowych w podpisach, tytule i atrybutach tekstu alternatywnego.

Możesz również użyć All in One SEO for WordPress, która jest najlepszą wtyczką SEO na rynku.

Zawiera niesamowity dodatek Image SEO, który automatycznie ustawia twój tekst alternatywny, tytuły obrazków, podpisy i nie tylko. Dodaje również odpowiednią mapę witryny z obrazkami, aby poprawić twój ranking SEO.

Ponadto za pomocą wtyczki można wyłączyć strony z załącznikami. Strony te pokazują tylko większą wersję rzeczywistego obrazka i nic więcej, co ma negatywny wpływ na twoje SEO.

Aby wyłączyć strony z załącznikami, przejdź na stronę All in One SEO ” Search Appearance i przełącz się na kartę „Image SEO”. W tym miejscu upewnij się, że opcja „Przekieruj adresy URL załączników” jest ustawiona na „Załącznik”.

Teraz strony załączników będą przekierowywać do samych obrazków.

Oprócz tego można również używać tekstu opisowego do plików obrazków, kompresować obrazki i dodawać linki zwrotne w celu zwiększenia pozycji w rankingach. Więcej porad i wskazówek można znaleźć w naszym przewodniku SEO obrazków dla początkujących.

Mamy nadzieję, że ten artykuł pomógł ci łatwo dodać atrybut title do obrazków w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak zwiększyć szybkość i wydajność WordPressa oraz z naszą ekspercką listą najlepszych wtyczek do kompresji obrazków.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.