Остаточний гайд із SEO для PrestaShop

Остаточний гайд із SEO для PrestaShop
David Kaufmann
Уроки SEO
7 min read

У вас уже гарно налаштований магазин на PrestaShop? А про SEO ви вже подумали? Ще ні? Зовсім забули? Ой! Не панікуйте, у SEO Alive ми принесли вам повний гайд із SEO в PrestaShop, щоб ви могли зосередитися на найважливіших моментах.

Поїхали!

Стовпи SEO

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

Усе зрозуміло? Чудово, продовжуймо.

Чому SEO важливе в PrestaShop?

Ви, ймовірно, обрали PrestaShop за гнучкість керування онлайн-магазином або простоту керування онлайн та фізичним інвентарем. На жаль, ми не знаходимо стільки ж зручностей, коли йдеться про SEO в PrestaShop, оскільки часто стикаємось з багатьма недоліками в темах, доступних для купівлі, або навіть у самому CMS.

Не кажемо, що всі теми PrestaShop погано налаштовані, але в більшості випадків ці теми дуже візуальні, водночас мають великі прогалини щодо on-page SEO та WPO (не кажучи вже про мобільну сторону).

Але не хвилюйтеся, не треба закривати онлайн-магазин — сьогодні в SEO Alive ми принесли вам рішення.

Ключові SEO-фактори для вашого PrestaShop

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

Title та meta description

Будь-який поважаючий себе SEO-фахівець має тримати під контролем і title, і meta description (якщо не знаєте, що це, нагадуємо, у нас є пост про SEO title і meta description).

Це фрагменти тексту, що з'являються на сторінках результатів Google:

приклад SEO title та meta description
приклад SEO title та meta description

Щоб змінити їх на продуктах, потрібно лише зайти в будь-який продукт і ввести розділ SEO:

як вказати title та meta description у PrestaShop
як вказати title та meta description у PrestaShop

Якщо ж ви хочете змінити заголовки та meta descriptions сторінок PrestaShop, потрібно перейти до:

  • Configure > Shop Parameters > Traffic and SEO для сторінок за замовчуванням.

  • Sales > Catalog > Categories, щоб змінити їх у категоріях.

SEO-тексти на категоріях

Якщо хочете дуже добре ранжувати сторінки категорій, найкраще додати текст.

Ви вже знаєте, Google любить текст. Проблема в тому, що якщо відвідувач заходить у категорію вашого ecommerce і перше, що бачить, — це весь текст і жодного продукту, він може отримати поганe враження і шукати іншу сторінку.

Рішення для цього — додати короткий вступний текст вгорі категорії та інший текст під продуктами. Цю техніку використовують багато ecommerce, як-от Pccomponentes:

вступний текст у категоріях
вступний текст у категоріях

SEO-текст під категоріями
SEO-текст під категоріями

За замовчуванням мало тем пропонують опцію додавання текстів вгорі та внизу.

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

Оптимізація зображень у PrestaShop

Це проблема для 90% ecommerce-сайтів: усі зображення завантажуються в максимальній роздільній здатності незалежно від розміру, у якому будуть відображатися.

Одна з найкращих (і найдешевших) технік — стиснути всі зображення перед завантаженням за допомогою онлайн-інструментів, як-от Kraken.io, і потім завантажити їх у свій PrestaShop.

Уже завантажили всі зображення? Не хвилюйтеся, у нас є рішення і для вас:

Дійшовши до цього моменту, у нас два варіанти:

  • Встановити модуль, як-от TinyPNG, щоб стиснути всі зображення в магазині.

  • Через FTP, завантажити папку з усіма зображеннями і стиснути їх. Стиснувши, повторно завантажити. Цей варіант трохи ризикованіший, оскільки ви чіпаєте чутливі файли, але такий же ефективний.

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

Рекомендований гайд: SEO для зображень

Блог

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

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

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

Якщо хочемо об'єднати найкраще з обох світів, рекомендуємо встановити WordPress всередині підпапки вашого хостингу (як-от /blog). Так можна мати PrestaShop в корені сайту та WordPress у підпапці.

SEO-дружні URL

Як і у WordPress, у нашому PrestaShop можна налаштувати, як хочемо, щоб виглядали URL нашого магазину. Ви знайдете ці опції в Configure > Traffic & SEO:

опція для зміни конфігурації URL у PrestaShop
опція для зміни конфігурації URL у PrestaShop

Усередині цього розділу можна змінити, які частини мають з'являтися в URL.

Наша рекомендація — завжди намагатися тримати URL якомога чистішими, тобто видаляти все, що не обов'язково (як-от ID), або не додає цінності (назва продукту).

Є кілька addons, що дозволяють видалити ці ID і отримати набагато чистіші URL. У нас був дуже негативний досвід з видаленням ID з URL (погані перенаправлення, падіння сайту тощо), тож не рекомендуємо їх видаляти. Якщо хочете, щоб вони турбували якомога менше, треба перенести ID в кінець URL.

УВАГА: майте на увазі, що якщо ці зміни робляться, коли сайт уже проіндексований, потрібно налаштувати 301-перенаправлення.

WPO

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

Та все ж, PrestaShop має деякі конфігурації, які можна застосувати, щоб «полегшити» сайт. Знайдете ці опції в Configure > Advanced Parameters > Performance. Доступні опції:

  • Об'єднання, стиснення та кешування CSS- та JS-файлів: так можна зменшити розмір цих файлів, прибравши весь непотрібний код, як-от коментарі чи переноси рядків.

  • Кеш

конфігурація кешу PrestaShop
конфігурація кешу PrestaShop

З цією опцією можна кешувати весь PHP-код нашого PrestaShop.

  • Smarty Cache

конфігурація Smarty cache у PrestaShop
конфігурація Smarty cache у PrestaShop

Ця опція використовується для кешування файлів шаблону.

Що рекомендуємо — спробуйте кожну з цих опцій окремо і доповнюйте їх інструментами, як-от PageSpeed або GTmetrix. Так зможете побачити, як ці опції впливають на сайт і які варто увімкнути або вимкнути у вашому випадку.

Sitemap

Ще один з найважливіших аспектів у нашому сайті, щоб Google міг його ефективно сканувати. Є багато модулів для генерації sitemap для нашого магазину. У нашому випадку рекомендуємо той, що йде за замовчуванням і знаходиться в Improve > Modules > Module Manager > Google sitemap. Усередині потрібно лише вибрати частоту та сторінки, які не хочете включати.

Опції конфігурації sitemap PrestaShop
Опції конфігурації sitemap PrestaShop

SEO-модулі для вашого PrestaShop

Нарешті, ми підготували перелік деяких платних модулів, які, на нашу думку, варто врахувати:

Модуль SEO Expert

Якщо ваш сайт надзвичайно великий і ви не можете один за одним змінювати title та meta descriptions, цей модуль — рішення.

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

Модуль Pretty URLs — видалення ID та чисел з URL

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

З тих, що ми бачили й тестували, цей найкращий. Pretty Urls видаляє ID з URL і налаштовує відповідні 301-перенаправлення.

Модуль SEO Images (ALT-теги)

Якщо зображення важливі для SEO вашого проєкту, але ви забули заповнити всі ALT, модуль SEO Images для вас. Його функціональність схожа на модуль SEO Expert: ми обираємо патерн, щоб ALT зображень автоматично генерувалися залежно від категорії.

Модуль Page Cache Ultimate

Модуль Page Cache Ultimate — це all-in-one модуль для WPO у вашому магазині PrestaShop. Може здатися трохи дорогим, але він того вартий і, на наш погляд, найкращий у своїй категорії.

Висновок

Сподіваємося, цей гайд був корисним і ви зможете скористатися всіма цими порадами, щоб вивести SEO вашого PrestaShop на новий рівень.

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

Як завжди, пам'ятайте: якщо у вас є запитання, ми чекаємо вас у коментарях.

Автор: David Kaufmann

David Kaufmann

Останні 10+ років я повністю занурений у SEO — і чесно кажучи, не хотів би інакше.

Моя кар'єра вийшла на новий рівень, коли я працював старшим SEO-спеціалістом у Chess.com — одному зі 100 найвідвідуваніших сайтів у всьому інтернеті. Робота в такому масштабі навчила мене того, чого не дав би жоден курс чи сертифікат.

З цього досвіду я заснував SEO Alive — агенцію для брендів, які серйозно ставляться до органічного зростання. І оскільки не знайшов інструмента, що добре справляється з обома світами — класичним і AI, побудував SEOcrawl. Якщо ви шукаєте досвідченого SEO-партнера, який любить цю справу — буду радий поговорити!

→ Читайте всі статті від David
Більше статей: David Kaufmann

Дізнайтесь більше контенту цього автора