{"id":1197,"date":"2021-06-17T10:14:49","date_gmt":"2021-06-17T08:14:49","guid":{"rendered":"https:\/\/sellingo.pl\/blog\/?p=1197"},"modified":"2023-05-17T14:24:53","modified_gmt":"2023-05-17T12:24:53","slug":"aktualizacja-algorytmow-google-czyli-wskazniki-core-web-vitals","status":"publish","type":"post","link":"https:\/\/sellingo.pl\/blog\/aktualizacja-algorytmow-google-czyli-wskazniki-core-web-vitals\/","title":{"rendered":"Aktualizacja algorytm\u00f3w Google, czyli wska\u017aniki Core Web Vitals"},"content":{"rendered":"\n<div class=\"wp-block-cover has-background-dim\" style=\"background-image:url(https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/ilustracja-wykresow_53876-28520.jpg)\"><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\">Aktualizacja algorytm\u00f3w Google, czyli wska\u017aniki Core Web Vitals<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Badania przeprowadzone w kwietniu i maju tego roku wskazuj\u0105, \u017ce a\u017c 80% Polak\u00f3w przekona\u0142a si\u0119, \u017ce zakupy w Internecie s\u0105 szybkie i \u0142atwe. Poniek\u0105d wymusi\u0142a to na nich sytuacja epidemiologiczna i zamkni\u0119cie sporej liczby sklep\u00f3w stacjonarnych na d\u0142ugi czas, aczkolwiek jest to zdecydowanie du\u017ca zmiana, kt\u00f3ra mo\u017ce okaza\u0107 si\u0119 sta\u0142\u0105 tendencj\u0105. Ponad 65% konsument\u00f3w ze wzgl\u0119du na obostrzenia zacz\u0119\u0142a kupowa\u0107 przez Internet produkty, kt\u00f3re wcze\u015bniej nabywali g\u0142\u00f3wnie lub wy\u0142\u0105cznie w sklepach stacjonarnych.<\/strong><\/p>\n\n\n\n<p>Naturalnie zmusi\u0142o to sprzedawc\u00f3w do przeniesienia swojego biznesu do sieci. W zwi\u0105zku z nowymi trendami \u015bwiatowy gigant Google przygotowa\u0142 na ten rok kolejne aktualizacje, kt\u00f3re maj\u0105 poprawia\u0107 jako\u015b\u0107 \u015bwiadczonych w Internecie us\u0142ug. Jedn\u0105 z nich jest Core Web Vitals, czyli trzy metryki, kt\u00f3re Google uwa\u017ca za najistotniejsze w kontek\u015bcie dozna\u0144 u\u017cytkownika Twojej strony. W tym artykule wyja\u015bnimy, co badaj\u0105 owe wska\u017aniki, i jaki wp\u0142yw ma dobrze zaprojektowana wersja strony mobilnej na pozycjonowanie Twojego serwisu.<\/p>\n\n\n\n<h2>Zwi\u0119kszony udzia\u0142 urz\u0105dze\u0144 mobilnych<\/h2>\n\n\n\n<p>Na uwag\u0119 zas\u0142uguje r\u00f3wnie\u017c fakt, \u017ce a\u017c <strong>45% ankietowanych dokonuje zakup\u00f3w w Internecie za pomoc\u0105 urz\u0105dze\u0144 mobilnych<\/strong>. Jest to zdecydowanie szybszy i wygodniejszy spos\u00f3b dla u\u017cytkownik\u00f3w na poszukiwanie produkt\u00f3w online. Oznacza to, \u017ce strony mobilne sklep\u00f3w internetowych w wi\u0119kszym stopniu ni\u017c dotychczas s\u0105 po\u017c\u0105dane. Ju\u017c od 2018 roku Google korzysta z aktualizacji Mobile First Index, co oznacza, \u017ce pierwsze\u0144stwo w indeksacji maj\u0105 wersje mobilne witryny. To strona mobilna jest punktem startowym dla robot\u00f3w Google w pozycjonowaniu Twojego serwisu.&nbsp;<\/p>\n\n\n\n<p>Dlatego sklep internetowy powinien by\u0107 zaprojektowany przede wszystkim w przyjazny i wygodny dla potencjalnego klienta spos\u00f3b, tak aby z \u0142atwo\u015bci\u0105 m\u00f3g\u0142 dokona\u0107 zakupu produktu na smartfonie w ci\u0105gu zaledwie paru minut. W\u0142a\u015bnie to badaj\u0105 roboty Google i w pierwszej kolejno\u015bci w wyszukiwarce pokazuj\u0105 strony najbardziej responsywne (dostosowane do ekranu smartfona).&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img width=\"626\" height=\"417\" src=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105.jpg\" alt=\"Aktualizacja algorytm\u00f3w Google \" class=\"wp-image-1198\" srcset=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105.jpg 626w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105-300x200.jpg 300w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105-330x220.jpg 330w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105-570x380.jpg 570w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/portret-szczesliwa-kobieta-uzywa-telefon-komorkowego_171337-13105-400x266.jpg 400w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/><\/figure><\/div>\n\n\n\n<h2>Sklep Sellingo w pe\u0142ni responsywny<\/h2>\n\n\n\n<p>Za czytelno\u015b\u0107 sklep\u00f3w online na smartfonach i tabletach odpowiada projektowanie stron w technice <strong>RWD, czyli responsive web design <\/strong>&#8211; technice uniwersalnej, dostosowanej rozmiarem i uk\u0142adem do r\u00f3\u017cnych rozdzielczo\u015bci w zale\u017cno\u015bci od przek\u0105tnej ekranu, na jakim strona ma by\u0107 wy\u015bwietlona.&nbsp;<strong>Wszystkie sklepy Sellingo s\u0105 responsywne<\/strong>, nawet w<strong> pakiecie darmowym <\/strong>wykonane w taki spos\u00f3b, aby by\u0142y <strong>czytelne <\/strong>zar\u00f3wno w przegl\u0105darkach desktopowych, jak i <strong>na urz\u0105dzeniach mobilnych<\/strong>. Nie musisz wi\u0119c obawia\u0107 si\u0119 o problemy techniczne, z jakimi boryka\u0107 si\u0119 mog\u0105 klienci, poruszaj\u0105c si\u0119 po stronie. Wszystkie darmowe sk\u00f3rki instalowane wraz ze sklepem Sellingo s\u0105 domy\u015blnie zaprojektowane i przystosowuj\u0105 si\u0119 dynamicznie do urz\u0105dze\u0144 mobilnych.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/sellingo.pl\/skorki\"><img width=\"1024\" height=\"606\" src=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4-1024x606.png\" alt=\"responsywny sklep internetowy na Sellingo\nAktualizacja algorytm\u00f3w Google \" class=\"wp-image-1202\" srcset=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4-1024x606.png 1024w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4-300x178.png 300w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4-768x455.png 768w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4-400x237.png 400w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/image-4.png 1145w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2>Co sk\u0142ada si\u0119 na responsywno\u015b\u0107 strony? Aktualizacja algorytm\u00f3w Google\u00a0<\/h2>\n\n\n\n<p>Core Web Vitals stanie si\u0119 czynnikiem rankingowym stron internetowych w sierpniu 2021 roku, a to oznacza, \u017ce od tego momentu roboty Google mog\u0105 lepiej pozycjonowa\u0107 strony zoptymalizowane pod wzgl\u0119dem wska\u017anik\u00f3w CWV. S\u0105 to <strong>czas wczytywania, interaktywno\u015b\u0107 i stabilno\u015b\u0107 \u0142adowanej tre\u015bci<\/strong>. Zw\u0142aszcza w bran\u017cach konkurencyjnych mog\u0105 okaza\u0107 si\u0119 one szczeg\u00f3lnie istotne, dlatego warto skupi\u0107 si\u0119 na optymalizacji strony, aby pod wp\u0142ywem aktualizacji nie straci\u0107 cennego ruchu na stronie. Google pierwsze wdro\u017cenia zapowiada na po\u0142ow\u0119 czerwca, co pozwoli przegl\u0105darce monitorowa\u0107 wszelkie nieprawid\u0142owo\u015bci.&nbsp;<\/p>\n\n\n\n<h2>Co badaj\u0105 wska\u017aniki Core Web Vitals?&nbsp;<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"326\" src=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls-1024x326.png\" alt=\"Aktualizacja algorytm\u00f3w Google \" class=\"wp-image-1199\" srcset=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls-1024x326.png 1024w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls-300x96.png 300w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls-768x245.png 768w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls-400x127.png 400w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/lcp-fid-cls.png 1130w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Core Web Vitals to przede wszystkim trzy metryki:&nbsp;<\/p>\n\n\n\n<p><strong>LCP <\/strong>(<em>Largest Contentful Paint<\/em>), czyli najwi\u0119ksze wyrenderowanie tre\u015bci, pokazuje szybko\u015b\u0107 \u0142adowania strony. LCP mierzy czas potrzebny przegl\u0105darce do za\u0142adowania najwi\u0119kszego elementu na stronie i dotyczy obszaru nad lini\u0105 za\u0142amania. <strong>Wynik do 2,5 sekundy oceniany jest jako pozytywny<\/strong>. Natomiast czas \u0142adowania strony powy\u017cej 4 sekund jest okre\u015blany jako alarmuj\u0105co niski i wskazuje na wysokie ryzyko opuszczenia przez u\u017cytkownika strony.&nbsp;<\/p>\n\n\n\n<p><strong>FID<\/strong> (<em>First Input Delay<\/em>) to op\u00f3\u017anienie przy pierwszym dzia\u0142aniu, wskazuj\u0105ce na interaktywno\u015b\u0107 serwisu. FID to czas liczony od momentu wykonania akcji przez u\u017cytkownika do reakcji przegl\u0105darki na t\u0119 czynno\u015b\u0107. Prawid\u0142owy czas reakcji powinien mie\u015bci\u0107 si\u0119 <strong>w granicach 0,1 sekundy<\/strong>.&nbsp;<\/p>\n\n\n\n<p><strong>CLS<\/strong> (<em>Cumulative Layout Shift<\/em>) odpowiada za pomiar stabilno\u015bci wizualnej uk\u0142adu strony. CLS oznacza ca\u0142kowit\u0105 liczb\u0119 niekontrolowanych przesuni\u0119\u0107 element\u00f3w strony podczas jej \u0142adowania. <strong>Prawid\u0142owa warto\u015b\u0107 powinna by\u0107 mniejsza ni\u017c 0,1<\/strong>. Warto\u015b\u0107 powy\u017cej 0,25 uznawana jest za wymagaj\u0105c\u0105 pilnej optymalizacji, poniewa\u017c u\u017cytkownik w wyniku przesuni\u0119cia na stronie, mo\u017ce przypadkowo klikn\u0105\u0107 w niepo\u017c\u0105dane miejsce. Wyskakuj\u0105ce POP-upy nie wp\u0142ywaj\u0105 na pomiar wska\u017aniku CLS.&nbsp;<\/p>\n\n\n\n<h2>W jaki spos\u00f3b zbada\u0107 stron\u0119?<\/h2>\n\n\n\n<p>Aby sprawdzi\u0107, czy Twoja strona jest prawid\u0142owo zoptymalizowana, mo\u017cesz u\u017cy\u0107 dw\u00f3ch \u0142atwo dost\u0119pnych narz\u0119dzi, mianowicie Google Search Console oraz PageSpeed Insights.&nbsp;<\/p>\n\n\n\n<p><strong>Google Search Console <\/strong>pokazuje, czy strona dostosowana jest do wersji mobilnej i na komputery. Pokazuje liczb\u0119 adres\u00f3w URL na stronie i ich jako\u015b\u0107. W raporcie znajduj\u0105 si\u0119 tak\u017ce ewentualne b\u0142\u0119dny zwi\u0105zane z obiema wersjami strony, obejmuj\u0105ce wska\u017aniki CWV.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img width=\"928\" height=\"377\" src=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/do-artykulu.png\" alt=\"analiza Google Search Console\nAktualizacja algorytm\u00f3w Google \" class=\"wp-image-1200\" srcset=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/do-artykulu.png 928w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/do-artykulu-300x122.png 300w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/do-artykulu-768x312.png 768w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/do-artykulu-400x163.png 400w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure><\/div>\n\n\n\n<p><strong>PageSpeed Insights<\/strong> to narz\u0119dzie, kt\u00f3re prezentuje, na jakim poziomie s\u0105 wska\u017aniki Core Web Vitals. Opr\u00f3cz LCP, FID i CLS mierzy r\u00f3wnie\u017c FCP, czyli <em>First Contentful Paint<\/em>, kt\u00f3ry mierzy czas, jaki potrzebny jest przegl\u0105darce na za\u0142adowanie pierwszego contentu na stronie (tre\u015bci, grafiki czy filmu).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img width=\"757\" height=\"330\" src=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/chrome_8zwG4xJ8wl.png\" alt=\"raport PageSpeed Insights\nAktualizacja algorytm\u00f3w Google \" class=\"wp-image-1201\" srcset=\"https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/chrome_8zwG4xJ8wl.png 757w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/chrome_8zwG4xJ8wl-300x131.png 300w, https:\/\/sellingo.pl\/blog\/wp-content\/uploads\/2021\/06\/chrome_8zwG4xJ8wl-400x174.png 400w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Je\u015bli potrzebujesz pomocy w pozycjonowaniu, skontaktuj si\u0119 z nami! <\/strong>Oferujemy oprogramowanie w pe\u0142ni responsywne, dostosowane do wszystkich przegl\u0105darek i urz\u0105dze\u0144. Z Sellingo unikniesz kiepskich wska\u017anik\u00f3w. Je\u015bli chcesz zwi\u0119kszy\u0107 ruch na stronie, <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSc1-lxQOeqm8Z1p_Oln7UqKX3TLfkgUtGcVvh3sM8QrIIfBQw\/viewform?c=0&amp;w=1\">wype\u0142nij nasz formularz<\/a>, a przedstawiciel handlowy skontaktuje si\u0119 z Tob\u0105 z przygotowan\u0105 indywidualn\u0105 ofert\u0105.&nbsp;<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom kksr-disabled\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;1197&quot;,&quot;readonly&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;8&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;3.6&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;4&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;3.6\\\/5 - (8 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Aktualizacja algorytm\u00f3w Google, czyli wska\u017aniki Core Web Vitals&quot;,&quot;width&quot;:&quot;91.6&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 91.6px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            3.6\/5 - (8 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>A\u017c 80% Polak\u00f3w przekona\u0142a si\u0119, \u017ce zakupy w Internecie s\u0105 szybkie i \u0142atwe. <\/p>\n","protected":false},"author":7,"featured_media":1203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,30],"tags":[91,93,92],"_links":{"self":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/1197"}],"collection":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/comments?post=1197"}],"version-history":[{"count":7,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/1197\/revisions"}],"predecessor-version":[{"id":3708,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/1197\/revisions\/3708"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/media\/1203"}],"wp:attachment":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/media?parent=1197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/categories?post=1197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/tags?post=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}