Що таке Google Core Web Vitals

Google постійно оновлює спосіб ранжування наших веб-сайтів, щоб вирішити, де вони з'являться в пошуковій видачі, іноді без чийогось відома, а іноді - з великим розголосом для всього світу.

Новина про  Основні веб-показники  одне з таких оголошень. Google не хоче нікого панікувати (за останній рік було достатньо паніки і без цього), тому попередив власників сайтів і розробників, що вони не будуть впроваджувати ці нові метрики до 2021 року, а всіх зацікавлених осіб повідомлять про це щонайменше за 6 місяців.

Що нового  Основні веб-показники  метрики?

Вступ до Google  Основні веб-показники . Виявляється, ці три новинки не такі вже й нові. Вони вже виміряні, і ви можете знайти їх показники у добірці інструментів для розробників. Що Новим є те, що всі три фактори будуть розглядатися як частина процесу ранжування сторінок.

• Завантаження - Найбільша змістовна картина (LCP)
• Інтерактивність - Затримка першого входу (FID)
• Стабільність зору - Кумулятивний зсув макета (CLS)

Нові метрики включені як частина вашого сторінка досвід дані.

Низька швидкість завантаження втрачає трафік

За даними Google,

Хто б не хотів збільшити свій трафік на таку значну кількість, просто переконавшись, що він пропонує гідний веб-досвід?

Ви вже повинні знати про досвід роботи з вашою сторінкою, оскільки він додає як задоволеності відвідувачів, так і загальних даних та ефективності.

Наприклад, про це нам говорить Google,

Отже, ми вже знаємо, що повільне завантаження призводить до втрати великої кількості трафіку. Чи можете ви дозволити собі втратити трафік тільки тому, що ваша сторінка завантажується трохи повільніше, ніж інші?

Вони продовжують розповідати,

Якщо ваша сторінка завантажується більше 6 секунд, то ви заслуговуєте на втрату трафіку, і саме про це говорить нам Google, впроваджуючи ці нові метрики.

Розберіться зі швидкістю ваших сторінок, інакше ми вас покараємо. Але, як виявилося, карати вас будуть не так вже й сильно.

Контент все ще залишається королем в королівстві SEO

Вони також зазначили, що  Основні веб-показники  можуть використовуватися лише як своєрідний тай-брейк, коли кілька сайтів мають дуже схожий рейтинг зміст.

Досвід сторінки ніколи не буде ранг вас вище, ніж сторінка з чудовим контентом. Отже, якщо ви розглядаєте можливість  Основні веб-показники  SEO то поки що це не має великого впливу. Однак, що стосується найкращих практик для покращення досвіду відвідувачів і підвищення конверсії, зрозуміло, що Google підштовхує нас усіх до того, щоб ми дбали про те, що вони вважають важливими показниками.

Чи робить    Основні веб-показники  впливає на ранжування? Ну, поки що, здається, тільки якщо ви йдете в ногу з дуже схожою за змістом сторінкою.

Завантаження, інтерактивність та візуальна стабільність - що вони означають?

Коли справа доходить до вимірювання цих нових показників, Google Пошук Консоль повинна охоплювати вас, з PageSpeed Insights відіграє велику роль.

Якщо вам потрібно більше інструментів для вашого  Основні веб-показники  тесту, їх є чимало безпосередньо від самого Google. Маяк, Chrome DevTools або UX Звіт-це гідні інструменти, які допоможуть працювати над вашими  Основні веб-показники  ранжування та розвиток. Також буде проведено  Основні веб-показники  розширення/плагін для Chrome, або ви можете подивитися, як використовувати PageSpeed Insights API для  Основні веб-показники  метрики.

Найбільша змістовна фарба (LCP)

LCP враховує, скільки часу потрібно для завантаження вашої сторінки. Цей конкретний показник стосується найбільшого елемента на вашій сторінці - часто це якийсь формат зображення або відео файл.

Знову ж таки, це вимірюється у ваших Google Консоль пошуку використовуючи PageSpeed Insights.

Перший вхідний дисплей (FID)

FID - це час, необхідний для того, щоб ваша сторінка була готова до взаємодії з користувачами. Це такі дії, як натискання кнопки, відкриття випадаючого меню або готовність поля форми для введення даних.

Пошукова консоль Google зберігає дані і для цих метрик, і повідомить вас у трьох зрозумілих рівнях, якщо ви гарний (зелений), потребують вдосконалення (помаранчевий), або бідний (червоний).

Кумулятивна зміна компонування (CLS)

CLS - це те, наскільки стабільно завантажується ваша сторінка. З технічної точки зору, це виміряна відстань і частка області перегляду, що зміщується через маніпуляції з DOM або відсутність розмірних атрибутів для основних елементів медіа. Простіше кажучи, це ті дратівливі стрибки, які роблять ваші сторінки, коли елементи продовжують завантажуватися, коли ви вже почали перегляд.

Переміщення сторінки (набагато більш характерне для мобільних телефонів, ніж для інших пристроїв) викликає розчарування. Тому Google хоче, щоб ви це виправили.

Як покращити  Основні веб-показники 

Використання інструментів, про які ми вже згадували, - це ваш перший крок до вимірювання  Основні веб-показники . Ви повинні використовувати різні варіанти, щоб з'ясувати, наскільки добре ви працюєте і скільки роботи вам ще потрібно виконати або не виконати. Вони також можуть допомогти точно визначити, де саме ваші заходи не спрацьовують.

Покращення ваших найбільших показників Contentful Paint

Візьмемо першу з нової добірки.

Якщо ваш LCP виконує його менш ніж за 2,5 секунди, то все гаразд - вам немає про що турбуватися. Час між 2,5 і 4 секундами потребує доопрацювання, а якщо більше 4 секунд, давайте розглянемо, де можуть бути ваші проблемні зони.

1. Чи є на вашій сторінці зайві сторонні скрипти?
   Кожен додатковий скрипт буде додавати час до вашого швидкість завантаження.
2. Чи винен ваш хостинг?
   Більш ефективний хостинг означає швидше швидкості та часу завантаження.
3. Подумайте про те, щоб спробувати ліниве завантаження.
   Ліниве завантаження визначає, коли завантажувати кожне зображення, оскільки користувачі прокручують сторінку до нових елементів. Ця методика може значно покращити ваш LCP.
4. Чи дійсно вам потрібні найбільші елементи сторінки? Чи можна їх оптимізувати?
   Коли ви тренуєтеся який елементи є найбільшими на вашій сторінці і є основними порушниками LCP, чи є вони важливими для зручності користування сторінкою, чи можна їх взагалі позбутися? Якщо вони мають залишитися, чи оптимізували ви їх для кожної платформи або формату, чи створили найменші розміри файлів?
5. Почистіть свій CSS.
   Громіздкий і незграбний CSS також може затримувати час LCP. Чи чистий і добре організований ваш код? Або це може бути та область, яка допоможе вам вийти з червоної зони і повернутися в зелену?

Уточнення метрик відображення перших вхідних даних

Якщо ваш показник FID не перевищує 100 мс, то ви в плюсі і готові до роботи. Від 100 мс до 300 мс - це означає, що Google хоче, щоб ви внесли деякі зміни. Якщо ваші результати перевищують 300 мс, це означає, що ви в "червоній зоні", і вам потрібно вжити більш рішучих заходів.

Що можна спробувати?

1. Чи можете ви мінімізувати або відкласти JavaScript?
   Взаємодія з елементами сторінки практично неможлива, поки браузер завантажує JavaScript.
2. Прибрати непотрібні сторонні скрипти
   Знову ж таки, як і у випадку з вашими показниками LCP, сторонні скрипти можуть мати значний вплив на ваші результати. Чи є у вашому коді скрипти, які вам не потрібні?
3. Використовуйте кеш браузера
   Кеш браузера допоможе швидше завантажувати вміст сторінки, швидше працювати зі скриптами та підвищити FID оцінка.

Мінімізація кумулятивного зсуву компонування

Чи потребує ваш CLS доопрацювання? Якщо ваш показник 0,1 або менше, то ви знаходитесь у "хорошій" зоні Google. Якщо від 0,1 до 0,25, то ваша сторінка потребує доопрацювання. Більше 0,25 - і ваша сторінка "погана".

Ось кілька порад щодо того, як ви можете покращити ситуацію, щоб досягти більш здорового результату.

1. Використовуйте встановлені атрибути розміру для розмірів медіафайлів
   За зображенняДля зображень, відео та інших візуальних елементів ви можете заздалегідь встановити розміри за допомогою атрибутів розміру. Таким чином браузер точно знає, скільки місця йому потрібно, і застосовує його під час завантаження елемента. Більше ніяких переходів між сторінками - і це легко виправляється.
2. Зарезервуйте місце для своїх оголошень
   Якщо ваша сторінка містить рекламні елементи, переконайтеся, що ваш код містить правильне зарезервоване місце для них. Реклама може завантажуватися трохи довше, і її раптова поява може вплинути на CLS.
3. Чи можна розмістити елементи, що повільно завантажуються, під згином?
   Елементи під згином мають більше шансів почати завантажуватися до того, як користувач до них дійде, і не будуть помітно відсувати завантажені елементи вниз по сторінці. Якщо ви зможете організувати структуру сторінки так, щоб компенсувати це, ваш показник покращиться.

 Основні веб-показники  - здоровий поштовх до найкращих практик та кращих результатів

Google прагне переконатися, що ми всі дотримуємося найкращих практик. Це робить Інтернет кращим місцем для всіх, з оптимізованим досвідом та додатковими заходами безпеки. Додаючи нові стандарти, які в ідеалі повинні бути присутніми в нашій SEO-практиці, Google тримає розробників, маркетологів і власників сайтів будівельники на ногах, створюючи кращий Інтернет з нуля.

Вона зробила наш онлайн-світ більш зручним для мобільних пристроїв, створила безпечніший браузер і підштовхнула нас до стандартної роботи з SSL і HTTPS.

Ці новітні опції нагадують нам про те, що турбота про наших користувачів важлива, якщо ми хочемо утримати їх на наших сайтах якомога довше, створюючи найкращі шанси на конверсію. Навіть якщо на перший погляд вони не матимуть значного впливу на SEO, вони все одно можуть допомогти нам досягти набагато кращих показників і більшої кількості продажів, до яких ми прагнемо.