Jak prawidłowo przygotować backend WordPressa pod SEO
Bez względu na to, co myślisz, SEO jest nadal 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ę.
Używanie różnych technologii do „wykorzystywania” algorytmu Google, a tym samym jego systemu rankingowego, 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 należy przygotować backend WordPress pod 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 techniczne SEO. Przede wszystkim nie ma obecnie precyzyjnej definicji „czym jest techniczne SEO”, ale możemy nakreślić ogólną: w przypadku technicznego SEO mamy na myśli kombinację strategii tworzonych w celu „poinformowania Google o tym, co się dzieje moją witrynę w najszybszy możliwy sposób”. Techniczne SEO to coś, o co bardzo dbają firmy korporacyjne, a mianowicie Apple, Amazon i TESLA, by wymienić tylko kilka. Techniczne SEO jest równie skomplikowane jak tworzenie front-endu i niezależnie od wielu artykułów dostępnych online, wymaga głębokiej znajomości HTML, CSS i Javascript (w szczególności).
Czy WordPress jest architekturą przyjazną dla SEO?
Niestety tak nie jest. WordPress jest wrogiem numer jeden wielu specjalistów SEO, ponieważ jest to tak zwana „starsza architektura” (więcej o tym później). Chociaż może się to wydawać przerażające, jest w tym pewien haczyk: WordPress można rzeczywiście zoptymalizować pod kątem technicznego SEO, zanim zrobi się trochę sprytu. Programiści SEO wiedzą, że WordPress jest „ograniczony” do zadań technicznych i dlatego opracowali wiele różnych narzędzi, takich jak Yoast, które pomogą Ci zbudować lepszą architekturę, nawet jeśli nie jesteś ekspertem od PHP. W 2019 roku, jeśli pracujesz z architekturą WordPress, obowiązkowe jest posiadanie odpowiedniego zaplecza.
„Nie wiem, jak kodować, na co powinienem najpierw zwrócić uwagę?”
Jak wspomniano powyżej, techniczne SEO jest silnie związane z kodem, niezależnie od tego, co wątpliwe blogi mówią online. Nie martw się jednak, jeśli nie jesteś ekspertem od kodowania, ponieważ wystarczy nauczyć się 3 języków lub lepiej składni. HTML jest obowiązkowy, ponieważ planując jakąkolwiek formę technicznej strategii SEO, będziesz musiał sprawdzić nagłówki, tytuły stron, metaopisy i więcej tagów. Pamiętaj, że Googlebot (własny robot Google) potrafi dokładnie czytać kod HTML, więc posiadanie idealnego „szkieletu” HTML jest obowiązkowe.
Przeglądając stronę w witrynie WordPress, powinieneś przeanalizować nagłówki (
) i optymalizuj je za pomocą słów kluczowych z długim ogonem, podczas gdy Twoja
Co z Javascriptem?
Javascript dla technicznego SEO należy rozpatrywać oddzielnie od pozostałych dwóch języków front-end. Googlebot (nawet jeśli został niedawno zaktualizowany) nie czyta Javascript, dlatego jeśli masz jakąkolwiek natywną aplikację, dowolny akordeon z dużą ilością wartościowego lub dosłownie dowolnej formy tekstu zawartej w skrypcie, możesz uznać, że zniknął z Google. Jednak ostatnio Google wprowadziło „kolejkę renderowania” dla Javascript (zwłaszcza po stronie klienta), która w zasadzie „potwierdza” fakt, że część treści jest tracona w procesie indeksowania. W praktyce oznacza to, że Google odczyta Twoje treści (zawarte w określonym skrypcie) po HTML i CSS, skutecznie spowalniając jego rankingi.
Czy istnieje sposób, aby to naprawić?
WordPress to architektura bardzo obciążona Javascriptem. Istnieje mnóstwo akordeonów, suwaków i wtyczek, które są obsługiwane przez jQuery, Vue i inne frameworki, które są nieporęczne i renderowane po stronie klienta. Najprostszym możliwym sposobem rozwiązania tego problemu byłoby zaimplementowanie Javascript renderowanego po stronie serwera, co jest złożoną sprawą i wymaga od programistów dużej wiedzy 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 WordPress 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 pracy SEO, więc miej to na uwadze podczas planowania zaplecza i front-endu WordPress!
Wszystkie niestandardowe pola!
Jeśli jest jedna dobra rzecz, którą PHP robi w architekturze WordPress, to z pewnością byłoby to wykorzystanie niestandardowych pól. Pola niestandardowe są niezbędne dla technicznego SEO, zwłaszcza przy planowaniu wykorzystania GTM (Google Tag Manager) i danych strukturalnych. W szczególności ta druga 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ąć za pomocą znaczników Schema.org (więcej o tym później). Ważne jest, aby pamiętać, że pola niestandardowe wymagają pewnej formy znajomości 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 witryny oznaczone danymi strukturalnymi i dlatego jest to coś, na co powinien zwrócić uwagę każdy specjalista SEO. Dane strukturalne odnoszą się do użycia (głównie) skryptów kodowanych w formacie JSON-ld, które w rzeczywistości są „potwierdzeniem” tego, co zawiera treść na Twojej stronie. Ponadto Google inwestuje w wyniki bogate w SERP (oceny w gwiazdkach na stronach produktów, w polach z często zadawanymi pytaniami i nie tylko), aby poprawić komfort użytkowania.
Schema to program typu open source i jest codziennie aktualizowany, dlatego jeśli nie utworzyłeś dla niego niestandardowych pól, powinieneś to zrobić teraz. Hipotetycznie można by do tego użyć wtyczek, takich jak aplikacja schematu, ale w przypadku znaczników schematu zawsze najlepiej jest ręcznie zakodować je przy użyciu właściwości i atrybutów, które najlepiej pasują do treści.
Szybkość: największy problem WordPressa
Jak wspomniano powyżej, WordPress jest tak zwaną „starszą architekturą”. W ten sposób chcemy, aby biblioteki, frameworki i silnik, które je poruszają, były uważane za „przestarzałe” i „stare” w dzisiejszym świecie frontendu i backendu. Mając to na uwadze, całkiem łatwo jest 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 jej ulepszenie w technicznej strategii SEO.
Przede wszystkim powinieneś ograniczyć użycie wtyczek graficznych, takich jak WPBakery: ręczne kodowanie CSS może zaoszczędzić (nawet nie żartując) co najmniej 1 sekundy czasu ładowania strony. Idealnie byłoby, gdyby programista zbudował dobrze działającą witrynę, ale optymalizację szybkości, zwłaszcza poprzez kompresję obrazów i innych mniejszych zasobów, może wykonać każdy.
Jak prawidłowo zaplanować backend pod kątem optymalizacji indeksowania
Omówiliśmy, w jaki sposób Google indeksuje JavaScript, a teraz jesteśmy gotowi, aby opisać, jak przygotować witrynę WordPress pod kątem optymalnego budżetu na indeksowanie. W przypadku „Budżetu indeksowania” mamy na myśli ramy czasowe, w których Google skanuje witrynę, aby następnie zindeksować ją i uszeregować według SERP. Ponownie istnieje wiele strategii, które można zastosować 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 w stanie przeanalizować i określić, które strony są indeksowane najczęściej, i ogólnie zobaczysz, w jaki sposób Google faktycznie indeksuje zasoby, takie jak pliki motywów, a nie 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 przez przeprowadzenie odpowiedniej analizy plików dziennika możesz usunąć te zasoby, które są indeksowane, z budżetu indeksowania Googlebota, blokując ich dostęp do pliku robots.txt. Więcej informacji o tym, jak to zrobić, znajdziesz tutaj.
Co z telefonem komórkowym?
Jak być może wiesz, Google bardzo ceni mobilną wersję każdej witryny, do tego stopnia, że indeks mobilny jest liczony jako pierwszy od 2018 r. (technicznie rzecz biorąc od 2017 r., ale został w pełni zarejestrowany w 2018 r.) Niezwykle ważne jest, aby zrozumieć, że wszystkie te strategie dotyczą również urządzeń mobilnych, gdy planujesz architekturę WordPress z nieco większym naciskiem na budżet indeksowania, tylko dlatego, że Google indeksuje mobilne wersje witryn znacznie szybciej.
W WordPressie niektórzy twórcy aplikacji stworzyli wtyczkę AMP, za pomocą której będziesz mógł tworzyć, ulepszać i ostatecznie optymalizować mobilną szybkość swojej witryny WordPress. AMP (Accelerated Mobile Pages) to coś, co może również pomóc w wyróżnieniu wyników 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 skomplikowana do optymalizacji, szczególnie jeśli chodzi o techniczne SEO. Pamiętaj, że te strategie są jedynie szkieletem tego, czym tak naprawdę jest techniczne SEO zastosowane w WordPress, ponieważ w równaniu uwzględniono mnóstwo zmiennych, od konfiguracji szczegółowych reguł GTM po optymalizację jakości sesji w zależności od celu witryny. Biorąc to pod uwagę, możliwe jest stworzenie i dostarczenie bardzo wysokiej jakości strategii technicznego SEO za pośrednictwem WordPress, zwłaszcza jeśli od samego początku zoptymalizujesz jego zaplecze. WordPress może być starszą architekturą, ale istnieje mnóstwo sposobów na „przekroczenie” tego początkowego problemu, jak wspomniano powyżej.