Błędy SEO obrazu WordPress i jak je naprawić

1. Kompletny przewodnik po zarządzaniu obrazami w WordPressie
2. 3 mniej znane wskazówki dotyczące zarządzania obrazami w WordPress
3. Aktualnie czytam: Błędy SEO obrazu WordPress i jak je naprawić

Wszystko, czego dowiedzieliśmy się z dwóch poprzednich artykułów, pójdzie na marne, jeśli nie wdrożymy odpowiedniej strategii SEO wizerunkowej. SEO obrazów odgrywa ważną rolę w ogólnej strategii SEO i ma kluczowe znaczenie w przypadku witryn udostępniających samouczki. Pomyśl o całym ruchu, jaki byś utracił, gdyby Twoje obrazy nie miały nieprawidłowych nazw, nie miały tagów „alt” lub, co gorsza, były hostowane na różnych serwerach.

Błędy SEO obrazu WordPress

Przyjrzymy się najczęstszym błędom w SEO obrazu – i zaproponujemy odpowiednie środki zaradcze.

Nie używasz odpowiednich obrazów

Poznaj Ronalda i firmę

Wyobrażam sobie, że ty i twoi kumple prowadzicie poważną dyskusję na temat tego, jaki środek transportu wybrać na nadchodzącą podróż. Zarówno autobus międzystanowy, jak i lot wydają się dobrymi opcjami, ale utkniesz w debacie na temat budżetu i czasu. Istnieją dwie drużyny – na czele których stoją Ronald i Jeremy. Ronald chce złapać samolot, żeby nie musieć przekładać piątkowych spotkań. Z drugiej strony Jeremy, będący wielbicielem Matki Ziemi, nie ma nic przeciwko zamianie harmonogramu spotkań na rzecz cieszenia się malowniczym pięknem, które czeka na niego podczas podróży autobusem międzystanowym. Oczywiście każdy członek grupy podróżniczej wybiera którąkolwiek stronę – ci, którzy nie chcą dziesięciogodzinnej podróży autobusem, walczą z Ronaldem. Druga drużyna, która chce podziwiać piękno Matki Natury, koniecznie musi skorzystać z autobusu.

Obie strony robią wszystko, co w ich mocy, aby przekonać drugą, aby stanęła po ich stronie. Pośród czegoś, co wydawało się być jedną z najbardziej krytycznych dyskusji w ich życiu, Ron popełnił błąd i wypowiedział następujące słowa:

RON: Hej, chłopaki, nie przeszkadza mi żaden środek transportu. Kto powinien opiekować się moim kotem w weekend?
JEREMY: Co? Możesz zostawić to u Emily! Czekaj, dlaczego w ogóle o tym rozmawiamy?
GOŚCIE Z ZESPOŁU JEREMY'EGO: Tak, nie widzisz, że jesteśmy w trakcie ważnej rozmowy?
CZŁOWIEK Z ZESPOŁU ROLANDA: No dalej, stary!
ROLAND: Co do cholery Ron! Nie widzisz, że mamy tu do czynienia z kryzysem?
RON (trochę przerażony): OK, OK, zostawię Sarę z Emily. Jezu.
zbiorowo: Cholera, Ron! Zawsze to robisz…

I dyskusja zostaje wznowiona.

Nie chcesz teraz być Ronem, prawda? To samo dotyczy trafności. Obrazy są warte tysiąca słów. Ale jeśli nie będziesz ostrożny, możesz stracić uwagę tej osoby, myśląc inaczej.

Pewnie myślisz teraz o Nowym Jorku

Jedną z pierwszych zasad dodawania obrazu do postu jest ulepszenie sposób komunikowania swojego pomysłu. Obrazy mają na celu dostarczanie wartości.

Dlatego samouczki WPExplorera są wypełnione zrzutami ekranu, a listy motywów skupiają się na wyświetlaniu najlepszych fragmentów/demo każdego motywu.

Wartość ta może mieć (a) charakter informacyjny, (b) mieć wpływ wizualny lub emocjonalny, lub (c) stanowić mieszankę obu. Najlepsze obrazy są najczęściej kombinacją tych trzech.

Przykład strony docelowej Githuba – ilustracja programisty przy biurku

Biorąc to pod uwagę, nie ma sensu używać obrazu w celu dodania go. Takie działania często przynoszą efekt przeciwny do zamierzonego. Z drugiej strony odpowiedni obraz może zapewnić wielorakie korzyści w postaci konwersji.

Powyższy zrzut ekranu przedstawia jedną z wielu stron docelowych Githuba. Przeanalizujmy obraz. Po pierwsze, zauważysz, że ten obraz jest w rzeczywistości ilustracją wektorową. Ilustracja pokonuje wszelkie bariery rasowe/etniczne. Ponadto kolor niebieski, który jest zgodny z ogólną kolorystyką strony, niweluje wszelkie podświadome profilowanie. Doskonały przykład prawidłowego wykorzystania obrazu – w połączeniu z niesamowitym tekstem i wezwaniem do działania – tworzący świetną stronę docelową.

Nie koncentrujesz się na nazwie pliku obrazu

Rozumiem – tworzenie wysokiej jakości tutoriali to ciężka praca. Każdy krok musi być wyraźnie udokumentowany, a jednocześnie nie na tyle opisowy, aby czytelnicy odebrali go jako obrazę swojej inteligencji.

Kiedy pracowałeś nad samouczkiem zawierającym 1800 słów i przejrzałeś kilkanaście zrzutów ekranu, bardzo łatwo jest dać się przekonać i używać nazw takich jak zrzut ekranu-1, zrzut ekranu-17 itp.

Ale w rzeczywistości to absolutnie szkodzi Twojemu SEO.

Ustawienia bezpośredniego łącza WordPress

Pomyśl o tym – gdyby ktoś szukał czegoś choć trochę powiązanego z obrazem pokazanym powyżej – czy użyłby „zrzutu ekranu-1” czy „obrazu-1”, czy też byłby bardziej skłonny do wyszukiwania hasła „jak wyłączyć bezpośrednie linki w WordPressa”

A propos, jeśli chcesz dać z siebie 100% SEO obrazu, dodaj także atrybut TITLE do obrazów. Wartością tego tagu TITLE może być nazwa pliku obrazu.

Nie definiujesz tagów ALT

Tagi ALT oznaczają alternatywny tekst obrazu. Należy go używać w każdym obrazie, niezależnie od wymiaru, priorytetu lub czegokolwiek podobnego. W bardzo prosty sposób tagi ALT to opis Twojego obrazu. Co Twój obraz reprezentuje w dosłownym tego słowa znaczeniu?

Tagi ALT są używane przez wyszukiwarki do indeksowania Twojego obrazu. Jeśli obraz nie może zostać wyrenderowany, zamiast niego używany jest znacznik ALT obrazu. Tagi ALT są również używane przez czytniki ekranu w przypadku osób, które utraciły wzrok.

Na przykład tag ALT lub tekst opisowy naszego poprzedniego zrzutu ekranu może wyglądać następująco:

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked.

Pisanie szczegółowych tagów ALT może być naprawdę kłopotliwe, ale wysiłki się opłaciły. Niestety nie udało mi się znaleźć najnowszych badań, które wykazałyby wzrost ruchu organicznego dzięki optymalizacji tagu ALT. Większość z nich to komentarze na forach. Jeśli zdarzy Ci się natknąć na takie badania, podziel się nimi z nami!

Upychasz słowa kluczowe tagami TITLE i ALT

Upychanie słów kluczowych przypomina w zasadzie dodanie wszystkich popularnych słów kluczowych, aby uzyskać efekt SEO ostatniej mili. Jednak w rzeczywistości przypomina to używanie kiepskiej jakości oleju w dobrze naoliwionym samochodzie, który jest w fazie produkcji. Google z dnia na dzień staje się coraz mądrzejszy, co oznacza, że wie, kiedy próbujesz z nim zadzierać. Wynik? Twoje SEO otrzymuje karę.

Typowym przykładem tagu ALT wypełnionego słowami kluczowymi byłoby:

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked BEST FREE AND PREMIUM WORDPRESS THEMES WPEXPLORER

Moja rada? Nie idź na skróty. Ciężko pracowałeś, aby zdefiniować znaczniki ALT – owoce Twojej pracy przyjdą same.

Nie używasz podpisów obrazów

Problem z tagami ALT i TITLE polega na tym, że tak naprawdę nie są one widoczne dla czytelnika/gościa. Wyszukiwarki to uwielbiają, ale jako osoba czytająca Twój artykuł tak naprawdę nie najeżdżam kursorem na obraz, aby zobaczyć alternatywny tekst, a tym bardziej nie otwieram obrazu w nowej karcie, żeby zobaczyć nazwę pliku. (Oczywiście, gdybym zapisywał obraz, ładna, opisowa nazwa pliku z pewnością by mi się przydała!)

Ustaliliśmy, że tagi ALT i TITILE, niezależnie od tego, jak kluczowe dla SEO, tak naprawdę nie odgrywają większej roli w doświadczeniu czytelniczym odwiedzającego.

W tym miejscu pojawiają się podpisy. Według badania Kissmetrics stwierdzono, że podpisy do obrazów są czytane o 300% częściej niż faktyczna kopia. To o wiele więcej gałek ocznych, niż oczekiwano.

Elastyczny projekt. To jest przykład podpisu do zdjęcia!

Jeśli Twoje podpisy są chwytliwe, istnieje duża szansa, że czytelnik zostanie na dłużej i przeczyta to, co masz do powiedzenia. Pomyśl o tym w ten sposób:

Znacznik TITLE to zwięzła nazwa pliku obrazu
Znacznik ALT to opisowy zapis zawartości obrazu
Podpis jest dla czytelnika. Jest to połączenie tagów TITLE i ALT zaprojektowane w celu zwiększenia komfortu czytania odwiedzającego.

Nie przesłano mapy witryny z obrazami

Witryna internetowa to zasadniczo zbiór połączonych ze sobą stron HTML. Mapa witryny to dokument zawierający informacje o strukturze wszystkich stron Twojej witryny. Zazwyczaj nie zawierają one informacji o obrazach Twojej witryny.

Tutaj właśnie pojawiają się mapy witryn z obrazami. Mapa witryny Udinra All Image jest idealną wtyczką do tego zadania. Wtyczka obsługuje wtyczki do suwaków obrazów, takie jak Galeria NextGen i Galeria Envira; Wtyczki eCommerce, takie jak WooCommerce, Easy Digital Downloads i wtyczki do tworzenia stron, takie jak Visual Composer, Site Origin itp.

Optymalizacja wydajności obrazu

Ogólna wydajność witryny jest kluczowym czynnikiem SEO. Jeśli chodzi o optymalizację wydajności, nic nie jest idealne – zawsze jest miejsce na ulepszenia. Weźmy niedawny przykład, w którym Google zmniejszył swoje logo z 14 000 bajtów do 305 bajtów i nadal ewoluuje.

Poniżej znajduje się kilka wskazówek dotyczących optymalizacji obrazu, które udostępniliśmy w naszych poprzednich postach.

Nie optymalizujesz swoich obrazów

Jednym z najlepszych sposobów optymalizacji obrazów jest użycie narzędzi takich jak TinyPNG w celu zmniejszenia i optymalizacji rozmiaru pliku.
Musisz także zdefiniować maksymalny rozmiar wszystkich obrazów i zmienić rozmiar wszystkich obrazów, które są większe niż maksymalny rozmiar.
Zanim jednak zaczniesz wykonywać powyższe czynności, musisz nauczyć się poprawnego formatu zapisywania obrazu.

Zakładam, że już to masz. Jeśli nie, przeczytaj nasz pierwszy post – tylko o tym mówimy!

Nie używasz responsywnych obrazów

Wszyscy korzystamy z responsywnych stron internetowych. W dzisiejszych czasach posiadanie witryny internetowej dostosowanej do urządzeń mobilnych jest absolutnie niezbędne. Jeśli tego nie zrobisz, potencjalnie tracisz klientów, nie mówiąc już o wynikach SEO. (Tak, Google faktycznie ukarze Cię, jeśli Twoja witryna nie jest dostosowana do urządzeń mobilnych.)

Porozmawiajmy teraz o obrazach responsywnych. W WordPress 4.4 właściwość obrazów responsywnych jest domyślnie włączona. Kiedy przesyłasz obraz, WordPress tworzy jego wiele wersji dla różnych rozmiarów ekranu.

Dzięki nowej obsłudze responsywnych obrazów WordPress uwzględnia wszystkie dostępne rozmiary obrazu w atrybucie srcset. Dzięki temu przeglądarka internetowa może wybierać spośród opcji i pobierać najbardziej odpowiedni wymiar obrazu, w zależności od rozmiaru ekranu urządzenia. Przeglądarka ignoruje pozostałe – potencjalnie oszczędzając przepustowość i przyspieszając ładowanie strony.

Jeśli z jakiegoś powodu nie zaktualizowałeś WordPressa do wersji 4.4, użyj wtyczki RICG Responsive Images, aby uzyskać ten sam zestaw funkcji. Jeśli korzystasz z najnowszej wersji WordPressa, tak naprawdę nie potrzebujesz tej wtyczki.

Nie korzystasz z bezpłatnego CDN

Drugim sposobem na poprawę wydajności jest użycie darmowego CDN takiego jak Photon z bardzo popularnego modułu Jetpack. Kochamy Jetpack z wielu powodów, a Photon jest tylko jednym z nich. Jeśli zastanawiałeś się, czym jest Photon – jest to bezpłatna usługa CDN obrazów od WordPress. Moduł Photon firmy Jetpack pobiera wszystkie obrazy z Twojej witryny i przechowuje je w globalnej sieci dystrybucji treści WordPress.com. Obrazy są pobierane z Twojego serwera, ładowane szybciej i oszczędzasz na kosztach przepustowości. Czego jeszcze możesz chcieć?

Nie jesteś leniwy, ładując obrazy

Śmierdzący kot, leniwy kot, czym cię karmią?

Po włączeniu leniwego ładowania obrazy są ładowane, gdy pojawiają się w rzutni. Załóżmy na przykład, że czytasz artykuł na 2000 słów na temat najlepszych rozwiązań do podcastów dla WordPress. Nie musisz oglądać wszystkich obrazów, aż dojdziesz do końca artykułu. Włączenie leniwego ładowania drastycznie skraca czas ładowania i oszczędza zarówno przepustowość Twoją, jak i odwiedzającego.

Wtyczka BJ Lazy Load jest Twoją odpowiedzią. Przy ponad 50 000 aktywnych instalacji nie możesz się pomylić. Pobierz i aktywuj wtyczkę, a magia zacznie się jednym kliknięciem.

Jednak z drugiej strony istnieją pewne potencjalne pułapki związane z leniwym ładowaniem obrazów. Jeśli nie będziesz ostrożny, możesz narazić się na ryzyko pogorszenia wyników SEO. Bądź pewien, że jeśli użyjesz zalecanych wtyczek, zostaniesz posortowany. Ponadto, jeśli korzystasz z innych wtyczek z leniwym logowaniem, wypróbuj opcję Pobierz jako Google dla witryn internetowych, aby mieć pewność, że wszystkie Twoje treści będą prawidłowo indeksowane przez wyszukiwarki.

Kilka wskazówek dotyczących wykorzystania obrazu

Poniższych wskazówek nie należy uważać za błędy, ale raczej za ogólne wskazówki, które mogą poprawić jakość Twoich treści.

Unikaj ogólnych zdjęć stockowych

Jaka jest pierwsza rzecz, która przychodzi Ci na myśl, gdy widzisz ten obraz?

Nie ma nic bardziej odstraszającego: ten sam obraz dyrektora obsługi klienta uśmiechającego się do Ciebie na stronie Skontaktuj się z nami. Lub oczywiste zdjęcie modelek na stronie O nas lub, co gorsza, na stronie Dołącz do nas. Wszyscy są do nich tak przyzwyczajeni, że niemal natychmiast możemy je rozpoznać. Jeśli chcesz, aby potencjalny klient lub klient skontaktował się z Tobą – przygotuj świetne zdjęcie zespołu wsparcia lub zrób to w prosty sposób – utwórz pomocny formularz kontaktowy. Ale nie używaj (na miłość boską) obrazów stockowych na stronach „O nas”, „Dołącz do nas” lub „Skontaktuj się z nami”. Dziś z całą pewnością przyniosą więcej szkody niż pożytku.

Jeśli to możliwe, używaj GIF-ów

Wraz z rosnącą popularnością GIF-ów, począwszy od 4chan po 9GAG, we wszystkich głównych sieciach społecznościowych (tak, patrzę prosto na Twój Facebook i Twitter) oraz klawiatury je obsługujące; nie można zaprzeczyć, że GIF-y już tu zostaną. Jeśli rozważasz użycie GIF-ów w swoich postach (i pogodziłeś się z tym faktem), GIPHY to świetne miejsce na znalezienie dobrych obrazów GIF!

Używaj licencji ostrożnie – #CC0

Mówią, że ostrożności nigdy nie jest za dużo. Nie, nie proszę cię, abyś zaczął budować swój postapokaliptyczny bunkier. Ale jeśli chodzi o licencjonowanie obrazów, najlepiej wybrać obrazy CC0, które można pobrać i używać bezpłatnie. Jeśli masz dobry budżet marketingowy, kup subskrypcję Shutterstock i pobierz wspaniałe, bezpłatne zdjęcia do swojego bloga i biuletynów.

Wniosek

Podsumowując tę serię postów, przyjrzyjmy się temu, czego dowiedzieliśmy się do tej pory:

Użyj prawidłowego formatu obrazu
Wskazówki dotyczące przesyłania zdjęć stockowych do postów na blogu
Optymalizacja obrazu – rozmiar, wymiary, jakość i zapisywanie dla sieci
Zarządzanie obrazami, gdy zmienia się adres URL witryny WordPress
Importowanie obrazów zewnętrznych w WordPress
Zapobieganie hotlinkowaniu obrazów w WordPress
Typowe błędy w SEO obrazów WordPress
Leniwe ładowanie obrazów
Mapy witryn graficznych w WordPress
Responsywne obrazy w WordPress

Co sądzisz o tej serii postów? Czy brakuje im istotnej wskazówki? Daj nam znać w komentarzach poniżej.