Технічна оптимізація сайту: секрети і тактики

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

Давайте складемо приблизний список завдань з технічної оптимізації сайту:

• Аналіз показників сервера
• Вивчення швидкості завантаження сторінок
• Оптимізація сайту для мобільних пристроїв
• Перевірка якості індексації сторінок пошуковими машинами

Аналіз показників сервера

Сервер – мотор вашого ресурсу і від якості його роботи залежить чи будуть всі ваші починання з просування сайту успішні чи ні. Виходячи з поточних вимог до проекту для розміщення сервера повинен бути відібраний відповідний хостинг. У разі підвищених вимог, сайт слід розміщувати на VDS (VPS) або розгортати сервер за допомогою хмарних технологій, як то: AWS, Google Cloud або Azure від Microsoft. Як же дізнатися наскільки швидкість вашого сервера відповідає сучасним вимогам? Наведемо ряд критеріїв:

• час до отримання першого байта
• залежність швидкості роботи від навантаження
• надійність

Час до отримання першого байта, або ж Time to First Byte (TTFB) – це швидкість відповіді вашого сервера на користувальницький запит. По суті, це часовий інтервал між відправленим HTTP запитом і першим отриманим байтом сторінки.

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

Залежність швидкості роботи сайту від навантаження показує наскільки впливає кількість активних користувачів на швидкість роботи вашого ресурсу. Якщо ваш сайт чутливий до кількості користувачів – серверна частина підлягає негайному і ретельному аналізу.

Надійність показує наскільки часто ваш сайт може не прийматися для користувачів. Якщо ваш сайт періодично “лягає”, слід однозначно переглянути технічні характеристики вашого сервера і, можливо, змінити хостинг.

Вивчення швидкості завантаження сторінок

Швидкість завантаження сторінок (швидкість рендеринга сторінок) разом з часом до першого байту становлять швидкість роботи вашого сайту. Тільки якщо TTFB- це показник роботи бекенда, то показники завантаження сторінок швидше характеризують реалізацію фронтендів вашого проекту. Ви можете перевірити наскільки швидко відмальовуються сторінки вашого сайту за допомогою сервісу PageSpeed Insights.

При аналізі швидкості завантаження сторінок слід в першу чергу звернути увагу на реалізацію коду, порядок рендерингу елементів, розміри DOM моделі, формат і розміри контенту.

Оптимізація сайту для мобільних пристроїв

З огляду на, що в даний час велика частина трафіку приходить саме з мобільних пристроїв, мобільна оптимізація сайту – must have! Причому це стосується як швидкості рендерингу контенту на екранах мобільних девайсів, так і безпосередньо коректного відображення сторінок.

Наскільки ваш сайт відповідає вимогам мобільної оптимізації ви можете перевірити за допомогою відповідного сервісу Google.

Само собою, ваш сайт повинен мати адаптивний дизайн під різні дозволи екранів пристроїв, а логіка реалізації “респонсіва” повинна бути швидкою і якісною.

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

Перевірка якості індексації сторінок пошуковими машинами

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

Перевірку індексації сторінок можна розбити на кілька складових:

• Аналіз винятків для роботів
• Перевірка сайтмапа
• Аналіз застосування мікро-розмітки
• Аналіз індексу пошукових систем.

Винятки для роботів містяться в файлі robots.txt, який повинен знаходиться в кореневій директорії сайту. Актуалізуйте директиви і записи в файлі, прослідкуйте, щоб всі “технічні” розділи сайту були закриті від індексації, перевірте наявність актуального посилання на сайтмап.

Сайтмап – повний перелік індексованих сторінок вашого ресурсу. Якщо robots.txt – це інструкція як індексувати сайт, то сайтмап – це список сторінок, що підлягають безпосередньо індексації. Перевірте, наскільки актуальна редакція сайтмапа. Обов’язково простежте, як працює алгоритм додавання (видалення) записів в сайтмап при створенні (видаленні) посадкових сторінок ресурсу.

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

Індекс пошукових систем – це ті сторінки, які пройшли індексацію пошуковими роботами і вже ранжуються за пошуковим запитам користувачів. Прослідкуйте, щоб в індексі не було як технічних сторінок, так і дублів посадкових сторінок вашого ресурсу. Перевірити індекс можна за допомогою Search Console (або ж Webmaster якщо мова йде про Yandex).

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

Замість висновку

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

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

Про автора: Михайло Орлов, виконавчий директор COO ForMe Limited. Досвід: більше 10 років в It-індустрії, з них 6 років в інтернет-комерції.