Внутрішня оптимізація лістингів. Керівництво для інтернет-магазинів, чек-лист

Внутрішня оптимізація лістингів — перший етап SEO для поліпшення e-commerce сайту. Від якості сторінок каталогу залежить не тільки досвід користувача (UX), але й оцінка, яку інтернет-магазин отримає від Google.

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

Лістинг — сторінка з блочною вітриною товарів. Кожна категорія й категорія магазину з товарами або послугами — усе це лістинги.

У класичному вигляді, лістинг — плитка із зображеннями товарів і коротким описом, але насправді, він може виглядати, як завгодно вам і вашим дизайнерам. На правила SEO-оптимізації це взагалі ніяк не впливає.

Головне, щоб усі картки в плитці, вони ж прев’ю товарів, були правильно оформлені. Як мінімум на них мають бути наступні елементи:

• Фотографія, а краще кілька;
• Назва-анкор із посиланням, що веде на сторінку товару;
• Ціна із зазначенням валюти;
• Кнопки для швидких дій «додати в корзину / купити»;
• Статус — «в наявності/немає на складі/передзамовлення».

Ось приклад частини лістингу «Каблучки» із сайту «Золотий Вік»:

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

До речі, не менш важливе оформлення решти сторінки. Вгорі обов’язково має бути шлях навігації, він же «хлібні крихти», а внизу кнопки сторінок пагінації. Про те, що це — докладніше нижче.

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

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

Розподіл пошукових запитів

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

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

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

Важливо: лістинги оптимізують під комерційні запити (золота каблучка з діамантом Харків), а не інформаційні (як вибрати розмір каблучки). Найбільшу увагу приділяють середньочастотним запитам, фразам з уточненням, які вводять у рядок пошуку 1000–10000 раз на місяць.

Підкатегорії за тегами

Теговані сторінки — підкатегорії з товарами, об’єднаними вузькими ознаками. Наприклад, як тут: «жіночі золоті сережки з перлами» або «срібні сережки кільця».

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

Зрозуміти, що саме варто об’єднати в такі підкатегорії, можна проаналізувавши дані Вордстат або іншої системи для збору семантики.

Що якщо сайт уже готовий?

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

Мінімальна кількість товарів на сторінці

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

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

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

Сторінки пагінації

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

Це дуже зручно з погляду UX та підвищує швидкість завантаження, але не дуже зрозуміло для пошукових роботів. Щоб вони не вважали практично однакові сторінки копіями й не прибрали їх з індексу, зіпсувавши вам ранжування сторінок і сайту загалом, потрібно підготуватися. Можна налаштувати noindex, follow в метатезі Robots і прибрати з індексу всі сторінки пагінації після першої. Або ж можна налаштувати атрибут rel = «canonical» і прямо вказати, яка сторінка тут головна (канонічна), а які похідні від неї.

Крім пагінації додайте кнопку «Назад» для зворотного скролінгу, якщо у вас великі категорії.

Ціна і статус

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

Якщо вартість залежить від, наприклад, комплектації, яка вибирається вже на сторінці, то потрібно написати мінімальне значення «від 199 гривень». Зробіть це обов’язково, навіть якщо ваш бізнес передбачає обов’язкове спілкування з менеджером перед укладенням угоди. Інакше Google не буде вам довіряти й не дасть потрапити на перші сторінки видачі.

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

Товарні фільтри й сортування

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

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

Хлібні крихти

Дуже корисний для створення гарного користувальницького досвіду елемент, який паралельно вирішує seo-завдання. Хлібні крихти — це шлях навігації, від «Головної» до категорії, як у прикладі, «Ювелірні прикраси», підкатегорії «Каблучки» й до сторінки товару.

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

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

Для цієї ж мети можна налаштувати людинозрозумілі URL.

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

SEO-тексти

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

На щастя, поки Яндекс ганяється за копірайтерами з фільтром Баден-Баден і іншими обмеженнями, Google дуже добре ставиться до текстів будь-якого розміру, якщо вони:

• правильно оформлені і структуровані — підзаголовки, абзаци, списки;
• на тему — містять потрібну кількість запитів і пов’язаних із ними слів (LSI);
• відповідають сео-вимогам — заспамленість, вода та інше.

Кращий текст для категорії — FAQ з відповідями на найпоширеніші питання на тему.

Title

Основний метатег описує вміст сторінки для пошукових систем і користувачів. Саме його перевіряють пошукові роботи під час ранжируванні сторінок, а також будуть бачити ваші потенційні клієнти у видачі за своїм питанням. Title визначає CTR (click-through rate або клікабельність) сніпетів — те, скільки із загальної кількості тих, що проглянули його, перейдуть на сторінку.

Усе посилання виділено синім на сніпеті — тайтл сторінки за запитом «кільце з діамантом».

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

• унікальний заголовок (Каблучки з діамантами);
• високочастотний запит у прямому входженні (купити каблучку з діамантом);
• геозалежність (в Києві, Харкові, Дніпрі і т.д.);
• довжина 60–70 знаків із пробілами й загальна читабельність.

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

Оптимізація H1

Метатег Н1 — це заголовок сторінки. У цій статті в блозі Н1 — «Внутрішня оптимізація лістингів». У нашому комерційному прикладі про ювелірні вироби: «Золоті сережки з перлами».

В H1 має бути високочастотний ключ без зайвого сміття, як геоприв’язка або комерційні запити «купити», «ціна», «недорого». Їх можна й потрібно додати в той самий сео-текст на сторінці лістингу в строго дозованій кількості. У ньому ж варто використовувати H2 і H3 з входженням наступних за частотою ключів.

Мікророзмітка

Мікророзмітка потрібна, щоби зробити круті розширені сніппети для пошукової видачі й допомогти пошуковим роботам правильно індексувати сторінки. Завдяки додатковій розмітці ви зможете показувати в Google ціни, рейтинг, картинки, посилання на пов’язані із запитом сторінки сайту та інше. Мікророзмітку можна зробити вручну, використовуючи словники з класами й метатегами, як Schema.org, або через плагін у вашій CMS.

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

Перелінковка

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

Зокрема, це можуть бути лінки з тематичних добірок товарів «Популярне», «Акції», «Рекомендоване». Крім того, можна зробити розмітки характеристики продуктів, як на прикладі нижче з «золото», «585 проба», «червоне золото», «фіаніт».

Ці посилання будуть вести на теговані сторінки з відповідним запитом.

Ще пара порад щодо оптимізації лістингів

Детально про те, який він хороший UX / UI ми писали тут. Але ще раз перерахувати найважливіші правила оформлення інтерфейсів і деякі інші фактори, що впливають на оцінки від пошукових роботів і призначений для користувача досвід, буде не зайвим:

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

Крім того, переконайтеся, що лістинги швидко завантажуються. Його користувачі не будуть чекати довше 3–4 секунд. Як ще поліпшити юзабіліті сторінок категорій можна прочитати тут.

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