Jak prawidłowo przygotować backend WordPress pod kątem SEO

Bez względu na to, co myślisz, SEO nadal jest ogromną częścią wielu firm na całym świecie i wciąż żyje i tyka. Biorąc to pod uwagę, jasne jest, że istnieje mnóstwo nowych danych wejściowych, funkcji i, co najważniejsze, strategii, które należy wziąć pod uwagę.

Wykorzystywanie różnych elementów technologii do „wykorzystywania” algorytmu Google, a tym samym jego systemu rankingowego, na przykład, stało się dość standardem dla wielu specjalistów SEO, którzy w rzeczywistości coraz bardziej stają się programistami „zorientowanymi na SEO”. Mając to na uwadze, spróbujmy przeanalizować, dlaczego i jak powinieneś przygotować backend WordPressa do SEO, z technicznego punktu widzenia.

Co to jest techniczne SEO?

W porządku, aby właściwie zrozumieć, jak skonfigurować witrynę WordPress pod kątem SEO, musimy przeanalizować, czym jest SEO techniczne. Przede wszystkim nie ma obecnie dokładnej definicji „czym jest techniczne SEO”, ale możemy nakreślić ogólną: w przypadku technicznego SEO mamy na celu kombinację strategii, które są tworzone w celu „powiadomienia Google, co się dzieje moją witrynę w możliwie najszybszy sposób”. Techniczne SEO to coś, o co bardzo dbają firmy korporacyjne, a mianowicie Apple, Amazon i TESLA, by wymienić tylko kilka. Pozycjonowanie techniczne jest tak skomplikowane, jak tworzenie front-endu i niezależnie od wielu artykułów dostępnych w Internecie, wymaga głębokiej znajomości HTML, CSS i Javascript (w szczególności).

Czy WordPress jest architekturą przyjazną SEO?

Niestety tak nie jest. WordPress jest wrogiem numer jeden wielu specjalistów SEO, ponieważ jest znany jako „architektura odziedziczona” (więcej o tym później). Chociaż może się to wydawać przerażające, jest w tym pewien haczyk: WordPress może być rzeczywiście zoptymalizowany pod kątem technicznego SEO, przed pewnymi sprytami. Twórcy SEO wiedzą, że WordPress jest „ograniczony” do zadań technicznych, dlatego opracowali wiele różnych narzędzi, takich jak Yoast, aby pomóc Ci zbudować lepszą architekturę, nawet jeśli nie jesteś ekspertem od PHP. W 2019 roku, jeśli pracujesz z architekturą WordPress, musisz mieć odpowiedni backend.

„Nie wiem, jak kodować, na co najpierw zwrócić uwagę?”

Jak wspomniano powyżej, techniczne SEO jest silnie związane z kodem, niezależnie od tego, co podejrzane blogi mówią online. Nie martw się jednak, jeśli nie jesteś ekspertem od kodowania, ponieważ musisz nauczyć się tylko 3 języków lub lepiej składni. HTML jest obowiązkowy, ponieważ planując dowolną formę strategii technicznego SEO, będziesz musiał sprawdzić nagłówki, tytuły stron, opisy meta i więcej tagów. Pamiętaj, że Googlebot (własny robot Google) potrafi dokładnie czytać HTML, więc posiadanie idealnego „szkieletu” HTML jest obowiązkowe.

Patrząc na stronę w witrynie WordPress, powinieneś przeanalizować swoje nagłówki (<h2> </h2>) i zoptymalizować je za pomocą słów kluczowych z długim ogonem, podczas gdy <h1> powinien używać głównego słowa kluczowego. Po HTML, CSS jest również ważny, ale nie musisz uczyć się każdego pojedynczego selektora, właściwości i wartości. CSS powinien być analizowany, gdy jest używany zamiast wyżej wymienionych nagłówków (nie wyobrażasz sobie liczby stron WordPressa, które używają sprite'ów CSS zamiast formatowania h1,h2).

A co z JavaScriptem?

JavaScript dla technicznego SEO należy rozpatrywać oddzielnie od pozostałych dwóch języków frontonu. Googlebot (nawet jeśli został niedawno zaktualizowany) nie może czytać JavaScript, dlatego jeśli masz jakąkolwiek natywną aplikację, dowolny akordeon z dużą ilością cennego lub dosłownie dowolnej formy tekstu zawartego w skrypcie, możesz uznać, że nie ma go Google. Ostatnio jednak Google wprowadził „kolejkę renderowania” dla JavaScript (zwłaszcza po stronie klienta), która zasadniczo „potwierdza” fakt, że niektóre treści są tracone podczas procesu indeksowania. W praktyce oznacza to, że Google odczyta Twoją treść (zawartą w konkretnym skrypcie) po Twoim kodzie HTML i CSS, skutecznie spowalniając jego rankingi.

Czy istnieje sposób, aby to naprawić?

WordPress to bardzo obciążona Javascriptem architektura. Istnieje mnóstwo akordeonów, suwaków i wtyczek obsługiwanych przez jQuery, Vue i inne frameworki, które są nieporęczne i renderowane po stronie klienta. Najłatwiejszym sposobem, aby to naprawić, byłaby implementacja JavaScript renderowanego po stronie serwera, co jest złożoną sprawą i wymaga od programistów z dużą wiedzą na temat Next.js i innych frameworków renderowanych po stronie serwera. Jest to oczywiście coś, co wymaga czasu, zasobów i konkretnych postaci zawodowych, z czym niewiele firm może sobie poradzić.

Ogólnie rzecz biorąc, najlepszym podejściem do JavaScript w WordPressie byłoby ograniczenie jego użycia do zadań związanych z grafiką, takich jak animowanie menu lub obrazów. Samo zastosowanie skryptu dla prostej linii tekstu może zniszczyć miesiące i miesiące pracy SEO, więc miej to na uwadze, planując back-end i front-end WordPressa!

Wszystkie pola niestandardowe!

Jeśli jest jedna dobra rzecz, którą PHP robi w architekturze WordPress, to z pewnością będzie to użycie pól niestandardowych. Pola niestandardowe są niezbędne do technicznego SEO, zwłaszcza przy planowaniu wykorzystania GTM (Google Tag Manager) i danych strukturalnych. W szczególności druga strona stała się dość fundamentalną częścią świata SEO, z dziesiątkami właściwości, atrybutów i bogatych wyników, które można osiągnąć dzięki użyciu znaczników Schema.org (więcej o tym później). Ważne jest, aby pamiętać, że pola niestandardowe wymagają pewnej formy wiedzy o PHP, więc stosunkowo przydatne byłoby poznanie ich ogólnej składni.

Mówiąc o schemacie…

Dane strukturalne są OBOWIĄZKOWE w 2019 roku dla każdej strategii SEO technicznego. Google bardzo ceni strony, które są oznaczone danymi strukturalnymi i dlatego jest to coś, czym powinien się zająć każdy specjalista SEO. Dane strukturalne odnoszą się do użycia (głównie) zakodowanych skryptów JSON-ld, które w rzeczywistości są „potwierdzeniem” tego, co zawiera treść na Twojej stronie. Co więcej, Google bardzo inwestuje w wyniki bogate w SERP (ocena gwiazdek dla stron produktów, okienka z najczęściej zadawanymi pytaniami i nie tylko) tylko po to, aby poprawić wrażenia użytkownika.

Schemat jest programem typu open source i jest aktualizowany codziennie, dlatego jeśli nie utworzyłeś dla niego niestandardowych pól, powinieneś to zrobić teraz. Hipotetycznie możesz użyć do tego wtyczek, takich jak aplikacja Schema, ale w przypadku znaczników schematu zawsze najlepiej jest kodować je ręcznie, korzystając z właściwości i atrybutów, które najlepiej pasują do treści.

Prędkość: największy problem WordPress

Jak wspomniano powyżej, WordPress to tak zwana „architektura odziedziczona”. W ten sposób chcemy, aby biblioteki, frameworki i silnik, który je przenoszą, były uważane za „przestarzałe” i „stare” w dzisiejszym świecie frontonu i backendu. Mając to na uwadze, dość łatwo zrozumieć, dlaczego niektóre witryny WordPress nie działają dobrze pod względem szybkości. Szybkość jest bardzo ważnym czynnikiem rankingowym w rankingach Google i istnieje mnóstwo różnych sposobów na ulepszenie jej pod kątem technicznej strategii SEO.

Przede wszystkim powinieneś ograniczyć użycie wtyczek graficznych, takich jak WPBakery : ręczne kodowanie CSS może zaoszczędzić ci (nawet żartów) co najmniej 1 sekundy czasu ładowania p/strony. Idealnie byłoby, gdyby programista musiał zbudować dobrze działającą witrynę, ale zoptymalizowanie szybkości, zwłaszcza w przypadku kompresji obrazów i innych pomniejszych zasobów, może wykonać każdy.

Jak prawidłowo zaplanować swój backend pod kątem optymalizacji indeksowania

Omówiliśmy, w jaki sposób Google indeksuje JavaScript, a teraz jesteśmy gotowi przedstawić, jak przygotować witrynę WordPress pod kątem optymalnego budżetu indeksowania. W przypadku „Budżetu indeksowania” mamy na myśli ramy czasowe, dla których Google skanuje witrynę, aby następnie ją zindeksować i uszeregować według SERP. Po raz kolejny istnieje wiele strategii, które można wykorzystać w celu optymalizacji budżetu indeksowania witryny WordPress, ale wszystkie zaczynają się od analizy plików dziennika.

Korzystając z narzędzi takich jak ScreamingFrog lub Deepcrawl , będziesz mógł analizować i określać, które strony są najczęściej indeksowane, i ogólnie zobaczysz, jak Google faktycznie indeksuje zasoby, takie jak pliki motywów, częściej niż rzeczywiste strony docelowe. Jest to oczywiście ogromny problem, ponieważ skutecznie marnujesz czas Googlebota, pozwalając mu indeksować fragmenty Twojej witryny, które nie są zorientowane na słowa kluczowe, co ogranicza Twój potencjał rankingowy. Po potwierdzeniu tego poprzez odpowiednią analizę plików dziennika możesz usunąć te zasoby, które są indeksowane, z budżetu indeksowania Googlebota, blokując je w pliku robots.txt. Więcej informacji o tym, jak to zrobić, znajdziesz tutaj.

A co z urządzeniami mobilnymi?

Jak być może wiesz, Google wysoko ceni wersję mobilną każdej witryny, do tego stopnia, że ​​indeks mobilny został policzony jako pierwszy od 2018 r. (technicznie 2017 r., ale został w pełni zarejestrowany w 2018 r.) do celów rankingowych. Niezwykle ważne jest, aby zrozumieć, że wszystkie te strategie dotyczą również urządzeń mobilnych, gdy planujesz swoją architekturę WordPress z nieco większym naciskiem na budżet indeksowania, tylko dlatego, że Google indeksuje mobilne wersje witryn znacznie szybciej.

Na WordPressie niektórzy twórcy aplikacji stworzyli wtyczkę AMP, dzięki której będziesz mógł tworzyć, ulepszać i optymalizować, ostatecznie, prędkość mobilną swojej witryny WordPress. AMP (Accelerated Mobile Pages) to coś, co może również pomóc w polecanych wynikach w Google, jeśli Twoja treść/produkt nie jest zbytnio zorientowany na długie formy treści.

Podsumowując

WordPress to prosta architektura do skonfigurowania, ale niezwykle złożona do optymalizacji, zwłaszcza jeśli chodzi o SEO techniczne. Należy pamiętać, że te strategie są jedynie szkieletem tego, czym tak naprawdę jest techniczne SEO stosowane w WordPress, ponieważ równanie zawiera mnóstwo zmiennych, od konfiguracji szczegółowych reguł GTM po optymalizację jakości sesji w zależności od celu witryny. Mając to na uwadze, możliwe jest stworzenie i dostarczenie niezwykle wysokiej jakości strategii SEO technicznego za pośrednictwem WordPressa, zwłaszcza jeśli od samego początku zoptymalizujesz jego backend. WordPress może być starszą architekturą, ale istnieje mnóstwo sposobów na „przekroczenie” tego początkowego problemu, jak wspomniano powyżej.