Внутрішня SEO оптимізація інтернет-магазину в 2024 році покрокова інструкція

У цій статті ми розібрали 20+ обов’язкових кроків оптимізації інтернет-магазину, а також вивели конкретні рекомендації, які ви зможете використати під час постановки завдання програмісту.

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

1. Оптимізація файл robots.txt

Один із перших і ключових кроків з оптимізації інтернет-магазину. Помилка у файлі роботс може коштувати, насамперед – часу.

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

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

Тут ви можете прописати:

• сторінки, які не повинні потрапити під індексацію (кошик, пошук, особистий кабінет, категорії, динамічні сторінки фільтра, системні папки/файли);
• сторінки, які дозволені для сканування;
• головне дзеркало сайту і карту сайту.

Скористайтеся розгорнутою інструкцією з налаштування файлу роботс: Robots.txt: повне керівництво з налаштування

На що звернути увагу, найчастіші помилки:

• У User-Agent не вказано значення * або конкретний пошуковий бот;
• Невірно вказана директива Disallow;
• Від сканування закрито потрібні сторінки.

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

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

Сьогодні вже не стоїть питання, чи потрібно орієнтуватися на клієнтів зі смартфонами. При показнику 70-90% від усіх покупок в інтернеті цей девайс остаточно завоював перше місце, і вже нові сайти створюють насамперед під нього, а вже потім – під десктоп.

Сьогодні питання формулюється дещо по-іншому: якому варіанту віддати перевагу – мобільній версії на піддомені або адаптивному дизайну.

У першому випадку користувач смартфона перенаправляється на міні-версію основного сайту на піддомені «m.site.com». Вона зазвичай містить усе тільки найнеобхідніше з контенту і дизайну, і тут зручно здійснити покупку. У другому випадку сайт адаптують за шириною під розміри кожного девайса – комп’ютера, планшета або смартфона – за допомогою певних стилів коду.

Отже, є 2 варіанти:

Варіант 1. Адаптивний дизайн

Адаптивний дизайн має адаптацію під параметри пристрою користувача.

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

Варіант 2. Мобільна версія сайту

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

Водночас серед недоліків мобільної версії слід зазначити таке:

– висока вартість розробки та обслуговування (по суті, потрібно підтримувати два сайти);
– часто мобільна версія сайту – це окремий маленький сайт всередині CMS, який потребує окремої уваги.

Перевірити адаптацію свого магазину під мобільні можна в сервісі Google тут. Також ви можете подивитися як відображається сайт магазину на різних пристроях тут.

3. Оптимізація швидкості завантаження сайту магазину

Що говорить Google:

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

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

Як швидкість завантаження сайту впливає на коефіцієнт конверсії

 *Для деяких сторінок, завантаження яких триває менше 2,4 секунди, коефіцієнт конверсії виявився нижчим. Найімовірніше, це пов’язано з тим, що на них відбувається помилка 404.

Джерело дослідження: дослідження SOASTA

Серед факторів, що впливають на швидкість:

• швидкість інтернет-підключення і відстань від користувача до сервера;
• «тяжкість» контенту сторінок;
• час, який знадобиться на обробку коду;
• як багато запитів надійшло з браузера користувача на сервер сайту і назад.

Дізнатися, як швидко вантажиться сайт, можна на Google PageSpeed, а також на сервісах GTmetrix.com і Pingdom Tools. Google PageSpeed пропонує рекомендації щодо поліпшення швидкості.

Рішення:

• зменшення «ваги» відео-контенту та зображень;
• полегшення коду;
• налаштування кешування.

У разі необхідності – розглянути варіант перенесення хостингу.

Матеріал на тему: Як дізнатися швидкість завантаження сайту: 14 сервісів для аналізу

4. Оптимізація структури каталогу товарів

Розробка структури – етап оптимізації інтернет-магазину, який має пройти кожен магазин (новий або наявний, якщо раніше таке опрацювання не виконувалося).

Приклад структури для однієї категорії магазину:

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

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

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

Якою має бути структура магазину:

• простою та інтуїтивно зрозумілою;
• містити окремі статичні посадкові сторінки для пошукового просування (категорії, фільтри).

І якщо з першим багато власників магазинів дійсно справляються, то з другим пунктом – усе складніше.

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

Рекомендації щодо складання структури інтернет-магазину:

• структура вашого сайту залишалася простою, але водночас – легко масштабувалася з урахуванням майбутнього зростання асортименту;
• якомога менша кількість кліків відділяла головну сторінку від кожної сторінки;
• не було великої кількості вкладеностей – щоб уникнути плутанини в навігації;
• не було дробового поділу на підрозділи (за ціною, розміром тощо). Краще додати фільтр або створити тегові посилання безпосередньо під тегом Н1 основного розділу.

5. Оптимізація URL-адрес (ЧПУ) інтернет-магазину

Перевірте URL усіх сторінок на «людинозрозумілість». ЧПУ – людино-зрозумілі урл адреси сторінок (з англійської Search Engine Friendly URLs) – один зі способів привернення уваги й утримання відвідувачів на сторінці.

Ось який вигляд має неоптимізований URL

А ось так – URL з ЧПУ

5.1 Оптимізація URL-адрес товарного каталогу магазину

Ключові вимоги:

• Структура URL-адрес каталогу магазину має бути простою і логічно зрозумілою
• Використовуйте дефіси, замість нижніх підкреслень
• Не використовуйте URL ідентифікатори сеансів
• За можливості, робіть URL максимально короткими

Інструкція Google:

https://support.google.com

Два класичні приклади:

Тип сторінки	URL (варіант 1 – дерево):	URL (варіант 2 – паралельний):
Розділ	/catalog/РОЗДІЛ	/catalog/РОЗДІЛ
Категорія	/catalog/розділ/КАТЕГОРІЯ	/catalog/КАТЕГОРІЯ
Підкатегорія	/catalog/розділ/категорія/ПІДКАТЕГОРІЯ	/catalog/ПІДКАТЕГОРІЯ
Фільтр	/catalog/розділ/категорія/підкатегорія/ФІЛЬТР	/catalog/підкатегорія/ФІЛЬТР
Товар	/catalog/розділ/категорія/підкатегорія/ТОВАР	/catalog/product/ТОВАР или /catalog/ПІДКАТЕГОРІЯ/product/ТОВАР

Обидва варіанти можуть бути створені також без вкладки /catalog/. При цьому є й інші комбінації цих двох варіантів, оскільки часто, система URL-адрес формується з урахуванням особливостей самої CMS і товарного каталогу.

5.2 Оптимізація сторінки сортування (якщо є), відображення товарів

Варіант 1. Без зміни URL-адрес

Найкращий варіант, але не завжди технічно здійсненний.

Варіант 2. Статичні приставки до адреси

1) Зрозумілі значення, додані в URL, допомагають, коли потрібно, повідомити, що йде сортування товарів за популярністю, відгуками, рейтингом, зростанням/спаданням ціни:

Додайте в URL такі значення – для відображення товарів списком/сіткою:

На сторінці пагінації для URL-адреси з вибором кількості товарів варто уточнити:

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

5.3 Оптимізація URL-адрес сторінок пагінації каталогу

Пагінація в цьому випадку – це набір посилань на весь перелік товарів обраної категорії.

Приклад:

Відображення URL: /page-2/ АБО /page2/, /page=2/ або подібні варіанти.

Важливо:

Як повідомляло офіційне джерело, з 21 березня 2019 року Google не підтримує теги link rel next/prev:

Яндекс також їх не підтримує:

Рішення:

Варіант 1. Тег «canonical» – на всіх сторінках пагінації із зазначенням URL основної сторінки розділу, де є пагінація:

Скористайтеся інструкцією від Google щодо canonical.

Воспользуйтесь инструкцией от Google по canonical.

Варіант 2. Функціонал «Дивитися всі товари». Після його реалізації при натисканні на посилання на екрані виводяться всі товари розділу. Далі вказати «Реалізувати функціонал “Дивитися всі товари”». Після натискання на посилання відкриються всі товари в розділі. Далі вказати тег «canonical» з усіх сторінок пагінації на сторінку «Всі товари».

6. Оптимізація сторінок фільтрів каталогу

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

Зазвичай фільтр розміщуються зліва на сторінці. Він також може бути над каталогом зверху або справа. Приклад фільтра товарів зліва на сторінці:

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

Щоб фільтр працював на благо оптимізації, програміст повинен отримати від SEO-фахівця чіткий меседж:

• як закрити від індексації непотрібні фільтри;
• які вимоги до URL-адрес сторінок, що генеруються;
• метатеги та релевантні тексти.

Розберемо деталі:

6.1 Як закрити від індексації непотрібні фільтри

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

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

Визначимо позначення:

• Фільтр – це назва фільтра, наприклад Колір, Виробник;
• Значення фільтра – це вибране значення в конкретному фільтрі, наприклад Червоний, Синій тощо.

Визначимо схему доступності фільтрів для індексації:

Тепер потрібно визначитися, які комбінації нам необхідно залишити для просування (це рішення ухвалюється на базі семантичного ядра, даних конкурентів):

Стандартні схеми індексації фільтрів:

Схема 1. Один рівень

Що відкриваємо для індексації:

Залишаємо відкритими для індексації всі фільтри з 1 обраним значенням. Тобто кожен окремий фільтр за кольором або виробником – буде індексуватися.

Формула:
(1-й фільтр - 1 значення)

Що закриваємо від індексації:

Будь-які інші комбінації, наприклад 2 значення в 1 фільтрі (наприклад: фільтр – кольори, значення: синій + червоний)

Формула:
(1-й фільтр - 2+ значення) АБО
(1-й фільтр - 1 значення) + (2-й фільтр - 1+ значення)


Схема 2. Два рівні

Що відкриваємо для індексації:

Індексуються як кожен окремий фільтр за кольором і виробником, так і їхні комбінації (колір + виробник). Проте,

Формула:
(1-й фільтр - 1 значення) + (2-й фільтр - 1 значення)


Що закриваємо від індексації:

Будь-які інші комбінації, наприклад 2 значення в 1 фільтрі (наприклад: фільтр – кольори, значення: синій + червоний). Також закриває від індексації, якщо обрано 3-й фільтр.

Формула:
(1-й фільтр - 2+ значення) + (2-й фільтр - 1 значення) АБО
(1-й фільтр - 1 значення) + (2-й фільтр - 2+ значення) АБО
(1-й фільтр - 1 значення) + (2-й фільтр - 1 значення) + (3-й фільтр - 1+ значення)


Схема 3. Три рівні +

У цій схемі можуть бути відкритими для індексації варіації фільтра з 3-4 і навіть 5 комбінаціями. В основному відкритими для індексації залишаються до 3-4 рівнів, за умови одного значення в кожному фільтрі. Використовується тільки у великих товарних каталогах

Визначимо спосіб закриття від індексації непотрібних фільтрів:

Є 2 способи:

1. Автоматичне встановлення тега на всі сторінки, які відповідають певним умовам і не повинні бути проіндексовані.
2. Автоматичне встановлення тега https://site.ua/url”> із зазначенням посилання розділу, в якому працює фільтрація, на всі сторінки, що відповідають певним умовам і не мають бути проіндексовані.

Отже, всі сторінки, які відповідатимуть умовам – будуть закриті від індексації пошуковими системами.

Важливо: Виключні сторінки також повинні бути відсутніми в карті сайту XML.

6.2 Вимоги до URL-адрес генерованих сторінок фільтрів, що генеруються

Необхідно продумати, який саме вигляд мають мати URL-адреси сторінок фільтрів та їхні комбінації.

Розглянемо на прикладі схеми фільтрів 2 рівнів:

Стандартні варіанти:
Варіант 1: Об’єднання
Відображення URL: /filter1-filter2
Приклад URL: site.ua/catalog/kolyaski/baby4you-krasnie

Варіант 2: Послідовне виведення
Відображення URL: /filter/filter2
Приклад URL: site.ua/catalog/kolyaski/baby4you/krasnie

Що потрібно враховувати:

Реалізація фільтрів у багатьох CMS можлива тільки через підрівень, щоб системі була очевидна відмінність фільтрів від категорій або розділів каталогу:

• /filter/ 
• /f/ 
• /podbor/ 

Відображення URL: /f/filter1/filter2/..

Або ж через додавання приставки в URL самого фільтра, наприклад, першого:

Відображення URL: /filter1-filter/filter2/

Приклад URL: site.ua/catalog/kolyaski/baby4you-filter/krasnie/

Примітка:

Залежно від глибини роботи фільтра, а також, сторінок, які необхідні в пошуковому індексі (наприклад, у просуванні братимуть участь тільки 1 і 2 рівень), решту рівнів можна зробити за таким самим принципом, як і 1-2 рівень, або зробити динамічні урл-адреси (якщо це рішення технічно простіше), наприклад:

site.ua/show_cat.php?formType=param&make_id=0&cat_id=3247&orderby=sales_rating&asc=DESC&makes%5Bids%5D%5B407%5D=on&makes%5Bids%5D%5B13724%5D=on&makes%5Btype%5D=check

7. Оптимізація та усунення непотрібних сторінок

Для початку давайте розберемося, що таке непотрібна сторінка і непотрібна кому?

Непотрібна сторінка (сміттєва сторінка) – це сторінка, яка може бути згенерована цмскою, водночас вона не несе жодної користі для користувача, може дублювати контент інших сторінок або не містити контенту зовсім, тобто для SEO-оптимізації інтернет-магазину – такі сторінки не потрібні.

Давайте розглянемо кілька прикладів частих помилок:

• Сторінки каталогу, як правило – це фільтри (але, також це можуть бути і сторінки категорій), які містять 0 товарів;
• Фільтри каталогу, які є такими, що не фільтрують (це може бути проблемою, якщо асортимент маленький і товари однотипні);
• Фільтри з об’ємом товарів менше 2, тобто з 1 товаром (такі сторінки створюють конкуренцію самій сторінці товару, яка виводиться в цьому фільтрі).

Для подібних проблем рекомендується впроваджувати систему автоматичного закриття від індексації непотрібних сторінок.

8. Оптимізація мікророзмітки мікроданних

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

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

Для цього використовують мікророзмітку Schema.org.

–

8.1 Оптимізація мікророзмітки картки товару

Починати слід із типу мікророзмітки Product. Він включає ім’я, зображення, бренд і опис. Особливо не відображається в сніпеті, але інші схеми рекомендують використовувати з ним, серед них:

• Offer – вартість товару, його наявність, оцінка товару;
• AggregateOffer – подібно до Offer, але із зазначенням діапазону ціни;
• Rating – оцінка користувачів на підставі огляду;
• AggregateRating – середня оцінка користувачами товару;
• Review – відгук про товар;
• VideoObject – відеоогляд на сторінці.

Приклад. Який вигляд це має в сніпеті:

Програмний код для встановлення можна взяти тут.