{"id":258424,"date":"2023-03-21T06:13:00","date_gmt":"2023-03-21T03:13:00","guid":{"rendered":"https:\/\/inform.click\/jak-prawidlowo-przygotowac-backend-wordpressa-pod-seo\/"},"modified":"2023-03-21T06:38:00","modified_gmt":"2023-03-21T03:38:00","slug":"jak-prawidlowo-przygotowac-backend-wordpressa-pod-seo","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/jak-prawidlowo-przygotowac-backend-wordpressa-pod-seo\/","title":{"rendered":"Jak prawid\u0142owo przygotowa\u0107 backend WordPressa pod SEO"},"content":{"rendered":"<p>\n  Bez wzgl\u0119du na to, co my\u015blisz, SEO jest nadal ogromn\u0105 cz\u0119\u015bci\u0105 wielu firm na ca\u0142ym \u015bwiecie i wci\u0105\u017c \u017cyje i tyka. Bior\u0105c to pod uwag\u0119, jasne jest, \u017ce istnieje mn\u00f3stwo nowych danych wej\u015bciowych, funkcji i, co najwa\u017cniejsze, strategii, kt\u00f3re nale\u017cy wzi\u0105\u0107 pod uwag\u0119.\n<\/p>\n<p>\n  U\u017cywanie r\u00f3\u017cnych technologii do \u201ewykorzystywania&#8221; algorytmu Google, a tym samym jego systemu rankingowego, sta\u0142o si\u0119 do\u015b\u0107 standardem dla wielu specjalist\u00f3w SEO, kt\u00f3rzy w rzeczywisto\u015bci coraz bardziej staj\u0105 si\u0119 programistami \u201ezorientowanymi na SEO&#8221;. Maj\u0105c to na uwadze, spr\u00f3bujmy przeanalizowa\u0107, dlaczego i jak nale\u017cy przygotowa\u0107 backend WordPress pod SEO, z technicznego punktu widzenia.\n<\/p>\n<h5>\n  Co to jest techniczne SEO?<br \/>\n<\/h5>\n<p>\n  W porz\u0105dku, aby w\u0142a\u015bciwie zrozumie\u0107, jak skonfigurowa\u0107 witryn\u0119 WordPress pod k\u0105tem SEO, musimy przeanalizowa\u0107, czym jest techniczne SEO. Przede wszystkim nie ma obecnie precyzyjnej definicji \u201eczym jest techniczne SEO&#8221;, ale mo\u017cemy nakre\u015bli\u0107 og\u00f3ln\u0105: w przypadku technicznego SEO mamy na my\u015bli kombinacj\u0119 strategii tworzonych w celu \u201epoinformowania Google o tym, co si\u0119 dzieje moj\u0105 witryn\u0119 w najszybszy mo\u017cliwy spos\u00f3b&#8221;. Techniczne SEO to co\u015b, o co bardzo dbaj\u0105 firmy korporacyjne, a mianowicie Apple, Amazon i TESLA, by wymieni\u0107 tylko kilka. Techniczne SEO jest r\u00f3wnie skomplikowane jak tworzenie front-endu i niezale\u017cnie od wielu artyku\u0142\u00f3w dost\u0119pnych online, wymaga g\u0142\u0119bokiej znajomo\u015bci HTML, CSS i Javascript (w szczeg\u00f3lno\u015bci).\n<\/p>\n<h5>\n  Czy WordPress jest architektur\u0105 przyjazn\u0105 dla SEO?<br \/>\n<\/h5>\n<p>\n  Niestety tak nie jest. WordPress jest wrogiem numer jeden wielu specjalist\u00f3w SEO, poniewa\u017c jest to tak zwana \u201estarsza architektura&#8221; (wi\u0119cej o tym p\u00f3\u017aniej). Chocia\u017c mo\u017ce si\u0119 to wydawa\u0107 przera\u017caj\u0105ce, jest w tym pewien haczyk: WordPress mo\u017cna rzeczywi\u015bcie zoptymalizowa\u0107 pod k\u0105tem technicznego SEO, zanim zrobi si\u0119 troch\u0119 sprytu. Programi\u015bci SEO wiedz\u0105, \u017ce WordPress jest \u201eograniczony&#8221; do zada\u0144 technicznych i dlatego opracowali wiele r\u00f3\u017cnych narz\u0119dzi, takich jak Yoast, kt\u00f3re pomog\u0105 Ci zbudowa\u0107 lepsz\u0105 architektur\u0119, nawet je\u015bli nie jeste\u015b ekspertem od PHP. W 2019 roku, je\u015bli pracujesz z architektur\u0105 WordPress, obowi\u0105zkowe jest posiadanie odpowiedniego zaplecza.\n<\/p>\n<h5>\n  \u201eNie wiem, jak kodowa\u0107, na co powinienem najpierw zwr\u00f3ci\u0107 uwag\u0119?&#8221;<br \/>\n<\/h5>\n<p>\n  Jak wspomniano powy\u017cej, techniczne SEO jest silnie zwi\u0105zane z kodem, niezale\u017cnie od tego, co w\u0105tpliwe blogi m\u00f3wi\u0105 online. Nie martw si\u0119 jednak, je\u015bli nie jeste\u015b ekspertem od kodowania, poniewa\u017c wystarczy nauczy\u0107 si\u0119 3 j\u0119zyk\u00f3w lub lepiej sk\u0142adni. HTML jest obowi\u0105zkowy, poniewa\u017c planuj\u0105c jak\u0105kolwiek form\u0119 technicznej strategii SEO, b\u0119dziesz musia\u0142 sprawdzi\u0107 nag\u0142\u00f3wki, tytu\u0142y stron, metaopisy i wi\u0119cej tag\u00f3w. Pami\u0119taj, \u017ce Googlebot (w\u0142asny robot Google) potrafi dok\u0142adnie czyta\u0107 kod HTML, wi\u0119c posiadanie idealnego \u201eszkieletu&#8221; HTML jest obowi\u0105zkowe.\n<\/p>\n<p>\n  Przegl\u0105daj\u0105c stron\u0119 w witrynie WordPress, powiniene\u015b przeanalizowa\u0107 nag\u0142\u00f3wki (\n<\/p>\n<p>\n  ) i optymalizuj je za pomoc\u0105 s\u0142\u00f3w kluczowych z d\u0142ugim ogonem, podczas gdy Twoja\n<\/p>\n<h5>\n  Co z Javascriptem?<br \/>\n<\/h5>\n<p>\n  Javascript dla technicznego SEO nale\u017cy rozpatrywa\u0107 oddzielnie od pozosta\u0142ych dw\u00f3ch j\u0119zyk\u00f3w front-end. Googlebot (nawet je\u015bli zosta\u0142 niedawno zaktualizowany) nie czyta Javascript, dlatego je\u015bli masz jak\u0105kolwiek natywn\u0105 aplikacj\u0119, dowolny akordeon z du\u017c\u0105 ilo\u015bci\u0105 warto\u015bciowego lub dos\u0142ownie dowolnej formy tekstu zawartej w skrypcie, mo\u017cesz uzna\u0107, \u017ce znikn\u0105\u0142 z Google. Jednak ostatnio Google wprowadzi\u0142o \u201ekolejk\u0119 renderowania&#8221; dla Javascript (zw\u0142aszcza po stronie klienta), kt\u00f3ra w zasadzie \u201epotwierdza&#8221; fakt, \u017ce cz\u0119\u015b\u0107 tre\u015bci jest tracona w procesie indeksowania. W praktyce oznacza to, \u017ce Google odczyta Twoje tre\u015bci (zawarte w okre\u015blonym skrypcie) po HTML i CSS, skutecznie spowalniaj\u0105c jego rankingi.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-312376-638384e6e6bd7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-312376-638384e6e6bd7.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Czy istnieje spos\u00f3b, aby to naprawi\u0107?<br \/>\n<\/h5>\n<p>\n  WordPress to architektura bardzo obci\u0105\u017cona Javascriptem. Istnieje mn\u00f3stwo akordeon\u00f3w, suwak\u00f3w i wtyczek, kt\u00f3re s\u0105 obs\u0142ugiwane przez jQuery, Vue i inne frameworki, kt\u00f3re s\u0105 niepor\u0119czne i renderowane po stronie klienta. Najprostszym mo\u017cliwym sposobem rozwi\u0105zania tego problemu by\u0142oby zaimplementowanie Javascript renderowanego po stronie serwera, co jest z\u0142o\u017con\u0105 spraw\u0105 i wymaga od programist\u00f3w du\u017cej wiedzy na temat Next.js i innych framework\u00f3w renderowanych po stronie serwera. Jest to oczywi\u015bcie co\u015b, co wymaga czasu, zasob\u00f3w i konkretnych postaci zawodowych, z czym niewiele firm mo\u017ce sobie poradzi\u0107.\n<\/p>\n<p>\n  Og\u00f3lnie rzecz bior\u0105c, najlepszym podej\u015bciem do JavaScript w WordPress by\u0142oby ograniczenie jego u\u017cycia do zada\u0144 zwi\u0105zanych z grafik\u0105, takich jak animowanie menu lub obraz\u00f3w. Samo zastosowanie skryptu dla prostej linii tekstu mo\u017ce zniszczy\u0107 miesi\u0105ce pracy SEO, wi\u0119c miej to na uwadze podczas planowania zaplecza i front-endu WordPress!\n<\/p>\n<h5>\n  Wszystkie niestandardowe pola!<br \/>\n<\/h5>\n<p>\n  Je\u015bli jest jedna dobra rzecz, kt\u00f3r\u0105 PHP robi w architekturze WordPress, to z pewno\u015bci\u0105 by\u0142oby to wykorzystanie niestandardowych p\u00f3l. Pola niestandardowe s\u0105 niezb\u0119dne dla technicznego SEO, zw\u0142aszcza przy planowaniu wykorzystania GTM (Google Tag Manager) i danych strukturalnych. W szczeg\u00f3lno\u015bci ta druga sta\u0142a si\u0119 do\u015b\u0107 fundamentaln\u0105 cz\u0119\u015bci\u0105 \u015bwiata SEO, z dziesi\u0105tkami w\u0142a\u015bciwo\u015bci, atrybut\u00f3w i bogatych wynik\u00f3w, kt\u00f3re mo\u017cna osi\u0105gn\u0105\u0107 za pomoc\u0105 znacznik\u00f3w <strong>Schema.org<\/strong> (wi\u0119cej o tym p\u00f3\u017aniej). Wa\u017cne jest, aby pami\u0119ta\u0107, \u017ce pola niestandardowe wymagaj\u0105 pewnej formy znajomo\u015bci PHP, wi\u0119c stosunkowo przydatne by\u0142oby poznanie ich og\u00f3lnej sk\u0142adni.\n<\/p>\n<h5>\n  M\u00f3wi\u0105c o schemacie\u2026<br \/>\n<\/h5>\n<p>\n  Dane strukturalne s\u0105 OBOWI\u0104ZKOWE w 2019 roku dla ka\u017cdej strategii SEO technicznego. Google bardzo ceni witryny oznaczone danymi strukturalnymi i dlatego jest to co\u015b, na co powinien zwr\u00f3ci\u0107 uwag\u0119 ka\u017cdy specjalista SEO. Dane strukturalne odnosz\u0105 si\u0119 do u\u017cycia (g\u0142\u00f3wnie) skrypt\u00f3w kodowanych w formacie JSON-ld, kt\u00f3re w rzeczywisto\u015bci s\u0105 \u201epotwierdzeniem&#8221; tego, co zawiera tre\u015b\u0107 na Twojej stronie. Ponadto Google inwestuje w wyniki bogate w SERP (oceny w gwiazdkach na stronach produkt\u00f3w, w polach z cz\u0119sto zadawanymi pytaniami i nie tylko), aby poprawi\u0107 komfort u\u017cytkowania.\n<\/p>\n<p>\n  Schema to program typu open source i jest codziennie aktualizowany, dlatego je\u015bli nie utworzy\u0142e\u015b dla niego niestandardowych p\u00f3l, powiniene\u015b to zrobi\u0107 teraz. Hipotetycznie mo\u017cna by do tego u\u017cy\u0107 wtyczek, takich jak aplikacja schematu, ale w przypadku znacznik\u00f3w schematu zawsze najlepiej jest r\u0119cznie zakodowa\u0107 je przy u\u017cyciu w\u0142a\u015bciwo\u015bci i atrybut\u00f3w, kt\u00f3re najlepiej pasuj\u0105 do tre\u015bci.\n<\/p>\n<h5>\n  Szybko\u015b\u0107: najwi\u0119kszy problem WordPressa<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-312376-638384e959741.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-312376-638384e959741.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Jak wspomniano powy\u017cej, WordPress jest tak zwan\u0105 \u201estarsz\u0105 architektur\u0105&#8221;. W ten spos\u00f3b chcemy, aby biblioteki, frameworki i silnik, kt\u00f3re je poruszaj\u0105, by\u0142y uwa\u017cane za \u201eprzestarza\u0142e&#8221; i \u201estare&#8221; w dzisiejszym \u015bwiecie frontendu i backendu. Maj\u0105c to na uwadze, ca\u0142kiem \u0142atwo jest zrozumie\u0107, dlaczego niekt\u00f3re witryny WordPress nie dzia\u0142aj\u0105 dobrze pod wzgl\u0119dem szybko\u015bci. Szybko\u015b\u0107 jest bardzo wa\u017cnym czynnikiem rankingowym w rankingach Google i istnieje mn\u00f3stwo r\u00f3\u017cnych sposob\u00f3w na jej ulepszenie w technicznej strategii SEO.\n<\/p>\n<p>\n  Przede wszystkim powiniene\u015b ograniczy\u0107 u\u017cycie wtyczek graficznych, takich jak <strong>WPBakery<\/strong>: r\u0119czne kodowanie CSS mo\u017ce zaoszcz\u0119dzi\u0107 (nawet nie \u017cartuj\u0105c) co najmniej 1 sekundy czasu \u0142adowania strony. Idealnie by\u0142oby, gdyby programista zbudowa\u0142 dobrze dzia\u0142aj\u0105c\u0105 witryn\u0119, ale optymalizacj\u0119 szybko\u015bci, zw\u0142aszcza poprzez kompresj\u0119 obraz\u00f3w i innych mniejszych zasob\u00f3w, mo\u017ce wykona\u0107 ka\u017cdy.\n<\/p>\n<h5>\n  Jak prawid\u0142owo zaplanowa\u0107 backend pod k\u0105tem optymalizacji indeksowania<br \/>\n<\/h5>\n<p>\n  Om\u00f3wili\u015bmy, w jaki spos\u00f3b Google indeksuje JavaScript, a teraz jeste\u015bmy gotowi, aby opisa\u0107, jak przygotowa\u0107 witryn\u0119 WordPress pod k\u0105tem optymalnego bud\u017cetu na indeksowanie. W przypadku \u201eBud\u017cetu indeksowania&#8221; mamy na my\u015bli ramy czasowe, w kt\u00f3rych Google skanuje witryn\u0119, aby nast\u0119pnie zindeksowa\u0107 j\u0105 i uszeregowa\u0107 wed\u0142ug SERP. Ponownie istnieje wiele strategii, kt\u00f3re mo\u017cna zastosowa\u0107 w celu optymalizacji bud\u017cetu indeksowania witryny WordPress, ale wszystkie zaczynaj\u0105 si\u0119 od analizy plik\u00f3w dziennika.\n<\/p>\n<p>\n  Korzystaj\u0105c z narz\u0119dzi takich jak <strong>ScreamingFrog<\/strong> lub <strong>Deepcrawl<\/strong>, b\u0119dziesz w stanie przeanalizowa\u0107 i okre\u015bli\u0107, kt\u00f3re strony s\u0105 indeksowane najcz\u0119\u015bciej, i og\u00f3lnie zobaczysz, w jaki spos\u00f3b Google faktycznie indeksuje zasoby, takie jak pliki motyw\u00f3w, a nie rzeczywiste strony docelowe. Jest to oczywi\u015bcie ogromny problem, poniewa\u017c skutecznie marnujesz czas Googlebota, pozwalaj\u0105c mu indeksowa\u0107 fragmenty Twojej witryny, kt\u00f3re nie s\u0105 zorientowane na s\u0142owa kluczowe, co ogranicza Tw\u00f3j potencja\u0142 rankingowy. Po potwierdzeniu tego przez przeprowadzenie odpowiedniej analizy plik\u00f3w dziennika mo\u017cesz usun\u0105\u0107 te zasoby, kt\u00f3re s\u0105 indeksowane, z bud\u017cetu indeksowania Googlebota, blokuj\u0105c ich dost\u0119p do pliku robots.txt. Wi\u0119cej informacji o tym, jak to zrobi\u0107, <a href=\"https:\/\/yoast.com\/wordpress-robots-txt-example\/\" target=\"_blank\" rel=\"noopener\">znajdziesz tutaj<\/a>.\n<\/p>\n<h5>\n  Co z telefonem kom\u00f3rkowym?<br \/>\n<\/h5>\n<p>\n  Jak by\u0107 mo\u017ce wiesz, Google bardzo ceni mobiln\u0105 wersj\u0119 ka\u017cdej witryny, do tego stopnia, \u017ce \u200b\u200bindeks mobilny jest liczony jako pierwszy od 2018 r. (technicznie rzecz bior\u0105c od 2017 r., ale zosta\u0142 w pe\u0142ni zarejestrowany w 2018 r.) Niezwykle wa\u017cne jest, aby zrozumie\u0107, \u017ce wszystkie te strategie dotycz\u0105 r\u00f3wnie\u017c urz\u0105dze\u0144 mobilnych, gdy planujesz architektur\u0119 WordPress z nieco wi\u0119kszym naciskiem na bud\u017cet indeksowania, tylko dlatego, \u017ce Google indeksuje mobilne wersje witryn znacznie szybciej.\n<\/p>\n<p>\n  W WordPressie niekt\u00f3rzy tw\u00f3rcy aplikacji stworzyli wtyczk\u0119 AMP, za pomoc\u0105 kt\u00f3rej b\u0119dziesz m\u00f3g\u0142 tworzy\u0107, ulepsza\u0107 i ostatecznie optymalizowa\u0107 mobiln\u0105 szybko\u015b\u0107 swojej witryny WordPress. AMP (Accelerated Mobile Pages) to co\u015b, co mo\u017ce r\u00f3wnie\u017c pom\u00f3c w wyr\u00f3\u017cnieniu wynik\u00f3w w Google, je\u015bli Twoja tre\u015b\u0107\/produkt nie jest zbytnio zorientowany na d\u0142ugie formy tre\u015bci.\n<\/p>\n<h4>\n  Podsumowuj\u0105c<br \/>\n<\/h4>\n<p>\n  WordPress to prosta architektura do skonfigurowania, ale niezwykle skomplikowana do optymalizacji, szczeg\u00f3lnie je\u015bli chodzi o techniczne SEO. Pami\u0119taj, \u017ce te strategie s\u0105 jedynie szkieletem tego, czym tak naprawd\u0119 jest techniczne SEO zastosowane w WordPress, poniewa\u017c w r\u00f3wnaniu uwzgl\u0119dniono mn\u00f3stwo zmiennych, od konfiguracji szczeg\u00f3\u0142owych regu\u0142 GTM po optymalizacj\u0119 jako\u015bci sesji w zale\u017cno\u015bci od celu witryny. Bior\u0105c to pod uwag\u0119, mo\u017cliwe jest stworzenie i dostarczenie bardzo wysokiej jako\u015bci strategii technicznego SEO za po\u015brednictwem WordPress, zw\u0142aszcza je\u015bli od samego pocz\u0105tku zoptymalizujesz jego zaplecze. WordPress mo\u017ce by\u0107 starsz\u0105 architektur\u0105, ale istnieje mn\u00f3stwo sposob\u00f3w na \u201eprzekroczenie&#8221; tego pocz\u0105tkowego problemu, jak wspomniano powy\u017cej.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0179r\u00f3d\u0142o nagrywania: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/01\/24\/prepare-wordpress-backend-for-seo\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bez wzgl\u0119du na to, co my\u015blisz, SEO jest nadal ogromn\u0105 cz\u0119\u015bci\u0105 wielu firm na ca\u0142ym \u015bwiecie i wci\u0105\u017c \u017cyje i tyka. Bior\u0105c to pod uwag\u0119, jasne jest, \u017ce istnieje mn\u00f3stwo nowych danych wej\u015bciowych, funkcji i, co najwa\u017cniejsze, strategii, kt\u00f3re nale\u017cy wzi\u0105\u0107 pod uwag\u0119. U\u017cywanie r\u00f3\u017cnych technologii do \u201ewykorzystywania\u201d algorytmu Google, a tym samym jego systemu rankingowego, sta\u0142o si\u0119 do\u015b\u0107 standardem dla wielu specjalist\u00f3w SEO, kt\u00f3rzy w rzeczywisto\u015bci coraz bardziej staj\u0105 si\u0119 programistami \u201ezorientowanymi na SEO\u201d. Maj\u0105c to na uwadze, spr\u00f3bujmy przeanalizowa\u0107, dlaczego i jak nale\u017cy przygotowa\u0107\u2026<\/p>\n","protected":false},"author":1,"featured_media":162147,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[97,58],"tags":[],"class_list":["post-258424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-i-marketing-pl","category-web-i-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/comments?post=258424"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258424\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media\/162147"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media?parent=258424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/categories?post=258424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/tags?post=258424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}