Obrazy Optymalizacja SEO z WordPress

.
. 10 Min.
WordPress  optymalizacja SEO zdjęć

Najpóźniej od czasu Google Core Web Vitals i czynnika rankingowego szybkość ładowania, należy poważnie podejść do tematu SEO obrazu. Istnieją różne sposoby optymalizacji zdjęć w WordPress . 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 osadzonych 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ęć royalty free
  • Samodzielne tworzenie lub fotografowanie obrazów

Nie każda strona ma budżet na zakup drogich zdjęć stockowych. Na przykład, z Fotolia lub Shutterstock. W przypadku zdjęć royalty-free (takich jak na Unsplash czy Pexels) istnieje niebezpieczeństwo, że nie zawsze zostały one załadowane przez Urheber:innen. Pojawiają się nawet doniesienia o wyrafinowanych oszustwach, które mogą skończyć się bardzo drogo.

Platformy takie jak Pixabay wskazują możliwe sposoby wykorzystania. Ale już zdarzały się spory prawne, które kończyły się na niekorzyść właścicieli stron internetowych. Dlatego moja rada: zrób zrzut ekranu z informacjami o licencji podczas pobierania. Z powodów wymienionych powyżej, zdecydowałem się na użycie samodzielnie stworzonych obrazów, gdzie pracuję dużo z treścią tekstową. Mogę je opublikować z czystym sumieniem bez konsekwencji prawnych. Jeśli masz stronę internetową, która opiera się o wiele więcej na obrazach, możesz chcieć pójść inną drogą.

Używaj obrazów efektywnie pod kątem 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 należy starać się, aby rozmiar obrazu był jak najmniejszy 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 zdjęć artykułów w zależności od WordPress Theme ). Wtedy WordPress nie musi 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 i kompresja

Format zdjęć jest często związany z kompresją i kilkoma innymi czynnikami. Na przykład, podczas gdy obrazy z przezroczystymi elementami są częściej zapisywane jako PNG, 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 poprawnie 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 obrazu 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, tzn. dostosujesz je do WordPress Theme , możesz stworzyć jeszcze mniejszy rozmiar plików. Na moim blogu, na przykład, obrazki tytułowe mają rozmiar 720×360 pikseli. Zależy to od Theme i może wyglądać inaczej w Twoim przypadku.

WordPress Plugins do kompresji obrazów

Chcesz kompresować swoje zdjęcia bezpośrednio w WordPress , zamiast zewnętrznego wariantu lub dodatkowo? Następnie przeczytaj nasze porównanie 5 popularnych Plugins do kompresji obrazów. Pokazuje również prawidłowy przebieg pracy nad tym ważnym zadaniem.

Sprawdź rozmiar obrazu w WordPress

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

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

Tutaj można ustawić standardowe rozmiary używane przez WordPress . Kiedy załadujesz obraz, WordPress wygeneruje dodatkowe obrazy w tych rozmiarach. Nie zmienia to jednak rozmiarów wyświetlanych w witrynie WordPress Theme .

Niektóre Themes dają taką możliwość w ustawieniach, inne nie. Następnie możesz po prostu przejść do swojej strony w przeglądarce i przyjrzeć się bliżej obrazowi - takiemu jak obraz postu - klikając na niego prawym przyciskiem myszy. Następnie znajdziesz podpunkt "Pokaż informacje o grafice".

Jeśli w "Wymiarach" jest napisane, że obraz został przeskalowany do innego rozmiaru, powinieneś dopasować odpowiednie obrazy ponownie. Ponieważ w WordPress Theme podany jest inny rozmiar w miejscu, w którym zostały wycięte.

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.

Po pomyślnym przesłaniu danych pojawia się przycisk "Edytuj", który należy kliknąć. To otwiera WordPress plik multimedialny i pokazuje jego najważniejsze informacje. W tym miejscu możesz teraz wypełnić miejsca zaznaczone na obrazku na czerwono:

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

Jeśli dodasz obraz później w edytorze Gutenberg , automatycznie otrzyma on odpowiednie meta informacje. Proszę jednak unikać używania obrazów więcej niż jeden raz. Zamiast tego prześlij je ponownie z nową nazwą pliku i nowymi meta danymi. Ponieważ te szczegóły są zazwyczaj zoptymalizowane dla konkretnego postu.

Leniwe ładowanie dla obrazów w WordPress

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 leniwe ładowanie 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

Buforowanie z WordPress

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 Plugins jak WP Rocket, który jest płatny i oferuje wiele ustawień, można również wdrożyć buforowanie za pomocą darmowych Plugins jak WP Optimize lub W3 Total Cache. RAIDBOXES oferuje do tego własne buforowanie po stronie serwera. Tamtejszy cache NGINX staje się aktywny zanim przejmie go WordPress . W ten sposób strony internetowe mogą być dostarczane bez spowalniania WordPress . Kolejna zaleta: Nie potrzebujesz już WordPress Caching Plugin i nie musisz dbać o skomplikowane ustawienia.

WordPress Optymalizacja wydajności

Chcesz wiedzieć, jakie są najważniejsze parametry Twojego WordPress ? Przeczytaj więc nasz przewodnik na ten temat. Również nasz e-book na temat prawidłowego pomiaru prędkości Webpage .

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.

Ronny Schneider jest profesjonalistą w dziedzinie SEO i WordPress . Na swoim blogu regularnie pisze o tym, jak blogi i magazyny internetowe mogą odnieść sukces. Ponadto oferuje pomoc przy zakładaniu blogów z WordPress oraz przy pracach optymalizacyjnych.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

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