Przewodnik dla początkujących po SEO obrazków – optymalizacja obrazków dla wyszukiwarek internetowych

Wyszukiwanie obrazów jest potężnym, często pomijanym źródłem ruchu na stronie internetowej. Optymalizacja obrazów pod kątem wyszukiwarek może znacznie zwiększyć widoczność witryny i przyciągnąć nowych użytkowników.

Gdy użytkownicy szukają obrazów związanych z treścią, zoptymalizowane obrazy mają większe szanse na pojawienie się w wynikach wyszukiwania, kierując ruch z powrotem do Twojej witryny. W WPBeginner wkładamy wiele wysiłku w optymalizację naszych własnych obrazów na blogu pod kątem słów kluczowych i najlepszych praktyk SEO.

Ten przewodnik dla początkujących zapewnia praktyczne podejście do optymalizacji SEO obrazu poprzez przestrzeganie najlepszych praktyk, pozwalając uwolnić pełny potencjał wyszukiwania obrazów i przyciągnąć więcej odwiedzających.

Oto krótki przegląd tego, czego dowiesz się z tego artykułu:

Optymalizacja twoich obrazków pod kątem SEO i szybkości działania

Szybkość wczytywania strony odgrywa ważną rolę w SEO i doświadczeniach użytkownika. Wyszukiwarki konsekwentnie wyżej oceniają szybkie witryny internetowe. Dotyczy to również wyszukiwania obrazków.

Obrazki wydłużają ogólny czas wczytywania twojej strony. Ich pobieranie trwa dłużej niż tekstu, co oznacza, że twoja strona wczytuje się wolniej, jeśli do pobrania jest kilka dużych obrazków.

Dlatego musisz upewnić się, że obrazki na twojej witrynie internetowej WordPress są zoptymalizowane pod kątem sieci. Przyzwyczajenie się do tego może być nieco trudne, ponieważ wielu początkujących nie jest ekspertami w dziedzinie grafiki i edycji obrazków.

Najlepszym sposobem optymalizacji obrazków jest ich edycja na twoim komputerze za pomocą oprogramowania do edycji zdjęć, takiego jak Adobe Photoshop. Umożliwia to wybranie odpowiedniego formatu pliku w celu utworzenia pliku o małym rozmiarze.

Można również użyć wtyczki do kompresji obrazków dla WordPressa. Wtyczki do optymalizacji obrazków umożliwiają automatyczne zmniejszenie rozmiaru pliku podczas przesyłania obrazka do WordPressa.

Możesz dowiedzieć się więcej z naszego podręcznego przewodnika na temat prawidłowej optymalizacji obrazków przed załadowaniem ich na twoją witrynę internetową.

Film instruktażowy

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Co to jest Alt Text?

Alt text lub tekst alternatywny to atrybut HTML dodawany do tagu img, który służy do wyświetlania obrazków na stronie internetowej. W zwykłym kodzie HTML wygląda to następująco:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

Pozwala on właścicielom witryn internetowych na opisanie obrazka zwykłym tekstem. Głównym celem tekstu alternatywnego jest poprawa dostępności poprzez włączanie czytników ekranu do odczytywania tekstu alternatywnego dla użytkowników niedowidzących.

Alt text jest również kluczowy dla SEO obrazków. Pomaga on wyszukiwarkom zrozumieć kontekst obrazka.

Nowoczesne wyszukiwarki potrafią rozpoznać obrazek i jego treść za pomocą sztucznej inteligencji. Nadal jednak polegają na właścicielach witryn internetowych, którzy opisują obrazek własnymi słowami.

Tekst alternatywny towarzyszy również obrazkom w wyszukiwarce obrazów Google, co pomaga użytkownikom zrozumieć obraz i zwiększa szanse na zwiększenie liczby odwiedzających Twój blog WordPress.

Zazwyczaj tekst alternatywny nie jest widoczny na twojej witrynie internetowej.

Jeśli jednak obrazek jest uszkodzony lub nie można go znaleźć, twój użytkownik będzie mógł zobaczyć alternatywny tekst z ikonką uszkodzonego obrazka obok niego.

Jaka jest różnica między tekstem alternatywnym a tytułami?

Tekst Alt jest używany w celu zapewnienia dostępności i SEO obrazków, podczas gdy pole tytułu jest używane wewnętrznie przez WordPress do wyszukiwania multimediów.

WordPress wstawia tag alt do rzeczywistego kodu używanego do wyświetlania obrazka. Tag tytułu jest przechowywany w bazie danych WordPressa w celu wyszukiwania i wyświetlania obrazków.

W przeszłości WordPress wstawił również tag tytułu w kodzie HTML. Nie była to jednak idealna sytuacja z punktu widzenia dostępności, dlatego ją usuwano.

Jaka jest różnica między tekstem alternatywnym a podpisami?

Tekst alt służy do opisu obrazka dla wyszukiwarek i czytników ekranów. Z drugiej strony podpis służy do opisania obrazka dla wszystkich użytkowników.

Tekst Alt nie jest widoczny na twojej witrynie internetowej, podczas gdy podpisy są widoczne pod twoimi obrazkami.

Tekst alternatywny ma kluczowe znaczenie dla lepszego pozycjonowania obrazków na twojej witrynie internetowej. Podpis jest opcjonalny i może być użyty, gdy potrzebujesz dodatkowych informacji o obrazku dla odwiedzających witrynę internetową.

Jak dodać tekst alternatywny, tytuł i podpis do obrazków w WordPressie?

Tekst alternatywny, tytuł i podpis składają się na metadane obrazka, które można dodać do obrazów podczas przesyłania ich do WordPressa.

Po dodaniu obrazka za pomocą domyślnego bloku Image, WordPress umożliwia dodanie dla niego podpisu i tekstu alternatywnego.

WordPress automatycznie generuje tytuł obrazka na podstawie nazwy pliku.

Tytuł można zmienić, rozwijając „Zaawansowane” ustawienia bloku obrazka. Znajdziesz tam pole „Atrybut tytułu”, w którym możesz dodać własny, dostosowany tytuł dla obrazka.

Możesz także edytować tag alt i tytuł dla obrazków, które zostały już przesłane do WordPressa.

Aby to zrobić, należy przejść na stronę Multimedia ” Biblioteka i znaleźć obrazek, który chcemy edytować.

Kliknięcie obrazka spowoduje wyświetlenie okna szczegółów załącznika.

W tym miejscu można wpisz tekst alternatywny, tytuł, podpis i opcjonalny opis wyświetlany na stronie załącznika.

Kiedy używać podpisów dla obrazków w WordPress?

Podpisy umożliwiają podanie dodatkowych szczegółów dotyczących obrazka wszystkim twoim użytkownikom. Są one widoczne na ekranie dla wszystkich użytkowników, w tym wyszukiwarek i czytników ekranu.

Jak mogłeś powiadomić, większość witryn internetowych zazwyczaj nie używa podpisów do obrazków w swoich wpisach na blogu lub stronach. Dzieje się tak, ponieważ podpisy często nie są potrzebne do wyjaśnienia obrazka.

Podpisy są bardziej odpowiednie w następujących scenariuszach:

• Zdjęcia rodzinne lub z wydarzeń
• Zdjęcia wymagające dodatkowych wyjaśnień opisujących tło relacji
• Galerie obrazków produktów

W większości przypadków obrazek można wyjaśnić w samej treści artykułu.

Korzystanie z All in One SEO do automatycznego zarządzania pozycjonowaniem obrazków (zalecane)

All in One SEO (AIOSEO) to najlepsza wtyczka WordPress SEO na rynku, a jej dodatek Image SEO automatycznie ustawi twój tekst alternatywny, tytuły obrazków, podpisy i inne. Doda również odpowiednią mapę witryny z obrazkami i inne funkcje SEO, aby poprawić twój ranking SEO.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę All in One SEO. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress. Aby korzystać z funkcji Image SEO, wymagany jest plan Plus lub wyższy.

Po włączaniu, wtyczka automatycznie uruchomi kreator konfiguracji. Jak poprawnie skonfigurować wtyczkę dowiesz się z naszego przewodnika po All in One SEO.

Teraz musisz przejść do All in One SEO ” Search Appearance, a następnie kliknąć kartę „Image SEO”. Następnie kliknij przycisk „Activate Image SEO”, aby włączyć funkcje SEO obrazów premium.

Ustawianie automatycznych tytułów obrazków za pomocą All in One SEO

Po przejściu do karty „Tytuł” na stronie SEO obrazków można wybrać format tytułu za pomocą inteligentnych tagów, które będą automatycznie używane do generowania atrybutów tytułu dla twoich obrazków.

Na przykład dodanie tagu „+ Image Title” spowoduje automatyczne użycie tytułu obrazka używanego w bibliotece multimediów WordPress.

Możesz także dodać inne tagi, takie jak tytuł twojej witryny internetowej, usunąć znaki interpunkcyjne z tytułu i zmienić jego wielkość.

Ustawianie automatycznego tekstu alternatywnego za pomocą All in One SEO

Następnie możesz kliknąć kartę „Alt Tag”, aby automatycznie sformatować tekst alternatywny twoich obrazków.

Domyślnie AIOSEO po prostu użyje tekstu alternatywnego z biblioteki multimediów. Jeśli chcesz, możesz również dodać tytuł swojej witryny internetowej i inne informacje do tekstu alternatywnego każdego obrazka na swojej stronie internetowej.

Dodatek Image SEO firmy All in One SEO może również automatycznie generować podpisy pod obrazkami, wyłączać strony z załącznikami, o czym powiemy poniżej, i wiele więcej.

Jak wyłączyć strony z załącznikami w WordPress?

WordPress tworzy stronę dla każdego obrazka, który przesyłasz do swoich wpisów i stron. Nazywa się ona stroną załącznika. Ta strona pokazuje tylko większą wersję rzeczywistego obrazka i nic więcej.

Może to mieć negatywny wpływ na Twoje rankingi wyszukiwania. Wyszukiwarki uważają strony z niewielką ilością tekstu lub bez tekstu za treści niskiej jakości lub cienkie.

Dlatego zalecamy wyłączenie stron załączników na twojej witrynie internetowej.

Wyłączanie stron z załącznikami przy użyciu All in One SEO

Najłatwiej to zrobić instalując i włączając wtyczkę All in One SEO. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu automatycznie wyłącza adresy URL załączników. Można również ręcznie wyłączyć strony z załącznikami w WordPressie, przechodząc na stronę All in One SEO ” Search Appearance i klikając kartę „Image SEO”.

W tym miejscu upewnij się, że opcja „Przekieruj adresy URL załączników” jest ustawiona na „Załącznik”.

Strony załączników będą teraz przekierowywane do samych obrazków. Oznacza to, że za każdym razem, gdy wyszukiwarka lub odwiedzający przejdzie do adresu URL strony załącznika, zobaczy obrazek zamiast strony załącznika.

Wyłączanie stron załączników za pomocą wtyczki

Jeśli nie używasz wtyczki AIOSEO, możesz zainstalować wtyczkę Attachment Pages Redirect. Wtyczka ta po prostu przekierowuje osoby przechodzące na stronę załącznika do wpisu, w którym wyświetlany jest obrazek.

Wyłączanie stron załączników za pomocą kodu

Możesz również wyłączyć strony załączników, dodając kod do pliku functions.php twojego motywu. Najbezpieczniej jest to zrobić za pomocą WPCode, najpopularniejszej wtyczki ułatwiającej dodawanie fragmentów kodu w WordPressie.

Najlepsze jest to, że WPCode ma wbudowaną bibliotekę fragmentów kodu, w której można znaleźć wszystkie najpopularniejsze fragmenty kodu WordPress, w tym wyłączanie stron załączników.

Najpierw należy zainstalować i włączyć darmową wtyczkę WPCode. Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji wtyczki WordPress.

Po włączaniu, udaj się do Code Snippets ” + Add Snippet. Musisz przeszukać bibliotekę fragmentów kodu, aby znaleźć fragment Disable Attachment Pages.

Gdy najedziesz myszką na fragment kodu, zobaczysz kilka przycisków.

Wystarczy kliknąć przycisk „Użyj fragmentu kodu”, a nowy fragment kodu zostanie utworzony.

Wszystko, co musisz teraz zrobić, to przełączyć przełącznik „Aktywny” do pozycji włączonej, a następnie kliknąć przycisk „Aktualizuj”. Strony załączników zostały pomyślnie wyłączone.

Jeśli jesteś zaznajomiony z kodem, możesz to również zrobić ręcznie, dodając następujący kod bezpośrednio do pliku functions.php twojego motywu.

function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit();
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit();
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );

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

Dodanie tagu alt nie jest jedyną rzeczą, którą można zrobić, aby poprawić SEO obrazków. Poniżej znajduje się kilka dodatkowych wskazówek, o których należy pamiętać podczas dodawania obrazków do twoich wpisów na blogu.

1. Napisz opisowy tekst alternatywny

Wielu początkujących często używa tylko jednego lub dwóch słów jako tekstu alternatywnego dla obrazka. Sprawia to, że obrazek jest zbyt ogólny i trudniejszy do pozycjonowania.

Na przykład, zamiast po prostu „kocięta”, można użyć „Kocięta bawiące się żółtą gumową kaczką”.

2. Używaj opisowych nazw plików dla twoich obrazków.

Zamiast zapisywać twoje obrazki jako DSC00434.jpeg, musisz je odpowiednio nazwać. Pomyśl o słowach kluczowych, które użytkownicy będą wpisywać w wyszukiwarkę, aby znaleźć ten konkretny obrazek.

Nazwy twoich obrazków powinny być bardziej szczegółowe i opisowe. Na przykład, red-wooden-house.jpeg jest lepsze niż po prostu house.jpeg.

3. Zapewnij kontekst dla twoich obrazków

Wyszukiwarki stają się coraz inteligentniejsze każdego dnia. Potrafią całkiem dobrze rozpoznawać i kategoryzować obrazki. Potrzebują jednak kontekstu dla obrazka.

Twoje obrazki muszą być związane z ogólnym tematem wpisu lub strony. Pomocne jest również umieszczenie obrazka w pobliżu najistotniejszego tekstu w twoim artykule.

4. Postępuj zgodnie z najlepszymi praktykami SEO

Musisz również przestrzegać ogólnych wytycznych SEO dla twojej witryny internetowej. Poprawi to twoje ogólne rankingi wyszukiwania, w tym wyszukiwania obrazków.

5. Używanie oryginalnych zdjęć i obrazków

Istnieje wiele witryn internetowych z darmowymi zdjęciami stockowymi, które można wykorzystać do znalezienia darmowych obrazków do twoich wpisów na blogu. Problem ze zdjęciami stockowymi polega jednak na tym, że są one wykorzystywane przez tysiące witryn internetowych.

Staraj się używać oryginalnych zdjęć lub tworzyć wysokiej jakości obrazki, które są unikatowe dla Twojego bloga.

Przewodniki ekspertów dotyczące optymalizacji obrazków WordPress

SEO obrazków to tylko jeden z aspektów optymalizacji obrazków w WordPress. Być może spodoba ci się kilka innych przewodników związanych z ulepszaniem obrazków na twojej witrynie internetowej WordPress.

• Jak zoptymalizować obrazy pod kątem wydajności w sieci bez utraty ich jakości?
• Jak prawidłowo dodawać obrazki w WordPress (krok po kroku)
• Jak dodać wyróżniające się obrazki lub miniaturki wpisów w WordPress?
• Narzędzia do tworzenia lepszych obrazków do twoich wpisów na blogu
• Świetne wtyczki WordPress do zarządzania obrazkami (aktualizacja)
• Jak utworzyć galerię obrazków w WordPress (krok po kroku)
• Jak łatwo wczytywać obrazki w WordPressie?
• Jak naprawiono typowe problemy z obrazkami w WordPressie (prosty przewodnik)
• WebP vs. PNG vs. JPEG: Najlepszy format obrazków dla WordPressa
• Gdzie WordPress przechowuje obrazki na twojej witrynie?

Wiemy, że większość blogerów nie jest fotografami ani grafikami. Na szczęście istnieje kilka świetnych narzędzi online, których możesz użyć do tworzenia grafiki dla twoich witryn internetowych.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o SEO obrazków dla twojej witryny internetowej. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak poprawić typowe problemy z obrazkami w WordPressie lub naszymi typami ekspertów dla najlepszych wtyczek i narzędzi WordPress SEO.

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.