Czy optymalizacja obrazów pod kątem SEO naprawdę przynosi ruch, czy jest to tylko kolejne zadanie SEO, które Cię zajmuje?
Większość właścicieli witryn optymalizuje swój tekst pod kątem wyszukiwania, ale traktuje swoje obrazy jako coś drugorzędnego. Może to oznaczać utratę możliwości pojawienia się w Google Obrazy i odpowiedziach AI.
W tym przewodniku dowiesz się, jak optymalizować obrazy w WordPressie i przekształcić je w kolejny sposób, w jaki ludzie mogą znaleźć Twoją witrynę.
Oto, co omówimy w tym artykule:
- Zmień nazwy plików obrazów przed ich przesłaniem
- Napisz tekst alternatywny, który pomaga w SEO i dostępności
- Optymalizuj tytuł, podpis i opis obrazu
- Zmień rozmiar i skompresuj obrazy, aby przyspieszyć działanie witryny
- Wybierz odpowiedni format obrazu
- Szybkie serwowanie obrazów: leniwne ładowanie, obrazy responsywne i CDN
- Pomóż Google znaleźć Twoje obrazy: mapy witryn obrazów i dane strukturalne
- Samouczek wideo
- Często zadawane pytania dotyczące SEO obrazów
- Dodatkowe zasoby dotyczące optymalizacji obrazów WordPress
Zmień nazwy plików obrazów przed ich przesłaniem
Zmień nazwy plików obrazów przed ich przesłaniem do WordPressa. Opisowa nazwa pliku daje wyszukiwarkom wskazówkę, co przedstawia obraz, i pomaga im zrozumieć jego trafność dla strony.
Na przykład, jeśli dodajesz zdjęcie czerwonego drewnianego domu, zmień nazwę DSC00434.jpeg na red-wooden-house.jpeg. Unikaj ogólnych nazw, wygenerowanych przez aparat numerów lub nazw plików, które nie opisują obrazu.
Używaj łączników (-) do oddzielania słów w nazwach plików zamiast podkreślników (_). Wyszukiwarki mogą interpretować łączniki jako spacje między słowami, dzięki czemu red-wooden-house.jpg jest łatwiejsze do zrozumienia niż red_wooden_house.jpg.
Nie musisz upychać słów kluczowych w nazwach plików. Zamiast tego użyj krótkiej, opisowej nazwy, która pasuje do obrazu.
Napisz tekst alternatywny, który pomaga w SEO i dostępności
Tekst alternatywny to krótki opis dodany do obrazu w HTML. Pomaga czytnikom ekranu opisać obraz odwiedzającym i daje wyszukiwarkom przydatne informacje na jego temat.
Napisz tekst alternatywny, który jasno opisuje obraz i pasuje do kontekstu artykułu. Google używa tekstu alternatywnego, wraz z otaczającą treścią, aby zrozumieć, co przedstawia obraz.
Na przykład, jeśli piszesz o uprawie pomidorów, obraz roślin pomidorów w ogrodzie może mieć tekst alternatywny taki jak Rośliny pomidorów rosnące w podniesionej grządce.
Jeśli Twoja witryna ma już setki obrazów bez tekstu alternatywnego, nie musisz aktualizować ich pojedynczo. Możesz połączyć swoją witrynę z narzędziem AI, takim jak ChatGPT, za pośrednictwem bezpłatnej wtyczki WPVibe i wygenerować tekst alternatywny masowo.
Możesz również skorzystać z naszego przewodnika po automatycznym generowaniu tekstu alternatywnego obrazów za pomocą AI, aby poznać inne opcje.
Jak długi powinien być tekst alternatywny?
Google nie ustala limitu znaków dla tekstu alternatywnego. Powszechna wytyczna 125 znaków pochodzi faktycznie od tego, jak starsze czytniki ekranu, takie jak JAWS, przycinały długi tekst alternatywny na fragmenty.
Skup się na szczegółach, które pomagają ludziom zrozumieć obraz, zamiast próbować osiągnąć określoną długość. Oto kilka przykładów:
| Zbyt ogólne | Lepszy tekst alternatywny | Bardziej opisowy tekst alternatywny |
|---|---|---|
| Chleb | Bochenek chleba na stole | Chleb na zakwasie stygnący na kratce |
| Japonia | Turyści odwiedzający Japonię | Turyści odwiedzający chram Fushimi Inari w Kioto w Japonii |
| Panel WordPress | Edytor witryny WordPress | Edytor witryny WordPress pokazujący szablon strony głównej |
Zacznij od najużyteczniejszej części opisu, zamiast od fraz typu „obrazek” lub „zdjęcie”. Czytniki ekranu już identyfikują treść jako obraz, więc te słowa tylko dodają szum.
Jeśli obraz wymaga dłuższego wyjaśnienia, umieść te informacje w otaczającej treści lub w podpisie, zamiast próbować zmieścić wszystko w tekście alternatywnym.
Optymalizuj tytuł, podpis i opis obrazu
WordPress udostępnia kilka pól do opisywania obrazów, takich jak Tytuł, Podpis i Opis.
Służą one różnym celom, ale jasne informacje o obrazie mogą pomóc wyszukiwarkom i systemom AI zrozumieć, co obraz przedstawia i jak odnosi się do Twojej treści.
Pamiętaj, że edycja tych pól w Bibliotece Mediów nie aktualizuje obrazów, które już umieściłeś w postach lub stronach. Będziesz musiał edytować te obrazy bezpośrednio tam, gdzie się pojawiają.
Tytuł obrazu
Tytuł obrazu pomaga identyfikować i organizować obrazy w Bibliotece Mediów WordPress. Ponadto może pomóc narzędziom wyszukiwania AI w zrozumieniu Twojej treści.
Opis obrazu
Pole opisu pozwala dodać dodatkowe informacje o obrazie w Twojej Bibliotece Mediów WordPress.
Podpis obrazu
Podpis pojawia się pod obrazem i daje odwiedzającym dodatkowy kontekst. Użyj go, gdy musisz wyjaśnić obraz, podać autorstwo lub wskazać ważny szczegół.
Google wyraźnie mówi, że używa tytułów i podpisów obrazów do ich zrozumienia. Utrzymuj swoje podpisy jasne i związane z obrazem oraz stroną.
Zmień rozmiar i skompresuj obrazy, aby przyspieszyć działanie witryny
Duże pliki obrazów mogą spowalniać Twoje strony, co może zaszkodzić rankingom i sprawić, że odwiedzający chętniej odejdą. Zmiana rozmiaru i kompresja obrazów to jeden z najłatwiejszych sposobów na poprawę szybkości strony.
Przed przesłaniem obrazu do WordPressa, zmień jego rozmiar do największego rozmiaru, jakiego potrzebuje Twoja witryna. Nie ma powodu, aby przesyłać obraz o szerokości 4000 pikseli, jeśli Twoja witryna wyświetla go tylko w szerokości 1200 pikseli.
Następnie skompresuj obraz, aby zmniejszyć jego rozmiar pliku bez zauważalnego zmniejszenia jakości.
Kompresja może również usunąć metadane aparatu, których odwiedzający nigdy nie widzą, co sprawia, że pliki są jeszcze mniejsze. W WPBeginner używamy TinyPNG do kompresji obrazów przed ich przesłaniem.
Możesz również użyć wtyczek, takich jak EWWW Image Optimizer lub Optimole, aby zautomatyzować kompresję obrazów.
Aby uzyskać instrukcje krok po kroku, zobacz nasz poradnik na temat optymalizacji obrazów pod kątem wydajności sieci bez utraty jakości.
Wybierz odpowiedni format obrazu
Właściwy format obrazu może pomóc zrównoważyć jakość obrazu i rozmiar pliku. Oto, czego używać dla najczęstszych typów obrazów:
| Format obrazu | Najlepszy dla |
|---|---|
| WebP | Dobry wybór dla większości zdjęć i grafik. Zapewnia dobrą jakość obrazu przy mniejszych rozmiarach plików niż starsze formaty, takie jak JPEG i PNG. |
| AVIF | Zdjęcia i inne szczegółowe obrazy, gdy chcesz uzyskać bardzo małe rozmiary plików. Oferuje doskonałą kompresję, ale niektóre edytory obrazów i starsze narzędzia nie mogą go otworzyć ani wyeksportować. |
| JPEG | Zdjęcia i inne obrazy z wieloma kolorami. Pozostaje praktycznym wyborem, gdy potrzebujesz szeroko obsługiwanego formatu. |
| PNG | Loga, zrzutki ekranu i grafiki wymagające przezroczystości lub ostrych szczegółów. |
| SVG | Proste loga, ikony i inne grafiki wektorowe, które muszą pozostać ostre przy różnych rozmiarach. |
Więcej o różnicach między WebP, PNG i JPEG dowiesz się z naszego przewodnika po najlepszym formacie obrazu dla WordPress.
Szybkie serwowanie obrazów: leniwne ładowanie, obrazy responsywne i CDN
WordPress automatycznie stosuje lenistwo ładowania obrazów, które nie są od razu widoczne na ekranie, i używa responsywnych obrazów z srcset, aby przeglądarki mogły pobrać odpowiedni rozmiar obrazu dla każdego ekranu.
Najważniejszą rzeczą, na którą należy zwrócić uwagę, jest Largest Contentful Paint (LCP), czyli czas potrzebny na załadowanie największego widocznego elementu na stronie.
Jeśli Twój główny obraz pojawia się blisko góry strony, nie chcesz, aby lenistwo ładowania go opóźniało. WordPress już pomija lenistwo ładowania dla pierwszych trzech obrazów na stronie.
Jeśli używasz wtyczki takiej jak Optimole, możesz zmienić liczbę wiodących obrazów wykluczonych z lenistwa ładowania. Aby uzyskać więcej wskazówek, zobacz nasz przewodnik po łatwym lenistwie ładowania obrazów w WordPress.
Jeśli Twoja witryna ma odwiedzających na całym świecie lub obsługuje wiele dużych obrazów, sieć dostarczania treści (CDN) może pomóc, wysyłając pliki z serwera bliżej każdego odwiedzającego.
Pomóż Google znaleźć Twoje obrazy: mapy witryn obrazów i dane strukturalne
Większość witryn WordPress nie potrzebuje oddzielnej mapy witryny obrazów. Google zazwyczaj może odkryć obrazy, przeszukując strony, na których się pojawiają.
Mapa witryny obrazów może pomóc, jeśli masz dużą witrynę z dużą ilością obrazów lub używasz obrazów, które trudno odkryć za pomocą zwykłej nawigacji i linków wewnętrznych.
Jeśli używasz AIOSEO, nie musisz tworzyć oddzielnej mapy witryny obrazów, ponieważ domyślnie dodaje ona Twoje obrazy do swojej mapy witryny XML.
Zobacz nasz przewodnik po tworzeniu mapy witryny w WordPress, aby uzyskać szczegółowe informacje.
W przypadku treści, w których obrazy są ważną częścią wyniku, dane strukturalne mogą dostarczyć Google więcej informacji o stronie.
Na przykład schemat Produktu może opisać obraz produktu, cenę i dostępność, podczas gdy schemat Przepisu może dostarczyć informacji o przepisie i jego obrazie.
Te szczegóły mogą pomóc Google zrozumieć stronę i mogą sprawić, że będzie ona kwalifikować się do bogatszych wyników wyszukiwania.
Nie potrzebujesz specjalnego schematu dla Przeglądów AI ani trybu AI. Google może wykorzystać te same sygnały SEO do zrozumienia Twoich treści, więc dodawaj dane strukturalne tylko wtedy, gdy pasują do Twojej strony.
Aby uzyskać więcej informacji, postępuj zgodnie z naszym przewodnikiem po używaniu fragmentów rozszerzonych w WordPress.
Samouczek wideo
Często zadawane pytania dotyczące SEO obrazów
Czy WebP jest lepszy od JPEG lub PNG dla SEO?
Nie, Google nie przyznaje żadnemu formatowi obrazu przewagi w rankingu.
WebP może zapewnić dobrą jakość przy mniejszym rozmiarze pliku, ale JPEG, PNG, AVIF i SVG mają sytuacje, w których mają więcej sensu. Wybierz format, który zapewnia odpowiednią równowagę między jakością a rozmiarem pliku.
Czy ludzie mogą znaleźć moją witrynę, wyszukując za pomocą zdjęcia?
Tak, Google Lens pozwala ludziom wyszukiwać za pomocą obrazu, aby znaleźć podobne obrazy, zidentyfikować obiekty na obrazie i odkryć witryny, które używają tego samego lub podobnego obrazu.
Jak mogę umieścić moje obrazy w Przeglądach AI i odpowiedziach AI Google?
Nie ma specjalnej sztuczki SEO dotyczącej obrazów, która gwarantuje umieszczenie w podsumowaniach AI lub trybie AI. Google zaleca te same podstawy SEO, których używa w zwykłym wyszukiwaniu.
Oznacza to tworzenie pomocnych treści, zapewnienie dobrej jakości strony, zapewnienie możliwości indeksowania stron oraz używanie wysokiej jakości obrazów, które wzbogacają Twoje treści.
Dodatkowe zasoby dotyczące optymalizacji obrazów WordPress
- Jak znaleźć darmowe obrazy do swoich postów na blogu WordPress
- Jak utworzyć galerię obrazów w WordPress (krok po kroku)
- Jak naprawić typowe problemy z obrazami w WordPress (łatwy przewodnik)
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.
bonmot
Kod po „Jeśli znasz się na kodowaniu, możesz to również zrobić ręcznie, dodając poniższy kod bezpośrednio do pliku functions.php swojego motywu.” wydaje się niekompletny. Czy nie powinno być:
function wpb_redirect_attachment_to_post () {
przed
if ( is_attachment() ) {
?
Wsparcie WPBeginner
Dziękujemy za zwrócenie uwagi, powinno zostać poprawione w artykule
Administrator
Jiří Vaněk
Czy format obrazu ma wpływ na SEO? Czy to jpeg, webp czy png? Używam webp ze względu na rozmiar, czy jest większa szansa na SEO, że Google może preferować ten typ obrazu ze względu na jego rozmiar?
Wsparcie WPBeginner
Chyba że otrzymamy inne informacje, format obrazu nie daje przewagi SEO, najlepiej byłoby użyć formatu obrazu, który najlepiej odpowiada zastosowaniu obrazu.
Administrator
Jiří Vaněk
Dzięki za odpowiedź, miałem nadzieję, że Google będzie preferował niestandardowy format obrazu, a także jego rozmiar. Szkoda. Tak czy inaczej, dzięki za odpowiedź. Używam WebP w sieci i będę go nadal używać.
Patricia
„Uwaga: Zmiana tagu alternatywnego lub podpisu obrazu za pośrednictwem Biblioteki Mediów nie zmieni go w postach i stronach, w których obraz jest już używany.”
Jeśli tak jest, jak mogę dostosować tagi alternatywne obrazów już w użyciu?
Joe Staiano
Czy mogę edytować wszystkie te zdjęcia w mojej Bibliotece Mediów w Panelu WP, jeśli strona internetowa i poszczególne strony są już opublikowane i aktywne? Czy muszę usunąć każde zdjęcie i ponownie załadować skopiowaną wersję zdjęcia z poprawnymi tagami Alt, Tytułem, Opisem?
Wsparcie WPBeginner
Gdybyś wprowadził zmiany w bibliotece mediów dotyczące tagów obrazów, musiałbyś ponownie dodać obrazy, aby informacje były zgodne z tym, co zmieniłeś dla już istniejących w witrynie.
Administrator
Nelda Schulte
To było świetne wyjaśnienie. Szukałem tego typu informacji od dni, wasze było najlepsze, jakie znalazłem. Dziękuję!
Wsparcie WPBeginner
Proszę bardzo
Administrator
Philbeaux
Czy opis załączonego obrazu ma jakikolwiek wpływ na SEO strony?
Wsparcie WPBeginner
Obecnie nie ma to większego wpływu na SEO.
Administrator
Favian
Re: rozmiar obrazu – wgrałem obrazy 1200x1200px @około <1mb. Czy ma sens zmniejszanie rozmiaru pliku bezpośrednio w WP (np. wstawianie obrazów nie w 'pełnym rozmiarze', ale raczej w 'duży', 'średni' itp.)? Czy też muszę zadbać o rozmiar obrazu podczas bezpośredniego przesyłania obrazów z mojego dysku twardego? Dzięki
Wsparcie WPBeginner
W tym momencie staje się to bardziej kwestią osobistych preferencji, ale wolimy optymalizować i zmieniać rozmiar obrazów przed przesłaniem ich do witryny WordPress, jeśli o to Ci chodzi.
Administrator
Ahmed
Dziękuję za ten dobry post.
Wsparcie WPBeginner
Proszę bardzo, cieszę się, że spodobał Ci się nasz post
Administrator
sanjay sajeev
Cześć,
Dziękuję za udostępnienie wskazówek dotyczących optymalizacji obrazów. Mnie martwi coś innego. Na przykład, opublikowałem wpis na blogu zawierający obraz. Później chcę usunąć ten obraz z wpisu i dodać nowy. Jeśli go usunę i dodam nowy obraz. Czy to wpłynie na SEO mojej witryny?
Wsparcie WPBeginner
Zmiana obrazu nie powinna znacząco wpłynąć na pozycjonowanie Twojej witryny.
Administrator
Jad
A co z polem Opis?!
Wsparcie WPBeginner
To pole służy do wyświetlania tekstu na stronie załącznika obrazu lub poniżej obrazu, w zależności od projektu motywu, a nie do czegoś ważnego dla SEO w tej chwili.
Administrator
Denisse
Witaj! Bardzo dziękuję za te informacje. Od jakiegoś czasu szukałem takiego wpisu.
Czy zdjęcia mnie, które znajdują się pod sekcją „O mnie” na moim blogu, nadal potrzebują metadanych?
Wsparcie WPBeginner
Zalecamy dodanie metadanych również do tych obrazów.
Administrator
denisse
Doceniam Twoją szybką odpowiedź.
Avinash
Cześć,
Dziękuję za świetny artykuł.
Czy istnieją jakieś konkretne wytyczne dotyczące dodawania tekstu alternatywnego do obrazu okładki bloga
Wsparcie WPBeginner
Postępowałbyś tak samo, jak w przypadku innych obrazów, podczas wybierania obrazu powinieneś mieć możliwość edycji tagów za pomocą narzędzia do przesyłania mediów
Administrator
Tom
Cześć:
Świetny artykuł!!!
Mam pytanie, napisałeś: „Zmiana tagu alt lub podpisu obrazu za pośrednictwem Biblioteki Mediów nie zmieni go w postach i stronach, w których obraz jest już używany”.
Czy to oznacza, że muszę ponownie wstawić obraz po dodaniu tagu alt w Bibliotece Mediów?
Dziękuję
Wsparcie WPBeginner
Po skonfigurowaniu w bibliotece mediów, po próbie dodania go do posta, powinien on pobrać tagi ustawione w bibliotece mediów.
Administrator
ivykaye
Dziękuję
Wsparcie WPBeginner
Proszę bardzo
Administrator
Franci Hoffman
To bardzo pomocne, Syed, zwłaszcza Twoje wyjaśnienie dotyczące „Jak dodać tekst alternatywny, tytuł i podpis do obrazów w WordPress”.
Dziękuję.
Wsparcie WPBeginner
Cieszymy się, że nasz artykuł był pomocny
Administrator
Rob
Zajmuję się SEO od czasów, zanim istniał Google. Czytam to dla zabawy i dlatego, że ufam WP beginner.
Właściwie czegoś się nauczyłem.
Nie miałem pojęcia, że tag alt jest używany w wyszukiwaniu obrazów Google do opisu obrazu.
Wsparcie WPBeginner
Cieszymy się, że nasz artykuł pomógł nauczyć czegoś nowego
Administrator
Linda
Ze względu na ograniczenia czasowe i ogromną liczbę zdjęć, o które jestem proszony do publikacji na ponad 5 stronach internetowych, którymi zarządzam dla mojej organizacji, często zaniedbuję metadane i później tego żałuję. To bardzo ważny artykuł i świetna zachęta dla nas wszystkich do porządkowania naszych bibliotek multimediów od samego początku i dyscyplinowania się przy każdym dodawanym obrazie, aby dostarczać te informacje. (Nie wspominając o naszych postach i stronach!)
Dziękuję.
Wsparcie WPBeginner
Dziękujemy za opinię na temat naszego artykułu i znaczenia metadanych
Administrator
John Monyjok Maluth
Wow! Świetny artykuł znowu. Potrzebuję tego, aby ulepszyć moje obrazy. Tak, używam Yoast SEO, ale nigdy nie pomyślałem o użyciu go do ulepszenia obrazów na mojej stronie, zwłaszcza wyłączając „strony załączników”.
Dziękuję za pomoc w znalezieniu najlepszych wskazówek dotyczących WordPressa, kiedy ich potrzebuję. Nauczyłeś mnie wielu rzeczy.
John Shalom
Wsparcie WPBeginner
Cieszymy się, że nasz artykuł mógł pomóc
Administrator
Nur Salam
Czy powinienem używać oryginalnych plików ze zdjęć stockowych? Ponieważ obrazy mają wysoką rozdzielczość i rozmiar. A gtmetrics sugerował używanie zoptymalizowanych zdjęć…
Wsparcie WPBeginner
W zależności od tego, skąd pochodzi zdjęcie stockowe, warto sprawdzić umowę licencyjną, aby upewnić się, że jest to dozwolone.
Administrator
Chris
Regularnie otrzymuję na moim pulpicie powiadomienie o Twojej stronie. Jak mogę to zatrzymać?
Wsparcie WPBeginner
Jeśli Twoja przeglądarka automatycznie zaakceptowała nasze powiadomienia push z jakiegoś powodu, powinieneś móc kliknąć prawym przyciskiem myszy na powiadomienia, aby je zatrzymać.
Administrator