{"id":9533,"date":"2020-03-29T15:49:57","date_gmt":"2020-03-29T13:49:57","guid":{"rendered":"https:\/\/nprofit.net\/pl\/?p=9533"},"modified":"2020-03-29T15:49:57","modified_gmt":"2020-03-29T13:49:57","slug":"javascript-seo-poradnik","status":"publish","type":"post","link":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/","title":{"rendered":"Wykorzystanie dobrodziejstw JavaScript w SEO"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Wsp\u00f3\u0142czesne strony internetowe coraz bardziej zaskakuj\u0105 nas elementami interaktywnymi, kt\u00f3re zmieniaj\u0105 si\u0119 na naszych oczach. Do ich budowy w du\u017cej mierze wykorzystuje si\u0119 j\u0119zyk programowania o nazwie JavaScript. Jaki wp\u0142yw ma on na indeksowanie i pozycj\u0119 naszej strony w Google? Na to pytanie odpowied\u017a w dzisiejszym artykule.<\/p>\n<p class=\"Standard\" style=\"text-align: justify; text-justify: inter-ideograph;\"><span style=\"font-size: 11.0pt;\">Na pocz\u0105tek, warto powiedzie\u0107 co\u015b wi\u0119cej o tym, czym jest w\u0142a\u015bciwie JavaScript. To skryptowy j\u0119zyk programowania s\u0142u\u017c\u0105cy do tworzenia dynamicznych i interaktywnych element\u00f3w na stronie internetowej. Dzi\u0119ki niemu mo\u017cemy zwi\u0119ksza\u0107 interakcj\u0119 u\u017cytkownika z witryn\u0105.<\/span><\/p>\n<p>[\/vc_column_text][vc_message]<\/p>\n<div style=\"margin-left: 10px;\">\n<p>W przypadku witryn E-Commerce, JS wyst\u0119puje cz\u0119sto przy elementach takich jak:<\/p>\n<ul>\n<li style=\"list-style-type: square;\">paginacja (np. Infinite scroll),<\/li>\n<li style=\"list-style-type: square;\">komentarze i opinie,<\/li>\n<li style=\"list-style-type: square;\">popupy,<\/li>\n<li style=\"list-style-type: square;\">galerie zdj\u0119\u0107,<\/li>\n<li style=\"list-style-type: square;\">dodawanie produkt\u00f3w do koszyka.<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_message][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">U\u017cywaj\u0105c JavaScript na naszej stronie b\u0119dziemy w stanie manipulowa\u0107 drzewem DOM (Document Object Model), kt\u00f3re jest tworzone przez nasz\u0105 przegl\u0105dark\u0119 na podstawie kodu HTML pobieranego z serwera. Dzi\u0119ki temu interfejsowi mamy dost\u0119p do ka\u017cdego elementu poprzez odpowiednie obiekty w JavaScript.<\/p>\n<p style=\"text-align: justify;\">Niew\u0105tpliw\u0105 zalet\u0105 tego j\u0119zyka jest mo\u017cliwo\u015b\u0107 odci\u0105\u017cenia serwer\u00f3w i przeniesienie \u201ekosztu\u201d wyrenderowania strony na u\u017cytkownika. Problemem mo\u017ce by\u0107 natomiast kompatybilno\u015b\u0107 witryn opartych o JS z przegl\u0105darkami oraz ich poprawne odczytywanie przez roboty indeksuj\u0105ce.<\/p>\n<p style=\"text-align: justify;\">W raporcie udost\u0119pnionym przez firm\u0119 Statista wida\u0107, \u017ce z pocz\u0105tkiem 2019 roku ponad 65% z 88 tysi\u0119cy ankietowanych uzna\u0142o JavaScript jako najcz\u0119\u015bciej u\u017cywany j\u0119zyk programowania. Tak wysokie warto\u015bci dowodz\u0105 tego, \u017ce znajomo\u015b\u0107 JS jest coraz bardziej istotna w kontek\u015bcie prowadzenia dzia\u0142a\u0144 SEO.<\/p>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;chino&#8221;]<strong>Raport Statista<br \/>\n<\/strong><\/p>\n<p>https:\/\/www.statista.com\/statistics\/793628\/worldwide-developer-survey-most-used-languages\/<\/p>\n<p>[\/vc_message][vc_column_text]<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Prze\u0142\u0105cznik Spisu Tre\u015bci\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #003366;color:#003366\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #003366;color:#003366\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#JavaScript_a_Google\" >JavaScript a Google<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Jak_Googlebot_procesuje_JS\" >Jak Googlebot procesuje JS?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Indeksowanie_stron_opartych_o_JavaScript_odbywa_sie_dwuetapowo\" >Indeksowanie stron opartych o JavaScript odbywa si\u0119 dwuetapowo.<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Problemy_z_indeksowaniem_stron_w_JavaScript\" >Problemy z indeksowaniem stron w JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Jak_zweryfikowac_czy_strona_w_JavaScript_jest_prawidlowo_renderowana_i_indeksowana\" >Jak zweryfikowa\u0107 czy strona w JavaScript jest prawid\u0142owo renderowana i indeksowana?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Weryfikacja_witryny_narzedziem_URL_Inspection_w_Google_Search_Console\" >Weryfikacja witryny narz\u0119dziem URL Inspection w Google Search Console<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Skorzystanie_z_narzedzia_do_testu_optymalizacji_mobilnej\" >Skorzystanie z narz\u0119dzia do testu optymalizacji mobilnej<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Reczna_weryfikacja_za_pomoca_komendy_site_w_Google\" >R\u0119czna weryfikacja za pomoc\u0105 komendy site w Google<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Weryfikacja_zawartosci_podstrony_korzystajac_z_cache\" >Weryfikacja zawarto\u015bci podstrony korzystaj\u0105c z cache<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Renderowanie_JavaScript_na_wiele_sposobow\" >Renderowanie JavaScript na wiele sposob\u00f3w<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#Podsumowanie\" >Podsumowanie<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: left;\"><span class=\"ez-toc-section\" id=\"JavaScript_a_Google\"><\/span>JavaScript a Google<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Google to wyszukiwarka, kt\u00f3ra zdecydowanie najlepiej radzi sobie z indeksowaniem dynamicznie generowanych tre\u015bci. Gigant ca\u0142y czas pracuje nad tym, aby usprawni\u0107 algorytmy pod k\u0105tem poprawnego rozumienia zawarto\u015bci stron.<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;9572&#8243; img_size=&#8221;full&#8221; add_caption=&#8221;yes&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Publikowane s\u0105 materia\u0142y dla webmaster\u00f3w, kt\u00f3re maj\u0105 pom\u00f3c w rozwi\u0105zywaniu problem\u00f3w zwi\u0105zanych z JS. Na oficjalnym profilu Google Webmasters znajdziemy seri\u0119 film\u00f3w po\u015bwi\u0119con\u0105 JavaScript SEO prowadzon\u0105 przez Martina Splitta (Webmaster Trends Analyst w Google), kt\u00f3ra ma ju\u017c 8 odcink\u00f3w. Na stronie developers.google.com jest nawet ca\u0142a sekcja po\u015bwi\u0119cona temu tematowi, a bardziej z\u0142o\u017cone przypadki mo\u017cemy poruszy\u0107 na specjalnej grupie dyskusyjnej pod adresem https:\/\/groups.google.com\/forum\/#!forum\/js-sites-wg.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Du\u017cy prze\u0142om w podej\u015bciu Google do tematu JS nast\u0105pi\u0142 w maju 2014, gdy podj\u0119to decyzj\u0119\u00a0 o renderowaniu JavaScript podczas indeksowania stron.<\/p>\n<p>[\/vc_column_text][vc_row_inner equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;9539&#8243; alignment=&#8221;center&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;3\/4&#8243;][vc_raw_html]JTNDYmxvY2txdW90ZSUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyYmxvZy1xdW90ZV9fdGV4dCUyMiUyMHN0eWxlJTNEJTIycGFkZGluZy1ib3R0b20lM0ElMjAxcHglMjBzb2xpZCUzQiUyMG1hcmdpbi1ib3R0b20lM0ElMjAxMHB4JTIyJTNFSW4lMjBvcmRlciUyMHRvJTIwc29sdmUlMjB0aGlzJTIwcHJvYmxlbSUyQyUyMHdlJTIwZGVjaWRlZCUyMHRvJTIwdHJ5JTIwdG8lMjB1bmRlcnN0YW5kJTIwcGFnZXMlMjBieSUyMGV4ZWN1dGluZyUyMEphdmFTY3JpcHQuJTIwSXQlRTIlODAlOTlzJTIwaGFyZCUyMHRvJTIwZG8lMjB0aGF0JTIwYXQlMjB0aGUlMjBzY2FsZSUyMG9mJTIwdGhlJTIwY3VycmVudCUyMHdlYiUyQyUyMGJ1dCUyMHdlJTIwZGVjaWRlZCUyMHRoYXQlMjBpdCVFMiU4MCU5OXMlMjB3b3J0aCUyMGl0LiUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyYmxvZy1xdW90ZV9fY2l0ZSUyMiUzRSUwQSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmZvbnQtc2l6ZSUzQSUyMDEwcHglMjIlM0UlMEElM0NiJTNFJUM1JUI5ciVDMyVCM2QlQzUlODJvJTNBJTNDJTJGYiUzRSUwQSUzQ2NpdGUlM0UlMEFodHRwcyUzQSUyRiUyRndlYm1hc3RlcnMuZ29vZ2xlYmxvZy5jb20lMkYyMDE0JTJGMDUlMkZ1bmRlcnN0YW5kaW5nLXdlYi1wYWdlcy1iZXR0ZXIuaHRtbCUwQSUzQyUyRmNpdGUlM0UlMEElM0MlMkZzcGFuJTNFJTBBJTNDJTJGZGl2JTNFJTBBJTNDJTJGYmxvY2txdW90ZSUzRQ==[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Kolejn\u0105 istotn\u0105 wiadomo\u015bci\u0105 dla webmaster\u00f3w by\u0142a informacja, kt\u00f3r\u0105 podzielono si\u0119 podczas konferencji I\/O w 2019 roku. Og\u0142oszono w\u00f3wczas,\u017ce przy renderowaniu stron Googlebot b\u0119dzie korzysta\u0142 z najnowszego silnika Chromium. Przeskok z mechanizm\u00f3w opartych o przegl\u0105dark\u0119 Chrome w wersji 41 by\u0142 ogromny. Dzi\u0119ki temu Googlebot zosta\u0142 wyposa\u017cony w ponad 1000 nowych funkcji w tym te zwi\u0105zane z rozumieniem ECMAScript 6.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h2 style=\"text-align: left;\"><span class=\"ez-toc-section\" id=\"Jak_Googlebot_procesuje_JS\"><\/span>Jak Googlebot procesuje JS?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Nale\u017cy zdawa\u0107 sobie spraw\u0119, \u017ce procesowanie stron w JavaScript, kt\u00f3re renderowane s\u0105 po stronie klienta (CSR) jest du\u017co bardziej zasobo\u017cerne ni\u017c w przypadku tradycyjnych stron opartych o HTML. Wi\u0119ksze zu\u017cycie zasob\u00f3w dotyczy zar\u00f3wno u\u017cytkownika, jak i Googlebota (Crawl Budget).<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">W procesie indeksowania witryn wykorzystywany jest mechanizm zwany Caffeine. Zawiera on w sobie szereg us\u0142ug takich jak WRS (Web Rendering Service).<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;9575&#8243; img_size=&#8221;full&#8221; add_caption=&#8221;yes&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Indeksowanie_stron_opartych_o_JavaScript_odbywa_sie_dwuetapowo\"><\/span>Indeksowanie stron opartych o JavaScript odbywa si\u0119 dwuetapowo.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/vc_column_text][vc_single_image image=&#8221;9577&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Pocz\u0105tkowo Googlebot wysy\u0142a \u017c\u0105danie HTTP do serwera i sprawdza czy pobranie zasobu jest mo\u017cliwe. Kolejnym etapem jest wykonanie kodu JavaScript przez us\u0142ug\u0119 WRS b\u0119d\u0105cej cz\u0119\u015bci\u0105 Caffeine. Je\u017celi zasoby Googlebota na to nie pozwalaj\u0105, renderowanie strony mo\u017ce zosta\u0107 od\u0142o\u017cone w czasie. Gdy zasoby na to pozwol\u0105, kod JS jest wykonywany, a Googlebot ponownie analizuje wyrenderowany kod HTML w celu znalezienia nowych link\u00f3w, kt\u00f3re umieszcza w kolejce do crawlowania. W ostatnim etapie wyrenderowany HTML jest indeksowany.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h2 style=\"text-align: left;\"><span class=\"ez-toc-section\" id=\"Problemy_z_indeksowaniem_stron_w_JavaScript\"><\/span>Problemy z indeksowaniem stron w JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Pierwszym krokiem, kt\u00f3ry nale\u017cy wykona\u0107 jest sprawdzenie, czy dost\u0119p do skrypt\u00f3w nie jest blokowany za pomoc\u0105 pliku robots.txt. Zablokowanie pliku, kt\u00f3ry modyfikuje zawarto\u015b\u0107 strony spowoduje, \u017ce nie zostanie ona prawid\u0142owo wyrenderowana.<\/p>\n<p style=\"text-align: justify;\">Problemy z indeksowaniem JavaScript wynikaj\u0105 z tego, \u017ce Googlebot nie zachowuje si\u0119 tak samo jak u\u017cytkownik i nie mo\u017ce wykona\u0107 pewnych interakcji. Dodatkowo, jego zasoby s\u0105 ograniczone.<\/p>\n<p>[\/vc_column_text][vc_message]<\/p>\n<div style=\"margin-left: 10px;\">\n<p>Googlebot nie jest w stanie wykona\u0107 takich interakcji jak:<\/p>\n<ul>\n<li style=\"list-style-type: square;\">klikni\u0119cie w przycisk,<\/li>\n<li style=\"list-style-type: square;\">scrollowanie,<\/li>\n<li style=\"list-style-type: square;\">obs\u0142uga plik\u00f3w cookie oraz local storage.<\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_message][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Je\u017celi dost\u0119p do tre\u015bci wymaga interakcji u\u017cytkownika (na przyk\u0142ad klikni\u0119cia) to nie b\u0119d\u0105 one uwzgl\u0119dnione przy indeksowaniu. Chodzi tutaj o tre\u015bci, kt\u00f3re s\u0105 doczytywane dopiero po akcji np. klikni\u0119ciu w button.<\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Ponadto, Googlebot mo\u017ce nie by\u0107 w stanie pobra\u0107 wszystkich zasob\u00f3w. Algorytm decyduje o tym, kt\u00f3re z nich b\u0119d\u0105 mia\u0142y faktyczny wp\u0142yw na zawarto\u015b\u0107 strony.<\/p>\n<p>[\/vc_column_text][vc_row_inner equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;9539&#8243; alignment=&#8221;center&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;3\/4&#8243;][vc_raw_html]JTNDYmxvY2txdW90ZSUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyYmxvZy1xdW90ZV9fdGV4dCUyMiUyMHN0eWxlJTNEJTIycGFkZGluZy1ib3R0b20lM0ElMjAxcHglMjBzb2xpZCUzQiUyMG1hcmdpbi1ib3R0b20lM0ElMjAxMHB4JTIyJTNFR29vZ2xlYm90JTIwYW5kJTIwaXRzJTIwV2ViJTIwUmVuZGVyaW5nJTIwU2VydmljZSUyMCUyOFdSUyUyOSUyMGNvbXBvbmVudCUyMGNvbnRpbnVvdXNseSUyMGFuYWx5emUlMjBhbmQlMjBpZGVudGlmeSUyMHJlc291cmNlcyUyMHRoYXQlMjBkb24lRTIlODAlOTl0JTIwY29udHJpYnV0ZSUyMHRvJTIwZXNzZW50aWFsJTIwcGFnZSUyMGNvbnRlbnQlMjBhbmQlMjBtYXklMjBub3QlMjBmZXRjaCUyMHN1Y2glMjByZXNvdXJjZXMuJTNDJTJGZGl2JTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJibG9nLXF1b3RlX19jaXRlJTIyJTNFJTBBJTNDc3BhbiUyMHN0eWxlJTNEJTIyZm9udC1zaXplJTNBJTIwMTBweCUyMiUzRSUwQSUzQ2IlM0UlQzUlQjlyJUMzJUIzZCVDNSU4Mm8lM0ElM0MlMkZiJTNFJTBBJTNDY2l0ZSUzRSUwQWh0dHBzJTNBJTJGJTJGZGV2ZWxvcGVycy5nb29nbGUuY29tJTJGc2VhcmNoJTJGZG9jcyUyRmd1aWRlcyUyRmZpeC1zZWFyY2gtamF2YXNjcmlwdCUwQSUzQyUyRmNpdGUlM0UlMEElM0MlMkZzcGFuJTNFJTBBJTNDJTJGZGl2JTNFJTBBJTNDJTJGYmxvY2txdW90ZSUzRQ==[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">W przypadku gdy wykonanie skryptu b\u0119dzie zajmowa\u0107 zbyt du\u017co czasu, mog\u0105 one zosta\u0107 pomini\u0119te. Zosta\u0142o to potwierdzone przez Martina Splitt na Twitterze.<\/p>\n<p>[\/vc_column_text][vc_row_inner equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;9555&#8243; alignment=&#8221;center&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;3\/4&#8243;][vc_raw_html]JTNDYmxvY2txdW90ZSUyMGNsYXNzJTNEJTIydHdpdHRlci10d2VldCUyMiUzRSUzQ3AlMjBsYW5nJTNEJTIyZW4lMjIlMjBkaXIlM0QlMjJsdHIlMjIlM0VUaGF0JTI2JTIzMzklM0JzJTIwYSUyMGdvb2QlMjBxdWVzdGlvbi4lMjBJZiUyMHlvdXIlMjBzZXR1cCUyMHRha2VzJTIwdG9vJTIwbG9uZyUyMHRvJTIwcmVzcG9uZCUyQyUyMEdvb2dsZWJvdCUyMG1pZ2h0JTIwdGltZSUyMG91dC4lMjBJdCUyMGRvZXMlMjBhZmZlY3QlMjB5b3VyJTIwcGFnZXMlMkMlMjBzbyUyMHlvdSUyMHdhbm5hJTIwdGFrZSUyMGElMjBjYXJlZnVsJTIwbG9vayUyMGF0JTIwcG90ZW50aWFsJTIwY2FjaGluZyUyMG9wdGlvbnMuJTNDJTJGcCUzRSUyNm1kYXNoJTNCJTIwTWFydGluJTIwU3BsaXR0JTIwYXQlMjAlRjAlOUYlOEYlQTElRjAlOUYlODclQTglRjAlOUYlODclQUQlMjAlMjglNDBnMzNrb25hdXQlMjklMjAlM0NhJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGdHdpdHRlci5jb20lMkZnMzNrb25hdXQlMkZzdGF0dXMlMkYxMTM3MDIwOTQxNDY3MzEyMTI4JTNGcmVmX3NyYyUzRHR3c3JjJTI1NUV0ZnclMjIlM0VKdW5lJTIwNyUyQyUyMDIwMTklM0MlMkZhJTNFJTNDJTJGYmxvY2txdW90ZSUzRSUyMCUzQ3NjcmlwdCUyMGFzeW5jJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF0Zm9ybS50d2l0dGVyLmNvbSUyRndpZGdldHMuanMlMjIlMjBjaGFyc2V0JTNEJTIydXRmLTglMjIlM0UlM0MlMkZzY3JpcHQlM0UlMjA=[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n<h2 style=\"text-align: left;\"><span class=\"ez-toc-section\" id=\"Jak_zweryfikowac_czy_strona_w_JavaScript_jest_prawidlowo_renderowana_i_indeksowana\"><\/span>Jak zweryfikowa\u0107 czy strona w JavaScript jest prawid\u0142owo renderowana i indeksowana?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Je\u017celi Twoja strona korzysta z JavaScript, poni\u017cej przedstawiono pierwsze kroki, kt\u00f3re nale\u017cy wykona\u0107 w celu upewnienia si\u0119, \u017ce zawarto\u015b\u0107 strony renderowana i indeksowana jest w prawid\u0142owy spos\u00f3b.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Weryfikacja_witryny_narzedziem_URL_Inspection_w_Google_Search_Console\"><\/span>Weryfikacja witryny narz\u0119dziem URL Inspection w Google Search Console<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Je\u017celi jeste\u015bmy w posiadaniu dost\u0119pu do GSC analizowanej strony, nale\u017cy w pierwszej kolejno\u015bci wykorzysta\u0107 narz\u0119dzie URL Inspection. W tym celu wklejamy adres naszej strony w g\u00f3rnej cz\u0119\u015bci witryny.<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;9582&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Po kr\u00f3tkiej chwili, w odpowiedzi powinni\u015bmy otrzyma\u0107 informacj\u0119 o analizowanym adresie URL, jednak w celu sprawdzenia aktualnej wersji podstrony musimy klikn\u0105\u0107 jeszcze na przycisk <i><u>Sprawd\u017a URL wersji aktywnej<\/u><\/i>.<\/p>\n<p>[\/vc_column_text][vc_column_text]<strong>Po pobraniu adresu musimy wybra\u0107 <em><u>Wy\u015bwietl przetestowan\u0105 stron\u0119<\/u><\/em> i zweryfikowa\u0107 nast\u0119puj\u0105ce elementy:<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: square;\">czy na zrzucie widoczna jest zawarto\u015b\u0107 podstrony?<\/li>\n<\/ul>\n<p><span style=\"font-size: 10px;\">Zrzut nie zawiera ca\u0142ej podstrony a jedynie fragment.<\/span><\/p>\n<ul>\n<li style=\"list-style-type: square;\">czy kod z zak\u0142adce <em>HTML<\/em> uwzgl\u0119dnia wyrenderowane tre\u015bci?<\/li>\n<\/ul>\n<p><span style=\"font-size: 10px;\">Jest to najistotniejsza kwestia. Musimy zweryfikowa\u0107 czy elementy takie jak tre\u015b\u0107, linki, znaczniki meta oraz nag\u0142\u00f3wki zosta\u0142y wygenerowane prawid\u0142owo.<\/span><\/p>\n<ul>\n<li style=\"list-style-type: square;\">w zak\u0142adce <em>Wi\u0119cej informacji<\/em> sprawdzamy czy kod odpowiedzi jest prawid\u0142owy oraz jakie zasoby zosta\u0142y pobrane\/zablokowane.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;9587&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Skorzystanie_z_narzedzia_do_testu_optymalizacji_mobilnej\"><\/span>Skorzystanie z narz\u0119dzia do testu optymalizacji mobilnej<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/vc_column_text][vc_column_text]W przypadku braku dost\u0119pu do GSC mo\u017cemy tak\u017ce wykorzysta\u0107 narz\u0119dzie https:\/\/search.google.com\/test\/mobile-friendly. Dzi\u0119ki niemu zobaczymy jak Google widzi nasz\u0105 witryn\u0119 na urz\u0105dzeniu mobilnym.[\/vc_column_text][vc_column_text]<strong>Podobnie jak w przypadku GSC otrzymamy takie informacje jak:<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: square;\">zrzut strony,<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: square;\">kod HTML uwzgl\u0119dniaj\u0105cy wykonane skrypty,<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: square;\">lista niewczytanych zasob\u00f3w.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p class=\"Standard\">Upewniamy si\u0119, \u017ce w kodzie witryny znajduj\u0105 si\u0119 wszystkie elementy, na kt\u00f3rych indeksowaniu nam zale\u017cy (tre\u015b\u0107, linkowanie, zawarto\u015b\u0107 znacznik\u00f3w meta).<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Reczna_weryfikacja_za_pomoca_komendy_site_w_Google\"><\/span>R\u0119czna weryfikacja za pomoc\u0105 komendy <i>site<\/i> w Google<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Najszybsz\u0105 metod\u0105, aby sprawdzi\u0107 czy Google dotar\u0142 do naszych tre\u015bci jest sprawdzenie, czy strona wy\u015bwietla si\u0119 po wpisaniu w Google komendy <i>site:http:\/\/twojastrona.pl<\/i><\/p>\n<p class=\"Standard\" style=\"text-align: justify;\">Aby upewni\u0107 si\u0119, \u017ce dynamicznie \u0142adowana tre\u015b\u0107 zosta\u0142a uwzgl\u0119dniona przy indeksowaniu musimy rozszerzy\u0107 nasze zapytanie o fragment tekstu w cudzys\u0142owie.<\/p>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;chino&#8221;]<strong>Przyk\u0142ad<\/strong><\/p>\n<p><em>site:https:\/\/nprofit.net\/pl\/baza-wiedzy\/abc-seo\/ &#8222;Budowa ekranu wyszukiwania bezpo\u015brednio dyktuje budow\u0119 bran\u017cy SEM.&#8221;<\/em><\/p>\n<p>[\/vc_message][vc_single_image image=&#8221;9591&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]Je\u017celi w description widoczny jest wyszukiwany fragment tre\u015bci oznacza to, \u017ce podstrona zosta\u0142a prawid\u0142owo zaindeksowana.[\/vc_column_text][vc_column_text]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Weryfikacja_zawartosci_podstrony_korzystajac_z_cache\"><\/span>Weryfikacja zawarto\u015bci podstrony korzystaj\u0105c z cache<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/vc_column_text][vc_column_text]Warto podkre\u015bli\u0107, \u017ce posi\u0142kowanie si\u0119 zrzutem z pami\u0119ci podr\u0119cznej Google <strong>nie jest dobrym pomys\u0142em<\/strong>.<\/p>\n<p>Kod HTML, kt\u00f3ry jest tam widoczny bazuje tym co zosta\u0142o pobrane ze strony przez Googlebota podczas ostatniej wizyty. Renderowanie element\u00f3w zostanie jednak wykonane przy u\u017cyciu naszej przegl\u0105darki.<\/p>\n<p>Podsumowuj\u0105c \u2013 nie dowiemy si\u0119 na podstawie cache, w jaki spos\u00f3b Google wyrenderowa\u0142 stron\u0119.[\/vc_column_text][vc_column_text]<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Renderowanie_JavaScript_na_wiele_sposobow\"><\/span>Renderowanie JavaScript na wiele sposob\u00f3w<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Kod JavaScript niekoniecznie musi by\u0107 renderowany po stronie u\u017cytkownika czy Googlebota. Pomimo, \u017ce jest to bardzo cz\u0119sta praktyka to mo\u017cliwo\u015bci w tym zakresie mamy wi\u0119cej.<\/p>\n<p style=\"text-align: justify;\">W sytuacji, kiedy kod jest bardzo z\u0142o\u017cony i mo\u017ce stanowi\u0107 problem dla wyszukiwarek, warto rozwa\u017cy\u0107 SSR, czyli renderowanie po stronie serwera. W praktyce wygl\u0105da to tak, \u017ce klient otrzymuje ju\u017c wyrenderowany kod. Rozwi\u0105zanie to, jest stosowane szczeg\u00f3lnie ch\u0119tnie w przypadku projekt\u00f3w zbudowanych na frameworkach opartych o JavaScript.<\/p>\n<p style=\"text-align: justify;\">Poza wy\u017cej wymienionymi rozwa\u017ca\u0107 mo\u017cemy tak\u017ce renderowanie hybrydowe oraz dynamiczne, kt\u00f3re polega na serwowaniu tre\u015bci zale\u017cnie od okre\u015blonych klient\u00f3w u\u017cytkownika.<\/p>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;chino&#8221;]<strong>Szczeg\u00f3\u0142owe informacje dotycz\u0105ce dynamicznego renderowania<br \/>\n<\/strong><\/p>\n<p>https:\/\/developers.google.com\/search\/docs\/guides\/dynamic-rendering<\/p>\n<p>[\/vc_message][vc_column_text]<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Podsumowanie\"><\/span>Podsumowanie<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">Warto mie\u0107 \u015bwiadomo\u015b\u0107, \u017ce JavaScript jest bardzo z\u0142o\u017conym mechanizmem zar\u00f3wno dla deweloper\u00f3w jak i robot\u00f3w Google. Bardzo cz\u0119sto jest on \u017ar\u00f3d\u0142em problem\u00f3w zwi\u0105zanych z wyszukiwarkami, dlatego ich wczesna identyfikacja i dostosowanie witryny do wyszukiwarki mo\u017ce by\u0107 kluczem do sukcesu.<\/p>\n<p style=\"text-align: justify;\">W \u017cyciu agencyjnym coraz cz\u0119\u015bciej wykorzystujemy JS do optymalizacji witryn E-commerce opartych o zamkni\u0119te platformy SaaS. Bardzo cz\u0119sto jest to jedyna opcja na techniczn\u0105 optymalizacj\u0119 w sytuacjach, gdy nie ma wsparcia supportu.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Wsp\u00f3\u0142czesne strony internetowe coraz bardziej zaskakuj\u0105 nas elementami interaktywnymi, kt\u00f3re zmieniaj\u0105 si\u0119 na naszych oczach. Do ich budowy w du\u017cej mierze wykorzystuje si\u0119 j\u0119zyk programowania o nazwie JavaScript. Jaki wp\u0142yw ma on na indeksowanie i pozycj\u0119 naszej strony w Google? Na to pytanie odpowied\u017a w dzisiejszym artykule. Na pocz\u0105tek, warto powiedzie\u0107 co\u015b wi\u0119cej o [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":9551,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-9533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wiedza-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT<\/title>\n<meta name=\"description\" content=\"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT\" \/>\n<meta property=\"og:description\" content=\"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\" \/>\n<meta property=\"og:site_name\" content=\"NPROFIT\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-29T13:49:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Adam Suraiya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Suraiya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\"},\"author\":{\"name\":\"Adam Suraiya\",\"@id\":\"https:\/\/nprofit.net\/pl\/#\/schema\/person\/91b7aeb76b3557f21476ffd1c9abb931\"},\"headline\":\"Wykorzystanie dobrodziejstw JavaScript w SEO\",\"datePublished\":\"2020-03-29T13:49:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\"},\"wordCount\":2199,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/nprofit.net\/pl\/#organization\"},\"image\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg\",\"articleSection\":[\"Wiedza SEO\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\",\"url\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\",\"name\":\"Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT\",\"isPartOf\":{\"@id\":\"https:\/\/nprofit.net\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg\",\"datePublished\":\"2020-03-29T13:49:57+00:00\",\"description\":\"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!\",\"breadcrumb\":{\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage\",\"url\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg\",\"contentUrl\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg\",\"width\":1080,\"height\":608,\"caption\":\"JavaScript SEO\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/nprofit.net\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wykorzystanie dobrodziejstw JavaScript w SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nprofit.net\/pl\/#website\",\"url\":\"https:\/\/nprofit.net\/pl\/\",\"name\":\"NPROFIT\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/nprofit.net\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nprofit.net\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nprofit.net\/pl\/#organization\",\"name\":\"NPROFIT\",\"url\":\"https:\/\/nprofit.net\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/nprofit.net\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2025\/07\/bigLogo.png\",\"contentUrl\":\"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2025\/07\/bigLogo.png\",\"width\":323,\"height\":50,\"caption\":\"NPROFIT\"},\"image\":{\"@id\":\"https:\/\/nprofit.net\/pl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/nprofit.net\/pl\/#\/schema\/person\/91b7aeb76b3557f21476ffd1c9abb931\",\"name\":\"Adam Suraiya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/nprofit.net\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8288395bb0747994bdc185d234d30f85e6eb0efe94909fec9e4c07bea1aedf97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8288395bb0747994bdc185d234d30f85e6eb0efe94909fec9e4c07bea1aedf97?s=96&d=mm&r=g\",\"caption\":\"Adam Suraiya\"},\"url\":\"https:\/\/nprofit.net\/pl\/blog\/author\/adam-suraiya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT","description":"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/","og_locale":"pl_PL","og_type":"article","og_title":"Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT","og_description":"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!","og_url":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/","og_site_name":"NPROFIT","article_published_time":"2020-03-29T13:49:57+00:00","og_image":[{"width":1080,"height":608,"url":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg","type":"image\/jpeg"}],"author":"Adam Suraiya","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Adam Suraiya","Szacowany czas czytania":"11 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#article","isPartOf":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/"},"author":{"name":"Adam Suraiya","@id":"https:\/\/nprofit.net\/pl\/#\/schema\/person\/91b7aeb76b3557f21476ffd1c9abb931"},"headline":"Wykorzystanie dobrodziejstw JavaScript w SEO","datePublished":"2020-03-29T13:49:57+00:00","mainEntityOfPage":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/"},"wordCount":2199,"commentCount":0,"publisher":{"@id":"https:\/\/nprofit.net\/pl\/#organization"},"image":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage"},"thumbnailUrl":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg","articleSection":["Wiedza SEO"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/","url":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/","name":"Wykorzystanie dobrodziejstw JavaScript w SEO - Blog NPROFIT","isPartOf":{"@id":"https:\/\/nprofit.net\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage"},"image":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage"},"thumbnailUrl":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg","datePublished":"2020-03-29T13:49:57+00:00","description":"JavaScript SEO to temat, kt\u00f3ry cieszy si\u0119 du\u017c\u0105 popularno\u015bc\u0105. \u2705 Sprawd\u017a na co warto zwr\u00f3ci\u0107 uwag\u0119 i jakie problemy napotkasz pozycjonuj\u0105c stron\u0119 opart\u0105 o JS!","breadcrumb":{"@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#primaryimage","url":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg","contentUrl":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2020\/03\/javascript-seo.jpg","width":1080,"height":608,"caption":"JavaScript SEO"},{"@type":"BreadcrumbList","@id":"https:\/\/nprofit.net\/pl\/blog\/javascript-seo-poradnik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/nprofit.net\/pl\/"},{"@type":"ListItem","position":2,"name":"Wykorzystanie dobrodziejstw JavaScript w SEO"}]},{"@type":"WebSite","@id":"https:\/\/nprofit.net\/pl\/#website","url":"https:\/\/nprofit.net\/pl\/","name":"NPROFIT","description":"","publisher":{"@id":"https:\/\/nprofit.net\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nprofit.net\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/nprofit.net\/pl\/#organization","name":"NPROFIT","url":"https:\/\/nprofit.net\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/nprofit.net\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2025\/07\/bigLogo.png","contentUrl":"https:\/\/nprofit.net\/pl\/wp-content\/uploads\/2025\/07\/bigLogo.png","width":323,"height":50,"caption":"NPROFIT"},"image":{"@id":"https:\/\/nprofit.net\/pl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nprofit.net\/pl\/#\/schema\/person\/91b7aeb76b3557f21476ffd1c9abb931","name":"Adam Suraiya","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/nprofit.net\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8288395bb0747994bdc185d234d30f85e6eb0efe94909fec9e4c07bea1aedf97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8288395bb0747994bdc185d234d30f85e6eb0efe94909fec9e4c07bea1aedf97?s=96&d=mm&r=g","caption":"Adam Suraiya"},"url":"https:\/\/nprofit.net\/pl\/blog\/author\/adam-suraiya\/"}]}},"_links":{"self":[{"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/posts\/9533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/comments?post=9533"}],"version-history":[{"count":0,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/posts\/9533\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/media\/9551"}],"wp:attachment":[{"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/media?parent=9533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/categories?post=9533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nprofit.net\/pl\/wp-json\/wp\/v2\/tags?post=9533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}