Tehnografi.com - ВСхнологичСскиС новости, ΠΎΠ±Π·ΠΎΡ€Ρ‹ ΠΈ совСты

Π‘ΠΎΠ²ΠΎΠΊΡƒΠΏΠ½ΠΎΠ΅ смСщСниС ΠΌΠ°ΠΊΠ΅Ρ‚Π°: Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ: Π‘ΠΎΠ²ΠΎΠΊΡƒΠΏΠ½ΠΎΠ΅ смСщСниС ΠΌΠ°ΠΊΠ΅Ρ‚Π°: Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ

Π£ всСх с Π½Π°ΠΌΠΈ ΡΠ»ΡƒΡ‡Π°Π»ΠΎΡΡŒ Ρ‚Π°ΠΊΠΎΠ΅: ΠΌΡ‹ пытаСмся Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½Π° Π²Π΅Π±-сайтС, ΠΈ прямо ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΌΡ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ, страница отскакиваСт, ΠΈ ΠΌΡ‹ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Ρ‚ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Ρ…ΠΎΡ‚Π΅Π»ΠΈ. Π”ΠΎΡ…!

Подобно ΠΈΠ³Ρ€Π΅ Β«Π½ΠΈΠΆΠ΅, слишком ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΒ», Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²Π΅Π±-сайта заставляСт нас Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ сСбя ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΈ Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ. К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π΅Π±-сайтов Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ заинтСрСсованы Π² ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΈ своСго сайта благодаря выпуску Google Core Web Vitals; Π½Π°Π±ΠΎΡ€ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π°ΠΌ сайтов ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ своих Π²Π΅Π±-страниц.

ΠšΡƒΠΌΡƒΠ»ΡΡ‚ΠΈΠ²Π½ΠΎΠ΅ смСщСниС ΠΌΠ°ΠΊΠ΅Ρ‚Π° β€” ΠΎΠ΄Π½Π° ΠΈΠ· ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊ, которая измСряСт Β«ΠΏΡ€Ρ‹Π³ΡƒΡ‡Π΅ΡΡ‚ΡŒΒ» Π²Π΅Π±-сайта ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ пСрСмСщаСтся ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ элСмСнтов. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ рассмотрим, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ этот ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΈ ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ваш собствСнный Π²Π΅Π±-сайт соотвСтствуСт ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹ΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄Π°ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΈ Π±ΠΎΠ»Π΅Π΅ высокиС ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π² поисковых систСмах ΠΈ прСдоставляли своим ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ кумулятивный сдвиг ΠΌΠ°ΠΊΠ΅Ρ‚Π°?

ΠšΡƒΠΌΡƒΠ»ΡΡ‚ΠΈΠ²Π½ΠΎΠ΅ смСщСниС ΠΌΠ°ΠΊΠ΅Ρ‚Π° (ΠΈΠ»ΠΈ CLS) β€” это ΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, насколько Π²Π΅Π±-страница Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ смСщаСтся Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ своСй ΠΆΠΈΠ·Π½ΠΈ. НапримСр, Ссли ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π²Π΅Π±-сайта Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ» страницу, ΠΈ ΠΏΠΎΠΊΠ° ΠΎΠ½ Ρ‡ΠΈΡ‚Π°Π» Π΅Π΅, загруТаСтся Π±Π°Π½Π½Π΅Ρ€ ΠΈ страница ΠΏΡ€Ρ‹Π³Π°Π΅Ρ‚ Π²Π½ΠΈΠ·, это Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΎΡ†Π΅Π½ΠΊΡƒ CLS.

Наряду с Largest Contentful Paint (количСство Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ самого большого Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°) ΠΈ First Input Delay (сколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ трСбуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ страница стала ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΈΠ»ΠΈ «кликабСльной»), CLS являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ Google Core Web Vitals. ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ Google ΠΈΠ·ΠΌΠ΅Ρ€ΡΡŽΡ‚ CLS Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ΠΈ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΡƒΡŽΡ‚.

Π§Ρ‚ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ кумулятивный сдвиг ΠΌΠ°ΠΊΠ΅Ρ‚Π°?

Π‘Π΄Π²ΠΈΠ³ΠΈ страниц происходят, ΠΊΠΎΠ³Π΄Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ загруТаСтся с Ρ€Π°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ измСнСнию ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ измСнСнию Ρ‚ΠΎΠ³ΠΎ, Π½Π° Ρ‡Ρ‚ΠΎ смотрит Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒ. МСдлСнная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹, Π²Π½Π΅Π·Π°ΠΏΠ½ΠΎΠ΅ появлСниС Π²ΠΈΠ΄Π΅ΠΎ нСизвСстного Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ»ΠΈ динамичСскоС Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ элСмСнтов DOM β€” всС это ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ CLS.

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, Ρ‡Ρ‚ΠΎ происходит, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹ΠΉ Π±Π°Π½Π½Π΅Ρ€ загруТаСтся послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ части Π²Π΅Π±-страницы. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ смСщаСтся Π²Π½ΠΈΠ·, Ρ‡Ρ‚ΠΎ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ сказываСтся Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ ΠΎΠΏΡ‹Ρ‚Π΅.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΈΡΠΏΡ‹Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π»ΠΈ ваши ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ CLS, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ всС устройства ΠΈΠ»ΠΈ срСды Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. Если Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ свой Π²Π΅Π±-сайт Π² срСдС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ элСмСнты ΠΈΠ»ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ локально. ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π²Π΅Π±-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° основС Ρ„Π°ΠΉΠ»ΠΎΠ² cookie Π±ΡƒΠ΄Π΅Ρ‚ вСсти сСбя ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ посСтитСля, особСнно Π² зависимости ΠΎΡ‚ Π΅Π³ΠΎ мСстополоТСния. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΎΠΏΡ‹Ρ‚ β€” нСбольшоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΌΠΎΠ½ΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΌ для ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ, ΠΊΡ‚ΠΎ просматриваСт сайт Π½Π° малСньком экранС. На самом Π΄Π΅Π»Π΅ СдинствСнный способ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΎΠΏΡ‹Ρ‚ Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ β€” это ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ CLS, ΠΎ Ρ‡Π΅ΠΌ ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π½ΠΈΠΆΠ΅.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ CLS Π²Π°ΠΆΠ΅Π½?

ПониманиС CLS ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ Π΄Π²ΡƒΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ: ΠΎΠΏΡ‹Ρ‚ Π²Π°ΡˆΠΈΡ… посСтитСлСй ΠΈ ваш Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π² поисковых систСмах.

Π’Π°ΡˆΠΈ посСтитСли Π²ΠΎΠ·Π»Π°Π³Π°ΡŽΡ‚ большиС Π½Π°Π΄Π΅ΠΆΠ΄Ρ‹ Π½Π° ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ вашСго сайта. Π’ 2020 Π³ΠΎΠ΄Ρƒ 93% людСй сообщил ΠΎΠ± ΡƒΡ…ΠΎΠ΄Π΅ с Π²Π΅Π±-сайта ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ загруТался Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

ΠŸΡ€Ρ‹Π³Π°ΡŽΡ‰ΠΈΠ΅ Π²Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ частями ΠΈΠ»ΠΈ с Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½Ρ‹ΠΌ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ, заставят Π²Π°ΡˆΠΈΡ… посСтитСлСй ΠΈΡΠΊΠ°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π΅Π±-сайт для просмотра. И Ссли ΠΎΠ½ΠΈ останутся, высокий Π±Π°Π»Π» CLS, вСроятно, Π²Ρ‹Π·ΠΎΠ²Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²Ρ‹Π±ΠΎΡ€ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°, слишком ранняя ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΠ΅ отсутствиС частСй вашСго сайта.

Π­Ρ‚Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ усугубляСтся большим количСством ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ свои smartphones. ΠŸΡ€ΠΈ просмотрС вашСго сайта Π½Π° малСньком экранС Π»ΡŽΠ±Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΈ измСнСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π½Π° Π²Π΅Π±-сайтС, нСсомнСнно, ΠΎΠΊΠ°ΠΆΡƒΡ‚ большоС влияниС Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ вашСго сайта ΠΈ сокращСниС кумулятивного измСнСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠΌΠ΅Π΅Ρ‚ Π²Π°ΠΆΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для прСдоставлСния ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°.

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Google Ρ€Π°Π½ΠΆΠΈΡ€ΡƒΠ΅Ρ‚ сайты Π½Π° основС эффСктивности ΠΈΡ… страниц. Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π±ΠΎΠ»Π΅Π΅ высокому Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Ρƒ Π² поискС. Если ваша страница Π½Π΅ соотвСтствуСт стандартам, ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌ Google Π² своих рСкомСндациях Core Web Vitals, ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡˆΡ‚Ρ€Π°Ρ„ΠΎΠ²Π°Π½.

Google Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ людСй Π½Π° нСэффСктивныС сайты. ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² соотвСтствиС с Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°ΠΌΠΈ CLS ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒΡΡ Π² Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π΅. И с Ρ‚Π΅Ρ… ΠΏΠΎΡ€ 68% ΠΎΠ½Π»Π°ΠΉΠ½-ΠΎΠΏΡ‹Ρ‚Π° Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΈΡΠΊΠ°ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваш сайт отобраТаСтся Π½Π° страницС Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска, это Π²Π°ΠΆΠ½ΠΎ для создания входящСго Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ°.

Как Π²Ρ‹ измСряСтС кумулятивный сдвиг ΠΌΠ°ΠΊΠ΅Ρ‚Π°?

Π₯ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Π½ΠΎΠ²ΠΎΡΡ‚ΡŒΡŽ являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ CLS ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Google позволяСт ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ вашСй страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ своСго инструмСнта PageSpeed ​​Insights ΠΈΠ»ΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Lighthouse Tools.

Для Π°Π½Π°Π»ΠΈΠ·Π° ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π² Бтатистика скорости страницы:

  1. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ URL-адрСс Π²Π΅Π±-сайта Π² инструмСнт Google PageSpeed ​​Insights.
  2. НаТмитС «Анализ».
  3. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свою ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠ°ΠΊ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, Ρ‚Π°ΠΊ ΠΈ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ.

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°, проанализированная Π½ΠΈΠΆΠ΅, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ совокупный ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ смСщСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° 0,001.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Lighthouse:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π²Π΅Π±-сайт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π² Chrome.
  2. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ инструмСнтам Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Ρ‚Ρ€ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π²Ρ‹Π±Ρ€Π°Π² Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инструмСнты», Π° Π·Π°Ρ‚Π΅ΠΌ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β».
  3. Когда консоль откроСтся, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Маяк» ΠΈΠ· Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π²Π²Π΅Ρ€Ρ…Ρƒ.
  4. НаТмитС Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Ρ‡Π΅Ρ‚Β».

На страницС Π½ΠΈΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ CLS 0,109, ΠΈΠ»ΠΈ Β«Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡΒ».

Lighthouse прСдоставляСт ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ Π°ΡƒΠ΄ΠΈΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ повлияло Π½Π° этот Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π°ΡƒΠ΄ΠΈΡ‚, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠ· ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π°ΡƒΠ΄ΠΈΡ‚Ρ‹, относящиСся ΠΊ CLSΒ».

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Π΄ΠΎΠ»Π΅ ΡƒΠ΄Π°Ρ€Π° ΠΈ Π΄ΠΎΠ»Π΅ расстояния

Π”Π²Π° Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ CLS, β€” это «доля воздСйствия» ΠΈ «доля расстояния». Π­Ρ‚ΠΎ Π΄Π²Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Google ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ для расчСта CLS.

ΠžΡ†Π΅Π½ΠΊΠ° смСщСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° = доля воздСйствия x доля расстояния

Доля ΡƒΠ΄Π°Ρ€Π° относится ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Π½Π΅ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΎΠΊΠ½ΠΎΠΌ просмотра. Доля расстояния β€” это Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ пСрСмСщаСтся Π½Π΅ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ элСмСнт ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΊΠ½Π° просмотра.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, высокий CLS Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· большого элСмСнта, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ Π½Π° большоС расстояниС. НСбольшой CLS Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ пСрСмСщСния нСбольшого элСмСнта Π½Π° нСбольшоС расстояниС.

CLS β€” это самый большой «всплСск» ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏΠ° ΠΎΡ†Π΅Π½ΠΎΠΊ смСщСния ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ происходят Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠΊΠ½Π° сСанса. По сути, Ссли Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ пяти сСкунд ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ нСсколько ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ, это Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒΡΡ Ρ€Π°Π·Ρ€ΡƒΡˆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ высокой ΠΎΡ†Π΅Π½ΠΊΠ΅ CLS.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ CLS?

Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ совокупная ΠΎΡ†Π΅Π½ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π° β€” мСньшС 0,1. Π’ ΠΎΡ‚Ρ‡Π΅Ρ‚Π°Ρ… инструмСнтов PageInsights ΠΈΠ»ΠΈ Lighthouse Π±ΡƒΠ΄ΡƒΡ‚ автоматичСски ΠΎΡ‚ΠΌΠ΅Ρ‡Π΅Π½Ρ‹ Π»ΡŽΠ±Ρ‹Π΅ ΠΏΠ»ΠΎΡ…ΠΈΠ΅ ΠΎΡ†Π΅Π½ΠΊΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄Π°Π½Ρ‹ совСты ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницу для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ кумулятивный сдвиг ΠΌΠ°ΠΊΠ΅Ρ‚Π°

Π•ΡΡ‚ΡŒ нСсколько Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ Π²Π΅Π±-сайтов ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ свой ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ CLS:

1. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ CMS (систСма управлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ).

ОсобСнно Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ интСгрируСтся с Google Lighthouse ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ диагностичСскими инструмСнтами. Π­Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊ, ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ Π»ΡŽΠ±Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π΄ΠΎ запуска вашСго сайта.

2. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ.

ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ‚ΡŒ ΠΈΠΌ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ высоту ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Π΄ΠΈΠΊΡ‚ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° для Π²Π°ΡˆΠΈΡ… ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»ΠΎΠ². Устанавливая эти Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Π²Ρ‹ сообщаСтС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, сколько мСста Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π΄Π°ΠΆΠ΅ Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΅Ρ‰Π΅ Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ.

3. ΠŸΠΎΠΉΠΌΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° ваш ΠΌΠ°ΠΊΠ΅Ρ‚.

Google Publisher Tag ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ ΠΊΠ°ΠΊ Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ мСсто для Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹.

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½ΠΈΠΆΠ΅ ΠΎΠΊΠ½Π° просмотра. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° содСрТимого ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ просматриваСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, часто ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΡΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ страницы.

4. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ контСкст для ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ страницы.

НапримСр, ссылка Β«ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅Β», которая ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ страницу Π²Π½ΠΈΠ·, Π½Π΅ повлияСт Π½Π° CLS, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

А Note ΠŸΡ€ΠΈ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΠΎΠΌ ΠΈ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎΠΌ смСщСнии ΠΌΠ°ΠΊΠ΅Ρ‚Π°

CLS ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½Ρ‹Π΅ измСнСния. Если ΠΌΠ°ΠΊΠ΅Ρ‚ измСняСтся ΠΈΠ·-Π·Π° дСйствия, ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, это Π½Π΅ влияСт Π½Π° CLS. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ всС сразу. ВмСсто этого ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ элСмСнты ΠΎΠ½ΠΈ хотят ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ссылок Β«ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅Β» ΠΈΠ»ΠΈ Β«Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΌΡƒΒ» ​​на вашСй страницС.

ΠŸΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ CLS

Π£Π΄Π΅Π»Π΅Π½ΠΈΠ΅ внимания CLS Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ обСспСчиваСт Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚, Π½ΠΎ ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ваш Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска. Π­Ρ‚ΠΎ Π±Π΅ΡΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹ΡˆΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ стандартам Google для CLS, Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ с использования диагностичСского инструмСнта для измСрСния Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ вашСго Π²Π΅Π±-сайта. ΠŸΡ€ΠΈΠΌΠΈΡ‚Π΅ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ основныС Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅, ΠΈ ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΎΠ± измСнСниях ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-сайта, особСнно Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈ добавлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠŸΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ эти нСсколько простых сообраТСний, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΠΎ всСм направлСниям.

Table of Contents