Jak łatwo dodać atrybut tytułu do obrazów w WordPress (2 metody)

Po opublikowaniu tysięcy artykułów na WPBeginner nauczyliśmy się, że drobne szczegóły mogą mieć ogromny wpływ. Dodanie atrybutu tytułu do obrazów jest jedną z tych małych rzeczy, które robią dużą różnicę.

Jest to łatwy do pominięcia krok, ale zapomnienie o nim oznacza utratę szansy na poprawę dostępności strony internetowej i SEO obrazów. Ten prosty atrybut zapewnia dodatkowy kontekst zarówno odwiedzającym, jak i wyszukiwarkom.

Na szczęście WordPress ułatwia dodawanie tytułów obrazów i nie potrzebujesz żadnych specjalnych umiejętności. Przeprowadzimy Cię przez dwie proste metody, aby to zrobić.

Czym jest atrybut tytułu w obrazach?

Robotów indeksujących, botów i urządzeń do odczytu ekranu nie widzą Twoich obrazów. Zamiast tego widzą kod HTML, taki jak:

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

Przez większość czasu ten kod nie pomaga narzędziom dostępności ani wyszukiwarkom zrozumieć, o co chodzi na obrazku.

Dlatego zalecamy dodawanie tagu tytułu do obrazów. Na przykład:

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

Pomocny, trafny tag tytułu pomoże wyszukiwarkom takim jak Google poprawnie indeksować Twoje obrazy, a następnie pokazywać je osobom szukającym treści podobnych do Twoich. Może to poprawić SEO Twoich obrazów i zwiększyć ruch na Twoim blogu.

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

Możesz również dodać atrybut alternatywnego tekstu (alt), który Twoja witryna WordPress wyświetli, jeśli nie będzie mogła pokazać rzeczywistego obrazu, na przykład z powodu błędu WordPress.

Mając to na uwadze, zobaczmy, jak możesz dodać atrybuty tytułu do obrazów w swoim blogu lub witrynie WordPress. Po prostu użyj poniższych szybkich linków, aby przejść do metody, której chcesz użyć:

• Metoda 1: Dodawanie atrybutu tytułu do obrazów za pomocą edytora blokowego
• Metoda 2: Dodaj atrybut tytułu do obrazów za pomocą klasycznego edytora WordPress
• Dodatkowe wskazówki dotyczące poprawy SEO obrazów
• Najczęściej zadawane pytania (FAQ)
• Dodatkowe zasoby dotyczące optymalizacji obrazu

Metoda 1: Dodawanie atrybutu tytułu do obrazów za pomocą edytora blokowego

Możesz łatwo dodać tekst alternatywny i atrybuty tytułu do dowolnego obrazu w edytorze treści WordPress. Po prostu przejdź do Wpisy » Dodaj nowy i utwórz wpis.

Następnie kliknij ikonę „+” i wybierz blok Obraz, aby dodać obraz do wpisu lub strony.

Możesz teraz wybrać obraz z biblioteki mediów lub przesłać obraz z komputera. Niezależnie od wybranej opcji, upewnij się, że kliknąłeś, aby wybrać obraz w bibliotece medió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 Mediów. Więcej na ten temat znajdziesz w naszym przewodniku dotyczącym tekstu alternatywnego obrazu a tytułu obrazu w WordPress – jaka jest różnica?

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

Ma pole „Atrybut tytułu”, które jest faktycznym atrybutem tytułu obrazu w HTML.

Po prostu wpisz informacje, których chcesz użyć, w pole.

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

Teraz po prostu najedź kursorem myszy na obraz, a zobaczysz wyskakujące okienko zawierające Twój tag tytułu.

Metoda 2: Dodaj atrybut tytułu do obrazów za pomocą klasycznego edytora WordPress

Jeśli używasz starszego klasycznego edytora, proces dodawania atrybutu tytułu jest nieco inny. W klasycznym edytorze kliknij przycisk „Dodaj media” i wybierz swój obraz.

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

Pamiętaj raz jeszcze, że „Tytuł” jest używany wewnętrznie przez WordPress i nie jest prawdziwym atrybutem tytułu obrazu, który może poprawić SEO i dostępność.

Kiedy będziesz gotowy, kliknij przycisk „Wstaw do posta”.

Stamtąd kliknij, aby wybrać obraz, a następnie wybierz małą ikonę ołówka. Spowoduje to wyświetlenie okna podręcznego „Szczegóły obrazu”.

Po prostu kliknij, aby rozwinąć sekcję „Opcje zaawansowane”, a następnie wpisz tag tytułu w pole „Atrybut tytułu obrazu”.

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

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

Dodatkowe wskazówki dotyczące poprawy SEO obrazów

Po przesłaniu obrazów do biblioteki mediów nadszedł czas, aby je zoptymalizować pod kątem wyszukiwarek. Ułatwi to Google indeksowanie Twoich obrazów i wyższą pozycję w wynikach wyszukiwania.

Aby to zrobić, musisz pamiętać o dodaniu odpowiednich słów kluczowych w podpisach, tytułach i atrybutach tekstu alternatywnego.

Aby uzyskać potężne, zautomatyzowane rozwiązanie, zalecamy użycie All in One SEO (AIOSEO). Jest to najlepsza wtyczka SEO na rynku i ta, której używamy tutaj w WPBeginner do optymalizacji na stronie.

Jego moduł Image SEO to ogromna oszczędność czasu. Używamy go do automatycznego generowania odpowiednich atrybutów tytułu i tekstu alternatywnego dla naszych obrazów, zapewniając optymalizację bez żmudnej ręcznej pracy.

Wtyczka dodaje również Twoje obrazy do mapy witryny XML, aby pomóc wyszukiwarkom szybciej je znaleźć i indeksować. Pełny opis jej funkcji znajdziesz w naszej recenzji All in One SEO.

Ponadto wtyczka pozwala wyłączyć strony załączników. Te strony pokazują tylko większą wersję rzeczywistego obrazu, negatywnie wpływając na Twoje SEO.

Aby wyłączyć strony załączników, przejdź do strony All in One SEO » Wygląd wyszukiwania i przełącz się na zakładkę „SEO obrazu”. Upewnij się, że opcja „Przekieruj adresy URL załączników” jest ustawiona na „Załącznik”.

Teraz strony załączników będą przekierowywane do samych obrazów.

Poza tym możesz również używać opisowego tekstu dla plików obrazów, kompresować obrazy i dodawać linki zwrotne, aby zwiększyć rankingi. Aby uzyskać więcej wskazówek i trików, zapoznaj się z naszym przewodnikiem dla początkujących po SEO obrazów.

Najczęściej zadawane pytania (FAQ)

Oto odpowiedzi na najczęściej zadawane pytania dotyczące dodawania atrybutów tytułu obrazu w WordPressie.

Jaka jest różnica między tekstem alternatywnym obrazu a atrybutem tytułu obrazu?

Tekst alternatywny jest wyświetlany, gdy obraz nie może się załadować i jest kluczowy dla czytników ekranu i SEO. Atrybut tytułu zapewnia dodatkowe informacje jako podpowiedź, gdy użytkownik najeżdża kursorem na obraz.

Chociaż oba są przydatne, tekst alternatywny jest bardziej krytyczny dla dostępności i pozycji w wyszukiwarkach.

Czy „Tytuł” w Bibliotece multimediów to to samo co „Atrybut tytułu”?

Nie, służą różnym celom. Pole „Tytuł” w Bibliotece mediów jest do Twojego użytku wewnętrznego, aby pomóc w organizacji plików.

„Atrybut tytułu” to atrybut HTML, który odczytują wyszukiwarki i który tworzy podpowiedź po najechaniu myszką dla odwiedzających.

Czy mogę automatycznie dodawać tytuły obrazów w WordPress?

Tak, możesz użyć wtyczki takiej jak All in One SEO (AIOSEO). Jej moduł Image SEO może automatycznie generować tytuły i tekst alternatywny z nazw plików obrazów, co może zaoszczędzić dużo czasu.

Dodatkowe zasoby dotyczące optymalizacji obrazu

Mamy nadzieję, że ten przewodnik pomógł Ci dodać atrybuty tytułu do Twoich obrazów. Aby uzyskać więcej wskazówek dotyczących ulepszania wizualizacji i SEO Twojej witryny, zapoznaj się z tymi powiązanymi artykułami:

• Nasz wybór ekspertów najlepszych wtyczek do kompresji obrazów
• Jak używać AI do generowania obrazów w WordPress
• Przewodnik dla początkujących po SEO obrazów

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.