Проектування інтернет-магазину для SEO: (теорія + чекліст)

Проектування інтернет-магазину для SEO

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

  1. Теорія: про те, що в принципі можна врахувати в SEO інтернет-магазину і як це працює.
  2. Чек-лист: 80 пунктів, по яких легко перевірити, наскільки зручно буде просувати ваш сайт після розробки.

Отже, теорія

Основні вимоги до сайту можна згрупувати так

  • Структура розділів і навігація;
  • Структура сторінок;
  • Нарощування семантики;
  • Комерційні фактори;
  • Технічні фактори.

Структура розділів

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

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

По-перше, 2-3 рівня каталогу можна вивести на головній у вигляді випадаючого меню.

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

Ось приклад, як ми проектували меню для сайту одягу. З кожного пункту верхнього меню випадає кілька розділів, а з них — кілька підрозділів. Це дозволяє пошуковим системам індексувати кілька сотень сторінок "в один клік"

Проектування інтернет-магазину

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

Проектування інтернет-магазину

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

Структура сторінок

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

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

Ось частина аналізу, виконаного нами для інтернет-магазину квітів.

Беремо запит "Купити букет з червоних троянд".

Відкриваємо перші 4 сайту. Що їх об'єднує:

  • Все це — списки товарів (запит не веде на окремий товар);
  • Близько 30 товарів на сторінці;Результати пошуку у Гугл фото, картинка
  • Фільтр з параметрами;
  • Слово krasnye/chervoni в посиланні;
  • Сортування по ціні і популярності;
  • H1 і title із входженням слів "червоні" і "троянди".

Що їх не об'єднує:

  • Не на всіх є текст внизу;
  • Різна довжина title;
  • H1 і не title скрізь включають слово "букет";
  • Значить, ці параметри не критичні в даному запиті.

А ось як ми поклали зібрані вимоги у прототип сайту:

Що тут важливо:

  • Місце під великий заголовок;
  • Ланцюжок переходів;
  • Фільтрація;
  • Сортування;
  • Теги для переходу з посадкових сторінок;
  • Знижка та хіт;
  • Інформація по доставці.

На що в принципі можна дивитися, аналізуючи сайти з топа видачі:

  • Кількість товарів;
  • Ціни товарів (не у всіх товарах їх допустимо публікувати);
  • Наявність текстів;
  • Наявність фільтрів;
  • H1;
  • Фото товарів;
  • Наявність ланцюжка переходів.

Якщо відповіддю на запит є картка товарів, то додаються:

  1. Опис;
  2. Відгуки;
  3. Інструкції;
  4. Доставка (прямо в картці);
  5. Способи оплати.

Більш повний список буде далі у чек-листі за комерційним факторів.

Нарощування семантики

Прекрасне джерело додаткової семантики на сайті — властивості товарів.

Групуючи товари на основі властивостей, можна створювати тисячі сторінок під різні запити.

На сторінці з товарами, відібраними за властивостями, робляться людино-зрозуміла адреса ("человеко-понятный url" або ЧПУ), h1, title, відповідні запиту, description для фрагменту, іноді — текст.

Для цього варто спочатку закласти на сайті місце під теги для фільтрації. Їх можна використовувати як для індексації сайту пошуковими системами, так і для зручності користувача, доповнюючи ними вибір товарів по розділам. Наприклад, у розділі «ванни» можна створити теги по властивостям «сталева» «170х70» «kaldewei».

В результаті ми отримаємо сторінку, що ідеально відповідає на НЧ-запит де можна розмістити такі теги, а у невеликій кількості — вже над товарами (найпопулярніші). Їх же можна посилити картинками-поясненнями.

Ось фрагмент прототипу для сайту по доставці квітів. Тут я виділив "теги" для переходу на посадкові сторінки.

проектування інтернет магазину

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

Ще один варіант — у додаткових пунктах меню. Приклад — поле "привід" на тому ж сайті кольорів

проектування інтернет магазину

Універсальний варіант — у фільтрі. Зазвичай фільтр на сайті не індексується пошуковими системами, так як являє собою форму, що передбачає відправку її користувачем. Однак, на властивості у формі можна прив'язати посилання, відкривають конкретні сторінки.

Комерційні фактори

Пошуковики чітко діляьб сторінки на інформаційні і комерційні. Як правило, комерційні видаються у відповідь на запити, що передбачають купівлю. Наприклад, запит може містити слово «купити» або топонім (географічна назва). Пасатижі в Києві — комерційний запит. А «Як вибрати пасатижі» — інформаційний. А от запит «Пасатижі» приведе нас на змішану видачу: тут і вікіпедія і магазини інструментів.

Результати пошуку у Google фото, картинка

Для комерційних сторінок Google використовує так звані комерційні чинники ранжирування.

Я наведу тут 10 основних, а розширений список винесу в чекліст

  1. Наявність адаптивної версії;
  2. Наявність ціни товару;
  3. Наявність валюти (знак гривні при цьому він не сприймає);
  4. Варіанти оплати;
  5. Міський номер;
  6. Час роботи;
  7. Фото;
  8. Опис;
  9. Гарантії;
  10. Новини;
  11. Про компанію.

Поведінкові фактори

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

Що є поведінковими факторами?

  • Час, проведений на сайті.

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

  • Останній клік на пошуку.

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

  • Єдиний клік на пошуку.

Якщо віджет так залучив відвідувача, що він відкрив сайт першим. І при цьому сайт виявився настільки корисний, що відвідувач закрив пошук. Це теж «плюсик».

  • Відмови.

Швидкий відхід з сайту після відкриття сторінки — це мінус для пошуковика.

Що важливо закласти при проектуванні для поліпшення ПФ

Для правильного проектування інтернет-магазину слід зв'язати сторінки смисловими посиланнями: в товарі розмістити аналоги і статті про використання. У лістингу товарів розмістити швидкі посилання на збірки товарів і «супові набори» для конкретних завдань (шуруповерт + зарядка + свердла + біти).

  • Помітні кнопки дій і заклики до дії (CTA).
  • Контент.

Розмістити максимум інформації, щоб її не доводилося «добирати» в інших джерелах: фото, відео, огляди, характеристики, відгуки, інструкції.

  • Максимально помітний кошик.

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

  • Максимально зручне замовлення.

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

Технічні фактори

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

  • Швидкість сайту.

На ринку існує міф, що Google Pagespeed вимірює швидкість сайту. Насправді це не зовсім так. GPS показує чек-лист оптимізації верстки сторінки сайту. Тобто:

Кешування браузером;

Стиснення передаваних даних;

Надмірність зображень;

Надмірність скриптів;

Це важливо, але це не швидкість.

Тому до його показників ставимося без фанатизму.

Ось ми довели сайт до 100 одиниць на ПК і мобільних. Ні на візуальну швидкість, ні на SEO-позиції це не вплинуло.

Google Pagespeed 100 зі 100

Так що якщо сайт не в «червоній зоні», то цього вже достатньо.

  • Швидкість відповіді сторінки.

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

Швидкість відповіді сторінки

  • Розмір сторінки.

Можна виміряти через pingdom tools (для сайтів з України обирайте Test from - Europe). Тут немає універсальних порад, але зазвичай якщо сторінка більше 3 мегабайт, то це привід насторожитися.

  • Технології і навігація.

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

Проектування інтернет-магазину: Чек-лист

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

Загальні фактори

  1. Легка адаптивна версія;
  2. Верстка без косяків;
  3. Відсутність орфографічних помилок;
  4. Відсутність нав'язливих спливаючих вікон;
  5. Рядок пошуку.

Головна сторінка

  1. Розгорнутий каталог;
  2. Контакти в шапці;
  3. Відгуки на головній;
  4. Великий банер з акціями;
  5. Рекомендовані товари;
  6. Хіти/акції;
  7. Копірайт угода в підвалі.

Про компанію/Контакти

  1. Міський номер;
  2. Гаряча лінія 8-800;
  3. Контакти відділів і співробітників;
  4. Адреси офісу та філій;
  5. Міста доставки;
  6. Реквізити;
  7. Facebook;
  8. Instagram;
  9. VK;
  10. Опис компанії;
  11. Відгуки про компанію;
  12. Сертифікати / ліцензії;
  13. Електронна пошта в домені сайту;
  14. Можливість залишити заявку;
  15. Онлайн-чат;
  16. Схема проїзду;
  17. Таблиця з цінами в послугах.

Логіка каталогу

  1. Каталог організований від загального до приватного;
  2. Очевидно, де шукати той чи інший товар;
  3. Товар доступний в 3 кліки з головної;
  4. Ланцюжок переходів;
  5. Фільтрація за властивостями товару;
  6. Посадочні сторінки під набори властивостей.

Список товарів

  1. Великі фото;
  2. Ціна;
  3. Валюта (гривні краще позначати як грн.);
  4. Знижки на товари;
  5. Рейтиг товару в зірочках;
  6. Індексується посторінкова навігація;
  7. Кількість товарів в списку аналогічно топовим сайтам по потрібному запиту;
  8. Сортування (ціна, популярність, відгуки);
  9. Функція порівняння товарів.

Картка товару

  1. Наявність товару;
  2. Строк поставки при відсутності;
  3. Умови доставки;
  4. Детальний опис;
  5. Максимум характеристик;
  6. Кілька фото;
  7. Відео;
  8. Інструкція;
  9. Пропозиція супутніх товарів (в межах 2 екранів від товару);
  10. Пропозиція товарів-аналогів;
  11. Відгуки на товар;
  12. Пропозиція залишити відгук;
  13. Питання-відповідь;
  14. Гарантія та повернення;
  15. Помітна кнопка "в кошик";
  16. Покупка в один клік;
  17. Обране.

Кошик

  1. Віджет кошика помітний на сторінках;
  2. В віджеті є ціна;
  3. В віджеті є загальна кількість;
  4. Ціна за одиницю товару та за кількість товару (на сторінці кошика);
  5. Вибір кількості;
  6. Активні посилання на товар в списку;
  7. Фото товару в списку;
  8. Хоча б мінімальний опис товару;
  9. Можливість відкласти товар;
  10. Перерахунок без оновлення сторінки;
  11. Мінімальні умови доставки;
  12. Пропозиція супутніх товарів;
  13. Відсутність аналогів (не переконуємо, клієнт вже обрав).

Оформлення замовлення

  1. Кілька способів доставки;
  2. Наявність самовивозу;
  3. Наявність безкоштовної доставки;
  4. Кілька способів оплати;
  5. Захоплення контактів покупця;
  6. Логічна послідовність полів (спочатку місто, потім адреса);
  7. Відсутність зайвих полів (адреса не потрібна при самовивезенні);
  8. Підказка при заповненні полів;
  9. Видно загальну сума замовлення з доставкою;
  10. Оферта на видному місці.

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

Дуже поганоПоганоНормальноДобреВідмінно (2 оцінок, середнє: 5,00 з 5)
Loading...
Like this post? Please share to your friends:
Залишити відповідь

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: