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

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

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

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

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