WordPress  optymalizacja SEO zdjęć

Optymalizacja obrazu SEO w WordPressie

Ostatnio, odkąd wprowadzono Google Core Web Vitals i czynnik rankingowy szybkość ładowania, powinieneś poważnie potraktować temat grafiki w SEO. Istnieje wiele sposobów na optymalizację obrazów w WordPressie. Oto nasz przegląd najważniejszych wskazówek i narzędzi.

Obrazy, zdjęcia, infografiki i inne ilustracje stały się integralną częścią pisania wysokiej jakości artykułów. Jednak nie tylko one rozluźniają tekst lub wyjaśniają pewne procesy lepiej niż mogłyby to zrobić słowa. Raczej, przy odpowiednim podejściu, możesz sprawić, że Twoja strona będzie jeszcze szybsza, ale także jeszcze bardziej wykrywalna w wyszukiwarkach.

WordPress Teksty SEO

Jak w ogóle przygotować swoje wpisy na blogu i strony docelowe pod kątem wyszukiwarek, pokazuję w moim poradniku Optymalizacja tekstów pod kątem wyszukiwarek. Wraz z tym wpisem, masz najważniejsze wskazówki dla WordPress SEO.

Ponadto: zarówno samo Google, jak i konkurencyjne mniejsze serwisy wyszukiwawcze oferują wyszukiwanie obrazów. Wyszukiwarki mogą dzięki niemu trafić na Twoją stronę. Dlaczego więc pozwolić, aby wielkie możliwości SEO obrazu z WordPress leżały odłogiem?

Jak SEO wizerunkowe wpływa na Twoją widoczność?

Spójrzmy na SEO dla obrazów niezależnie od WordPress . Jeśli umieścisz w poście wysokiej jakości zdjęcia, możesz przyciągnąć uwagę wielu odwiedzających. Jednak nie tylko wyszukiwarki odgrywają tu rolę. Jeśli odpowiednio przygotujesz swoje zdjęcia, może to wpłynąć na różne aspekty.

Po pierwsze, znacznie zwiększasz swoją widoczność, ponieważ Twoje obrazy mogą być naturalnie znalezione w wyszukiwarkach - nie tylko Twój tekst. Ktoś może znaleźć drogę do Twojej strony. Chcesz zobaczyć mały przykład?

Wyszukiwanie obrazów w Google

Używam wyszukiwarki Google i wpisuję hasło "makaron z przepisu". Ale ponieważ nie chcę tylko przepisu w formie tekstowej, przełączam się na wyszukiwanie obrazów. Tam pokazano mi teraz piękne dania z makaronu:

Obrazy Szukaj w Google
Znajdź przepis za pomocą Wyszukiwarki obrazów Google

Bardzo podoba mi się trzecie zdjęcie od lewej. Kluski wyglądają naprawdę pysznie. Z tego powodu, klikam na obraz, a następnie wylądować na odpowiedniej stronie, która podjęła wysiłek z obrazów SEO.

Więc jeśli używasz optymalizacji wyszukiwarek dla obrazów prawidłowo, można kierować wiele dodatkowych osób. Ale to tylko jeden z wielu przykładów.

Media społecznościowe

Ponieważ obrazy mają wpływ nie tylko na wyszukiwarki, ale także na ludzi. A gdzie ludzie są aktywni na co dzień? W serwisach społecznościowych takich jak Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Pójdźmy krok dalej w powyższym przykładzie. Załóżmy, że prowadzisz bloga o jedzeniu. Jak wspaniale byłoby, gdyby odwiedzający, którzy znaleźli Twój przepis, podzielili się odpowiednim postem w mediach społecznościowych? Klikają więc na przykład na przycisk udostępniania na Facebooku. A jeśli nie ma przyzwoitego obrazu postu dostępnego lub odpowiednio zintegrowanego, wtedy widzą bardzo smutny obraz, a mianowicie żaden.

W tej formie post nie zachęca do klikania czy udostępniania. Wręcz przeciwnie, post zostanie utracony w ogromie sieci społecznej - i nie będzie brany pod uwagę. Dopiero jeśli obok tekstu pojawi się odpowiednie zdjęcie, to znacznie zwiększa to atrakcyjność:

Udostępnij na Facebooku Obraz
Przykład wbudowanych obrazów do udostępniania na Facebooku

Dla bloga o jedzeniu, na przykład, nie powinieneś używać obrazów, które składają się głównie z treści tekstowych. Tam oczekujesz gotowego przepisu. Nadal jednak od czasu do czasu wybieram obrazy tekstowe. Wyjaśnię dlaczego w następnej części.

Skąd czerpać wysokiej jakości zdjęcia?

W przypadku zdjęć wysokiej jakości często pojawia się mały problem. Problem o charakterze prawnym. Z pewnością wiesz, że nie możesz już po prostu używać wyszukiwarki Google Image Search do kopiowania obrazów. Dzieje się tak, ponieważ są one chronione prawem autorskim. Masz więc teraz następujące możliwości:

  • Korzystaj z płatnych platform
  • Używaj zdjęć bezpłatnych
  • Twórz lub fotografuj obrazy samodzielnie

Nie każda strona ma budżet na zakup drogich zdjęć stockowych. Na przykład z Fotolia lub Shutterstock. W przypadku zdjęć bezpłatnych (np. z serwisów Unsplash czy Pexels) istnieje niebezpieczeństwo, że nie zawsze zostały one zamieszczone przez autorów. Pojawiają się nawet doniesienia o wyrafinowanych oszustwach, które mogą okazać się bardzo kosztowne.

Platformy takie jak Pixabay wskazują możliwe sposoby wykorzystania. Ale były już spory prawne, które kończyły się na niekorzyść właścicieli stron internetowych. Dlatego moja rada to zrobienie zrzutu ekranu z informacjami o licencji podczas pobierania. Z wyżej wymienionych powodów zdecydowałem się używać obrazów, które sam stworzyłem, a w których pracuję dużo z tekstem. Mogę je opublikować z czystym sumieniem bez konsekwencji prawnych. Jeśli masz stronę internetową, która w dużej mierze opiera się na obrazach, możesz zastosować inne podejście.

Używaj obrazów w sposób efektywny pod względem SEO

Jak zoptymalizować zdjęcia pod kątem SEO? Po pierwsze, chciałbym dać ci kilka wspólnych procedur, dzięki którym twoje zdjęcia lub twoja strona może osiągnąć większą widoczność. W następnej części pokażę Ci, jak te procesy mogą być wdrożone dla Twojego wizerunku SEO z WordPress . Ponieważ instalacja WordPress Plugins nie zawsze jest rozwiązaniem problemu.

Niezoptymalizowane obrazy pogarszają Twój ranking

Większość osób posiadających stronę internetową uważa, że optymalizacja zdjęć pod kątem wyszukiwarek polega na uzyskaniu lepszych wyników w wyszukiwarce lub w podglądach na portalach społecznościowych. Ale tak nie jest. Obrazki również wymagają poprawy pod względem wspomnianego na początku Google Core Web Vitals. Chodzi tu o użyteczność Twojej strony, zobacz ten post o nowym czynniku rankingowym. Ponadto, Twoja grupa docelowa coraz częściej surfuje po Internecie za pomocą smartfona.

Tak więc, gdy strony posiadają duże i niezoptymalizowane obrazy, strona ładuje się powoli, a użytkownik musi uzbroić się w cierpliwość. Ale kto chce czekać na niezoptymalizowane zdjęcia? Efektem będzie gorszy ranking Google od maja 2021 roku.

Rozmiar obrazu

Dlatego podczas tworzenia obrazu należy starać się zachować jak najmniejszy rozmiar bez utraty jakości. Jeśli sam tworzysz zdjęcia, możesz to kontrolować za pomocą programu do edycji zdjęć. Bardzo skuteczne okazały się również formaty dostosowane do strony internetowej (tzn. szerokość i wysokość w pikselach dla obrazów postów w zależności od motywu WordPressa). Wtedy WordPress nie będzie musiał niepotrzebnie skalować obrazów.

Jeśli zrobiłeś zdjęcie profesjonalnym aparatem, może ono mieć tysiące pikseli. W większości przypadków zawartość strony internetowej ma ograniczoną szerokość. Dlatego sensowne byłoby załadowanie obrazu tylko w tej szerokości. Zwłaszcza, że szybko osiąga rozmiar nawet kilku MB, co w nowoczesnym web designie nie jest już potrzebne - i zabija czasy ładowania strony.

Format & Kompresja

Format obrazów jest często związany z kompresją i innymi czynnikami. Na przykład obrazy z przezroczystymi elementami chętniej zapisuje się w formacie PNG, natomiast format JPG jest bardziej odpowiedni dla kolorowych grafik.

Natomiast JPG pozwala na większą kompresję i dzięki temu może znacznie zmniejszyć rozmiar pliku. W zamian za to cierpi nieco jakość obrazu. W międzyczasie AVIF i WebP dla WordPress są innymi formatami, które mają być stosowane w przyszłości. Zapewniają one jeszcze lepsze wyniki.

Wypełnij prawidłowo metadane

Większość wyszukiwarek nadal bazuje na tzw. meta danych. Są to w zasadzie informacje, które strona internetowa przechowuje w kodzie źródłowym, aby wyszukiwarki mogły przypisać te dane.

Google jako największy dostawca jest bardzo zaawansowany technicznie i nie wymaga tak szczegółowych meta danych jak małe wyszukiwarki. Mimo to, zawsze je wpłacam. Nie szkodzi to Twojej stronie, a przynosi poprzez dodatkowe zdeponowane zdania i słowa szansę na znalezienie się z nimi.

Przy okazji, meta dane nie mają nic wspólnego z nazwą plików graficznych. Należy je nazwać już przed załadowaniem - z opisem zawartości. Wróćmy do przykładu z blogiem kulinarnym. Danie z makaronem z sosem z mięsa mielonego powinno się nazywać coś w rodzaju "pasta-plate-with-minced-meat-sauce-to-cook.jpg". Meta dane dla obrazów są po prostu wstawiane do kodu źródłowego jako HTML - to jest to, co WordPress robi dla Ciebie, jeśli dodasz odpowiednie informacje do obrazów, kiedy je przesyłasz, więcej na ten temat później.

Na przykład, kod źródłowy dla prawidłowo wypełnionego obrazu może wyglądać tak:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

Znacznik alt reprezentuje alternatywną etykietę (tekstową), która może być wyświetlana, jeśli obraz nie jest wyświetlany. Na przykład z powodu przestarzałej przeglądarki lub uszkodzonego linku itp. Ale jest to również ważne dla osób korzystających z czytników ekranu. Jest to kolejny powód, dla którego należy zwrócić uwagę na mówienie treści (dostępne strony internetowe). Znacznik tytułu obrazu (nie mylić z tagiem tytułu strony internetowej!) jest używany do wyświetlania dalszych informacji o obrazie po najechaniu myszką.

Optymalizacja obrazu poza WordPress

Jeśli tworzysz lub edytujesz swoje obrazy samodzielnie za pomocą programu do edycji obrazów, takiego jak Gimp lub Photoshop, to powinieneś unikać rozwiązania w WordPress . Łatwiej jest wykonać optymalizację bezpośrednio w programie i jest ona bardziej efektywna pod względem wykorzystania zasobów. Oto przykład z Photoshopa:

Kompresja obrazów w Photoshopie
Kompresja obrazu w Photoshopie

Z oryginalnego pliku obrazu składkowego do tego tekstu stał się tam z pierwotnie ponad 4 MB plik JPEG o rozmiarze 340 KB, w rozmiarze obrazu 2560×1440. I to z ledwo widocznymi ograniczeniami. W przypadku PNG jest to - w zależności od obrazu - częściowo podobne.

Jeśli teraz zmniejszysz rozdzielczość obrazów, czyli dostosujesz je do motywu WordPressa, możesz stworzyć jeszcze mniejsze pliki. Na przykład na moim blogu zdjęcia okładek mają rozmiar 720×360 pikseli. To zależy od motywu i może wyglądać inaczej w twoim przypadku.

Wtyczki WordPress do kompresji obrazów

Chcesz skompresować swoje obrazy bezpośrednio w WordPressie zamiast zewnętrznego wariantu lub dodatkowo? Przeczytaj więc nasze porównanie 5 popularnych wtyczek do kompresji obrazów. Przedstawia także właściwy sposób pracy nad tym ważnym zadaniem.

Sprawdź rozmiar obrazu w WordPress

Mała uwaga na temat rozmiarów obrazów w WordPressie. Możesz je łatwo znaleźć, ale nie mają one nic wspólnego ze specyfikacją mediów w ustawieniach ogólnych WordPressa:

Ustawienia mediów w WordPress
Ustawienia dla mediów w pulpicie nawigacyjnym WordPress

Tutaj możesz ustawić standardowe rozmiary używane przez WordPress. Kiedy wysyłasz obraz, WordPress tworzy dodatkowe obrazy w tych rozmiarach. Nie zmienia to jednak rozmiarów wyświetlanych w motywie WordPressa.

Niektóre motywy dają ci możliwość zrobienia tego w ustawieniach, inne nie. Następnie możesz po prostu wejść na swoją stronę w przeglądarce i przyjrzeć się bliżej obrazowi - np. obrazowi artykułu - klikając prawym przyciskiem myszy. Znajdziesz tam podpunkt "Pokaż informacje o grafice".

Jeśli w rubryce "Wymiary" jest napisane, że obrazek został przeskalowany do innego rozmiaru, powinieneś ponownie dopasować odpowiednie obrazki. Ponieważ w motywie WordPressa w tym miejscu jest określony inny rozmiar niż ten, który wyciąłeś.

Zdefiniuj meta informacje w WordPress

Obrazy odgrywają ważną rolę w optymalizacji pod kątem wyszukiwarek, nie tylko dlatego, że wzbogacają teksty. Raczej dlatego, że dzięki nim stajesz się widoczny. A ponieważ możesz pokazać Google & Co. o czym piszesz na swojej stronie.

Dlatego myśl o obrazach jako o niezbędnym dodatku do treści. Aby wyżej wymienione wyszukiwarki rozpoznały potencjał, potrzebne są wyżej wymienione meta informacje. Jak już opisano, przed załadowaniem zdjęć należy nadać im nazwę zoptymalizowaną pod kątem SEO. Nazwij obrazki bardzo dokładnie. Tytuł powinien odzwierciedlać to, co widać na zdjęciu.

WordPress oferuje możliwość wprowadzania meta danych dla obrazów bezpośrednio podczas ładowania. Zalecam jednak, aby nie dodawać obrazów bezpośrednio podczas pisania, ale przejść przez galerię mediów. Kliknij w backendzie WordPress po lewej stronie na Media -> Dodaj plik. Tam można wybrać obraz z komputera i przesłać go za pomocą przycisku o tej samej nazwie.

"*" wyświetla wymagane pola

Chcę otrzymywać newsletter, aby być informowanym o nowych artykułach na blogu, e-bookach, funkcjach i nowościach dotyczących WordPress. Mogę wycofać swoją zgodę w dowolnym momencie. Należy zapoznać się z naszą Polityką prywatności.
To pole służy do weryfikacji i nie powinno być zmieniane.

Po udanym przesłaniu danych pojawi się przycisk "Edytuj", który należy kliknąć. WordPress otwiera plik multimedialny i wyświetla jego najważniejsze informacje. W tym miejscu możesz wypełnić pola zaznaczone na czerwono na obrazku:

Metadane dla obrazów w WordPress
Wstaw metadane dla obrazów w WordPress

Kiedy później dodasz obrazek w Edytorze Gutenberga, automatycznie otrzyma on odpowiednie metadane. Unikaj jednak używania obrazów więcej niż raz. Zamiast tego prześlij je ponownie z nową nazwą pliku i nowymi danymi meta. Dzieje się tak dlatego, że szczegóły te są zazwyczaj zoptymalizowane pod kątem konkretnego artykułu.

Lazy Loading dla obrazów w WordPressie

Aby uzyskać stronę, która jest tak szybka, jak to możliwe i może wytrzymać nowe Core Web Vitals Google, tylko zawartość, która jest aktualnie niezbędna powinna być załadowana. Obrazy, które są wyświetlane w dolnej części długiego artykułu, nie muszą być wyświetlane lub ładowane na początku.

To jest miejsce, gdzie lazy loading wchodzi do gry. Oznacza to opóźnione ładowanie obrazów, które nie znajdują się w obszarze "above-the-fold", czyli w obszarze, który czytelnik widzi bezpośrednio. Podczas gdy ta funkcja była wcześniej możliwa tylko z niektórymi WordPress Plugins , na przykład z Autoptimize lub WP Optimize (tylko z Premium), ci, którzy zainstalowali co najmniej WordPress 5.5. mogą się cieszyć.

Ponieważ tam leniwe ładowanie jest już uwzględnione w rdzeniu kodu. Od WordPress 5.7 nawet Lazy Load dla iFrames. Jeśli masz zainstalowaną starszą wersję, zdecydowanie powinieneś ją zaktualizować.

Lazy Loading iframes w WordPress
Wyjaśnienie działania lazy loading dla iFrames na WordPress .org

Hosting WordPress Buforowanie obrazów

Znaczący wzrost wydajności w WordPress można uzyskać stosując cache. Można dokonać rozróżnienia pomiędzy buforowaniem przeglądarki, która przechowuje tylko określone pliki na urządzeniu końcowym, a buforowaniem po stronie serwera. W tym ostatnim przypadku dynamicznie generowana zawartość strony WordPress udostępniana jest również w statycznych plikach na serwerze.

Oznacza to, że strona nie musi sięgać do baz danych za każdym razem, gdy jest wywoływana. Ponieważ takie dostępy zwiększają z jednej strony prędkość ładowania, a z drugiej strony obciążenie, które musi wytrzymać Twój serwer. Szczególnie dla dużych stron z wieloma odwiedzającymi, może to być skuteczny sposób na oszczędzanie zasobów.

Wada: Nie można tworzyć pewnych treści strony dynamicznie. Na przykład, jeśli masz różne banery reklamowe w użyciu, musiałbyś wykluczyć je z buforowania. Albo zaakceptować fakt, że nie zmieniają się one w poście. Również w przypadku sklepów internetowych z WooCommerce należy uwzględnić pewne wyjątki, aby proces zamówienia przebiegał prawidłowo.

Oprócz bardzo rozbudowanych wtyczek, takich jak WP Rocket, która jest płatna i oferuje wiele ustawień, możesz również wdrożyć buforowanie za pomocą darmowych wtyczek, takich jak WP Optimize czy W3 Total Cache. Raidboxes oferuje w tym celu własne buforowanie po stronie serwera w swoim hostingu WordPress. Pamięć podręczna NGINX staje się aktywna, zanim przejmie ją WordPress. Dzięki temu strony internetowe mogą być dostarczane bez spowolnienia działania WordPressa. Kolejna zaleta: nie potrzebujesz już wtyczki do buforowania WordPressa i nie musisz się martwić o skomplikowane ustawienia.

WordPress Optymalizacja wydajności

Czy chcesz wiedzieć, jakie są najważniejsze parametry wydajności Twojego WordPressa? Przeczytaj więc nasz przewodnik na ten temat. Możesz też przeczytać nasz e-book o wydajności na temat Poprawnego pomiaru prędkości strony internetowej.

Wnioski dotyczące SEO obrazu z WordPress

Optymalizacja stronyWordPress pod kątem zdjęć może się naprawdę opłacić. Nie tylko zwiększysz swoje pozycje w rankingu, ale także przyciągniesz dodatkowy ruch. Z drugiej strony, wymaga to trochę pracy. Szczególnie na początku, kiedy temat jest dla Ciebie jeszcze nowy. Z czasem jednak idzie szybciej z ręki i osiągasz mocne rezultaty.

Zwłaszcza, że Google zwraca coraz większą uwagę na czas ładowania strony, dlatego warto zwracać uwagę nie tylko na meta informacje. Dostarczaj zdjęcia w odpowiednim formacie, skompresowane i o dokładnych rozmiarach. Twoi goście będą Ci za to wdzięczni, ponieważ strona szybko dostarczy pożądanych informacji. Jeśli treść jest odpowiednia, nic nie stoi na przeszkodzie, abyś odniósł sukces.

Więcej artykułów o SEO na wp unboxed, które pomogą Ci z Google & Co:

Twoje pytania dotyczące SEO obrazu z WordPress

Jakie masz pytania dotyczące tego tematu? A jaką radę możesz polecić? Zapraszamy do skorzystania z funkcji komentarza. Chcesz więcej artykułów o WordPress i SEO? Następnie śledź nas na Twitterze, Facebooku, LinkedIn lub poprzez nasz newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola wymagane oznaczone są *.