Що таке технічне SEO – частина 2

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

seo

Image by Freepik

Підписуйтесь на нас у Facebook, Telegram, Twitter, Instagram, щоб своєчасно отримувати корисну інформацію.

Як пошукові системи “розуміють” сайти?

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

Найпоширеніша розмітка схем від Google – JSON-LD. Інструкцію зі структурування даних дає Google Developers Introduction to Structured Data.

Якщо ви використовуєте CMS, наприклад WordPress, ви, можливо, не зможете редагувати HTML безпосередньо. У цьому випадку допоможе сторінка налаштувань пошукової системи. Можна скористатися інструкціями щодо додавання структурованих даних до CMS. У разі WordPress це «плагін структурованих даних WordPress».

Структурувавши дані, можна протестувати розмітку за допомогою інструмента тестування структурованих даних Google.

Канонізація як спосіб показати пошуковику пріоритетну сторінку

Якщо контент дублюється на різних сторінках сайту, роботи Google не знатимуть, яку сторінку індексувати в результатах пошуку. Для таких випадків є тег rel=”canonical”. Він показує роботам вихідну, основну версію контенту, а не його дублікати.

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

“Уникати дублювання контенту” – це вже інтернет-трюїзм, побита істина. Google стимулює створення унікального контенту. Прагнучи до поліпшення досвіду користувача, пошуковики рідко показують різні версії одного і того ж контенту. З’являтиметься канонічна версія або, у разі її відсутності, та, яку роботи вважають більш схожою на оригінал.

Користувальницький досвід взаємодії з сайтами

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

Позитивний досвід мобільних користувачів

Понад половина трафіку сайтів сьогодні припадає на мобільні пристрої. Тому комфортний доступ до мобільних пристроїв – must have. У 2019 році Google запровадив індексацію сторінок з орієнтацією на мобільні пристрої. Тепер пошукові роботи під час ранжирування сканують і мобільні версії сайтів.

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

Адаптивний дизайн

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

AMP

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

Прискорене завантаження сторінок

Ми живемо на підвищених швидкостях і хочемо, щоб усе відбувалося швидко. Тому, якщо сторінка сайту не завантажується понад 3 секунди, близько половини користувачів не чекатимуть, а повернуться до пошукової видачі за іншим результатом.

Швидкість завантаження сторінки – важливий фактор внутрішнього SEO. І серед інших факторів на неї дуже впливає вибір якісного  хостингу.

Причина повільного завантаження – зображення

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

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

1. Атрибут SRCSET

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

2. Відкладене завантаження зображень

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

Підвищення швидкості завантаження шляхом стиснення та об’єднання файлів

Під час роботи над збільшенням швидкості завантаження сторінок часто рекомендують мінімізувати ресурси. Що це означає? У програмуванні є такий термін – мініфікація. Це процес зменшення розміру вихідного коду за допомогою видалення символів. Забираються розриви рядків, пробіли, скорочуються імена змінних коду, якщо це можливо.

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

Скорочення та об’єднання файлів та елементів коду сторінки допомагає прискорити роботу сайту та покращити користувальницький досвід.

Якщо ви ще тільки працюєте над створенням сайту, подбайте про вибір відповідного домену та надійного  хостингу. Безпеку вам та вашим клієнтам гарантує реєстрація торговельної марки (ТМ) та SSL-сертифікат. Ці та інші продукти й послуги можна знайти на NIC.UA