Статті
Вступ#
Розділ Статті в ocStore дає змогу створювати й редагувати статичні інформаційні сторінки: «Про нас», «Доставка та оплата», «Умови угоди», «Політика конфіденційності» та інші важливі сторінки сайту. Такі сторінки допомагають завоювати довіру покупців і дають їм усю потрібну інформацію про магазин.
Відеоурок#
Відео (англійською, OpenCart 4): https://youtu.be/SQb6qQ9HL8Q
Переваги інформаційних сторінок
- Створення обов'язкових юридичних і довідкових сторінок
- Довіра покупців завдяки прозорій інформації
- Краще SEO завдяки оптимізованим сторінкам із контентом
- Повна інформація про магазин в одному місці
- Підтримка кількох мов для багатомовних магазинів
Як відкрити розділ «Статті»#
Крок 1. Перейдіть до адмін-панелі#
Увійдіть в адміністративну панель ocStore і відкрийте Каталог → Статті.
Крок 2. Перегляньте список статей#
Відкриється Список статей з наявними сторінками. Для кожної статті показано назву, порядок сортування, індексацію та кнопки дій.
Створення статті покроково#
Крок 1. Відкрийте розділ «Статті»#
- Перейдіть до Каталог → Статті.
- Натисніть кнопку Додати (значок «+»).
Інформація
Щоб стаття з'явилася у футері магазину, достатньо ввімкнути для неї параметр Показувати у футері на вкладці Дані (див. крок 3). Окремий модуль для цього не потрібен.
Крок 2. Заповніть вкладку «Загальні»#
На вкладці Загальні для кожної мови магазину (вкладки з прапорцями мов) заповніть поля:
| Поле | Опис | Обов'язкове |
|---|---|---|
| Назва статті | Заголовок сторінки (до 64 символів) | Так |
| HTML-тег H1 | Заголовок H1 на сторінці; якщо не заповнено, використовується назва статті | Ні |
| Мета-тег Title | SEO-заголовок сторінки (тег <title>) |
Ні |
| Мета-тег Description | SEO-опис для пошукових систем | Ні |
| Мета-тег Keywords | Ключові слова сторінки | Ні |
| Опис | Основний вміст сторінки; редагується у візуальному редакторі Summernote, підтримує HTML | Так (від 3 символів) |
Поради щодо заповнення
- Використовуйте зрозумілі, описові назви сторінок
- Структуруйте вміст за допомогою заголовків, абзаців і списків
- Додавайте доречні ключові слова в мета-теги
- Для багатомовного магазину заповніть поля для кожної мови
Крок 3. Налаштуйте вкладку «Дані»#
На вкладці Дані:
- Магазини — позначте магазини, у яких буде доступна стаття
- Показувати у футері — виводити посилання на статтю в підвалі (футері) магазину
- Статус — увімкнути або вимкнути сторінку
- Порядок сортування — порядок виведення статті в списках і меню
Стратегія для кількох магазинів
- Призначайте статті конкретним магазинам, щоб показувати цільовий контент
- Створюйте окремі юридичні сторінки для різних регіонів
- Розрізняйте подачу бренду між магазинами
- Тримайте основні сторінки однаковими в усіх магазинах
Крок 4. Налаштуйте вкладку «SEO»#
На вкладці SEO:
- У таблиці Магазин / SEO URL вкажіть зрозумілу адресу сторінки для кожного магазину й кожної мови (наприклад,
about-us) - SEO URL має бути унікальним на всю систему, без пробілів і спецсимволів
- Параметр Індексація визначає, чи дозволено пошуковим системам індексувати сторінку
Поради щодо SEO URL
- Використовуйте малі латинські літери й дефіси
- Робіть адреси короткими й описовими
- Додавайте основне ключове слово
- Уникайте спецсимволів і пробілів
- Перевірте, що сторінка відкривається за новою адресою
Крок 5. Налаштуйте вкладку «Дизайн»#
На вкладці Дизайн у полі Змінити макет можна обрати для кожного магазину окремий макет сторінки (якщо не обрано, використовується стандартний макет статей).
Рекомендації щодо дизайну
- Використовуйте однакові макети для всіх інформаційних сторінок
- Перевіряйте вигляд сторінок на мобільних пристроях
- Дотримуйтеся єдиного стилю бренду
- Протестуйте різні варіанти макетів
Крок 6. Збережіть статтю#
Натисніть Зберегти, щоб створити статтю.
Чекліст після збереження
- Стаття з'явилася у списку статей
- Сторінка правильно відкривається на вітрині
- Мета-теги виводяться в коді сторінки
- Сторінка коректно виглядає на мобільних пристроях
Керування наявними статтями#
Редагування статті#
- У списку статей натисніть кнопку Редагувати навпроти потрібної сторінки.
- Змініть вміст, налаштування або SEO-дані.
- Натисніть Зберегти.
Видалення статті#
Важливо
Видалена стаття зникне з усіх меню та з вітрини. Покупці, які відкриють стару адресу, побачать сторінку 404.
- У списку статей позначте потрібні статті прапорцями.
- Натисніть кнопку Видалити і підтвердьте дію.
- Статтю буде видалено назавжди.
Інформація
Статтю неможливо видалити, якщо її обрано в налаштуваннях магазину як сторінку умов: Підтвердження при реєстрації, Підтвердження при замовленні, Умови партнерської програми або Умови повернення (Система → Налаштування, вкладка Опції). Спочатку оберіть там іншу статтю.
Обов'язкові інформаційні сторінки#
Сторінки, потрібні кожному магазину#
Основні сторінки магазину
Про нас
- Історія та місія компанії
- Інформація про команду, фото
- Цінності та філософія бізнесу
- Контактна інформація
Контакти
У ocStore є окрема вбудована сторінка контактів (information/contact), дані для якої беруться з налаштувань магазину. Додатково можна створити статтю з такою інформацією:
- Фізична адреса (за наявності)
- Телефони та e-mail
- Графік роботи
- Схема проїзду
Умови угоди
- Умови купівлі
- Правила повернення та відшкодування
- Інформація про доставку
- Юридичні застереження
- Угода користувача
Політика конфіденційності
- Які дані збираються
- Використання cookie
- Захист персональних даних покупців
- Передача даних третім особам
- Відповідність GDPR та місцевому законодавству
Доставка
- Способи доставки та перевізники
- Терміни доставки
- Вартість доставки та її розрахунок
- Міжнародна доставка
- Відстеження відправлень
Повернення та відшкодування
- Умови повернення
- Процедура та терміни відшкодування
- Вимоги до стану товару
- Інструкції з відправлення повернення
- Можливість обміну
SEO-оптимізація статей#
Інформаційні сторінки чудово працюють на SEO. Дотримуйтеся цих рекомендацій:
Найкращі практики SEO
- Використовуйте описові назви з ключовими словами
- Пишіть змістовний текст (300–1000 слів)
- Заповнюйте мета-теги доречними ключовими словами
- Дотримуйтеся правильної структури заголовків (H1, H2, H3)
- Додавайте внутрішні посилання на товари та інші сторінки
- Стежте за швидкістю завантаження
Оптимізація мета-тегів#
| Мета-тег | Рекомендація | Приклад |
|---|---|---|
| Title | Основне ключове слово + назва бренду | «Про нашу компанію — [Назва магазину]» |
| Description | Короткий опис на 150–160 символів | «Дізнайтеся про місію, команду та прагнення [Назва магазину] пропонувати якісні товари з 2010 року» |
| Keywords | 3–5 доречних ключових слів | «про нас, історія компанії, наша команда, місія» |
Багатомовність#
Створення статей кількома мовами#
ocStore підтримує статті кількома мовами:
Крок 1. Увімкніть мови#
Перейдіть до Система → Локалізація → Мови й увімкніть потрібні мови.
Крок 2. Створіть мовні версії#
Під час редагування статті перемикайтеся між вкладками мов на вкладці Загальні.
Крок 3. Перекладіть вміст#
Додайте перекладені назви, описи та мета-теги для кожної мови.
Крок 4. Налаштуйте SEO URL#
На вкладці SEO вкажіть окремий SEO URL для кожної мови.
Рекомендації для мовних версій#
- Зберігайте однаковий зміст повідомлень у всіх мовах
- Враховуйте культурні відмінності
- За можливості залучайте до перекладу носіїв мови
- Ретельно перевіряйте всі мовні версії
Виведення на вітрині#
Посилання у футері#
Зазвичай статті виводяться в підвалі (футері) магазину:
Керування посиланнями у футері
Як стаття потрапляє у футер
- На вкладці Дані ввімкніть параметр Показувати у футері
- Стаття має бути ввімкнена (Статус) і призначена поточному магазину
Порядок посилань
- Посилання виводяться відповідно до Порядку сортування статей
- Щоб змінити порядок, відредагуйте значення сортування
Оформлення
- Вигляд футера визначається шаблоном (темою) магазину
- Перевіряйте футер на мобільних пристроях
- Пам'ятайте про доступність посилань
Інші місця виведення#
Статті можна також виводити:
- у бічній колонці — за допомогою модуля Інформація (Доповнення → Доповнення, тип «Модулі»), доданого в макет у розділі Дизайн → Макети
- у головному меню чи шапці — засобами шаблону або модулів меню
- у мобільній навігації — залежно від шаблону
Рекомендації щодо контенту#
Як писати ефективні інформаційні сторінки#
Вимоги до якості контенту
- Пишіть зрозумілою мовою, зручною для покупця
- Використовуйте заголовки та абзаци
- Додавайте доречні зображення та медіа
- Стежте за актуальністю та точністю інформації
- Перевіряйте орфографію й граматику
Юридична відповідність#
Вимоги до юридичних сторінок
Політика конфіденційності
- Чітко опишіть, які дані збираються
- Поясніть використання cookie та відстеження
- Опишіть заходи захисту даних
- Надайте інструкції щодо відмови
- Вкажіть контакт для запитів щодо даних
Умови угоди
- Визначте правила купівлі та повернення
- Опишіть умови доставки
- Окресліть обов'язки користувача
- Вкажіть обмеження відповідальності
- Зазначте застосовне право та юрисдикцію
Нормативні вимоги
- GDPR — для покупців з ЄС
- Місцеве законодавство про захист прав споживачів і персональних даних
- Галузеві вимоги
- Вікові обмеження (за потреби)
- Вимоги доступності
Кілька магазинів#
У конфігурації з кількома магазинами статті можна налаштувати окремо для кожного магазину:
- Призначайте сторінки лише певним магазинам
- Створюйте окремий контент і правила для кожного магазину
- Розрізняйте подачу бренду між магазинами
- Враховуйте регіональні юридичні вимоги
Усунення несправностей#
Типові проблеми зі статтями
Сторінка не відображається#
- Перевірте, що статтю ввімкнено (Статус)
- Перевірте, чи призначено статтю потрібному магазину
- Переконайтеся, що ввімкнено Показувати у футері або стаття додана в меню
Проблеми з SEO URL#
- SEO URL має бути унікальним і не конфліктувати з іншими
- Адреса має містити лише допустимі символи
- Перевірте, що SEO URL увімкнено в налаштуваннях магазину
- Перевірте доступність адреси
Проблеми з відображенням вмісту#
- Перевірте HTML-розмітку в полі Опис
- Перевірте посилання на зображення
- Протестуйте сторінку на мобільних пристроях
- Очистіть кеш після змін
Проблеми з мовними версіями#
- Переконайтеся, що всі потрібні мови ввімкнено
- Перевірте, що вміст заповнено для кожної мови
- Перевірте перемикання мов
- Переконайтеся, що SEO URL працюють для всіх мов
Оптимізація швидкодії#
Швидкість завантаження сторінки#
- Оптимізуйте зображення, що використовуються у статтях
- Мінімізуйте зайвий HTML і CSS у вмісті
- Використовуйте кешування
- Регулярно перевіряйте час завантаження
Контент-стратегія#
- Створюйте цікавий, захопливий контент
- Розповідайте історію компанії на сторінці «Про нас»
- Додавайте відгуки покупців, якщо доречно
- Регулярно оновлюйте контент
- Відстежуйте ефективність сторінок за допомогою аналітики
Найкращі практики#
Якісне керування статтями
- Тримайте всі юридичні сторінки актуальними
- Пишіть сторінку «Про нас» так, щоб вона викликала довіру
- Стежте за точністю контактної інформації
- Перевіряйте всі статті на мобільних пристроях
- Відстежуйте аналітику відвідувань сторінок
Регулярне обслуговування#
- Переглядайте й оновлюйте юридичні сторінки щонайменше раз на рік
- Регулярно перевіряйте посилання у статтях
- Оновлюйте інформацію про команду в разі змін
- Зважайте на відгуки покупців щодо інформаційних сторінок
- Підтримуйте SEO-контент в актуальному стані
Практичний приклад: створення сторінки «Про нас»#
Розгляньмо повний приклад створення сторінки «Про нас» для магазину електроніки:
Крок 1. Створіть статтю «Про нас»#
- Перейдіть до Каталог → Статті.
- Натисніть Додати.
- Назва статті: «Про нашу компанію».
- Опис: додайте змістовний текст про історію, місію, команду й цінності компанії, відформатований у редакторі.
- Мета-тег Title: «Про наш магазин електроніки — якісні товари з 2010 року».
- Мета-тег Description: «Дізнайтеся про наше прагнення пропонувати якісну електроніку, бездоганний сервіс та інноваційні рішення з 2010 року».
- Мета-тег Keywords: «про нас, історія компанії, наша команда, магазин електроніки».
Крок 2. Налаштуйте вкладку «Дані»#
- Перейдіть на вкладку Дані.
- Позначте всі магазини, у яких має бути ця сторінка.
- Увімкніть Показувати у футері.
- Порядок сортування: 1 (щоб сторінка була першою у футері).
- Переконайтеся, що Статус — «Увімкнено».
Крок 3. Вкажіть SEO URL#
- Перейдіть на вкладку SEO.
- SEO URL:
about-us. - Переконайтеся, що адреса унікальна й описова.
Крок 4. Збережіть і перевірте#
- Натисніть Зберегти.
- Перевірте, що посилання з'явилося у футері вітрини.
- Відкрийте сторінку за адресою
/about-us. - Переконайтеся, що вміст відображається правильно.
- Перевірте мета-теги в коді сторінки.
- Перевірте вигляд на мобільних пристроях.
Швидка перевірка
Відкрийте вітрину й погляньте на футер. Там має з'явитися посилання «Про нашу компанію», а сама сторінка — відкриватися з правильним форматуванням і вмістом.
Найкращі практики та поради#
Стратегія та планування
Стратегія інформаційних сторінок#
Ефективне планування:
- З'ясуйте юридичні вимоги для вашої галузі
- Врахуйте, яку інформацію шукають покупці і які питання ставлять найчастіше
- Плануйте сезонні або акційні інформаційні сторінки
- Дотримуйтеся балансу між обов'язковою та додатковою інформацією
- Відстежуйте ефективність сторінок і залученість користувачів
Рекомендовані сторінки:
- Обов'язкові: Про нас, Контакти, Політика конфіденційності, Умови угоди
- Рекомендовані: Доставка, Повернення, Питання та відповіді, Таблиця розмірів
- Додаткові: Відгуки, Вакансії, Для преси
Організація сторінок:
- Дотримуйтеся єдиного підходу до назв
- Групуйте пов'язані сторінки у футері
- Враховуйте шлях користувача та навігацію
- Використовуйте порядок сортування для пріоритетних сторінок
Оптимізація швидкодії
Оптимізація швидкодії#
Що врахувати:
- Оптимізуйте зображення у статтях
- Для сторінок з великою кількістю зображень розгляньте відкладене (lazy) завантаження
Зручність для користувача
Досвід покупця#
Найкращі практики UX:
- Пишіть зрозумілий, дружній до покупця текст
- Використовуйте заголовки й абзаци
- Переконайтеся, що сторінки адаптовані до мобільних пристроїв
- Забезпечте зручну навігацію між інформаційними сторінками
- Вказуйте контакти та способи отримати допомогу
Покращення UX:
- Розкажіть історію компанії на сторінці «Про нас»
- Додайте фото та короткі біографії команди, якщо доречно
- Створіть розділ відповідей на поширені запитання
- Надайте зрозумілу контактну інформацію
Розширені можливості
Розширене налаштування#
Багатомовність
- Перекладайте назви, описи та мета-теги
- Готуйте локалізований контент для різних регіонів
- Зберігайте однаковий зміст повідомлень у всіх мовах
- Враховуйте культурні відмінності
Тематичні інформаційні сторінки
- Створюйте сторінки, що відповідають категоріям товарів
- Адаптуйте контент до конкретних типів товарів
- Покращуйте навігацію для покупців
- Підвищуйте релевантність пошуку
Параметри відображення
- Керуйте порядком сторінок за допомогою порядку сортування
- Використовуйте різні макети для різних типів сторінок (вкладка Дизайн)
- Керуйте індексацією технічних сторінок (параметр Індексація на вкладці SEO)
Вирішення поширених проблем#
Сторінка не відображається
Проблема: стаття не з'являється на вітрині#
Рішення:
- Перевірте статус сторінки
- Переконайтеся, що статтю ввімкнено в адмін-панелі
- Перевірте призначення магазинам у конфігурації з кількома магазинами
- Переконайтеся, що ввімкнено Показувати у футері або сторінку додано в меню
- Перевірте модулі
- Якщо стаття виводиться модулем Інформація, перевірте, що модуль увімкнено
- Перевірте, що модуль додано в потрібний макет (Дизайн → Макети)
- Перевірте доступність сторінки
- Відкрийте сторінку напряму за SEO URL
- Перевірте, чи немає помилок або переадресацій
- Перевірте ідентифікатор статті та адресу
Швидка перевірка: відкрийте список статей в адмін-панелі та переконайтеся, що сторінка існує й увімкнена.
Проблеми з SEO URL
Проблема: SEO URL не працюють або конфліктують#
Рішення:
- Перевірте унікальність
- Переконайтеся, що адреса не використовується іншими статтями, товарами чи категоріями
- Перевірте структуру адреси
- Перевірте налаштування
- Переконайтеся, що SEO URL заповнено для потрібного магазину й мови
- Перевірте відсутність спецсимволів і пробілів
- Використовуйте малі літери та дефіси
- Перевірте роботу
- Очистіть кеш і перевірте адресу
- Перевірте правила перезапису на сервері
- Перевірте конфігурацію
.htaccess
Порада: використовуйте описові адреси з ключовими словами, які легко запам'ятати й поширити.
Проблеми з відображенням вмісту
Проблема: вміст сторінки відображається неправильно#
Рішення:
- Перевірте HTML-розмітку
- Переконайтеся, що HTML у полі Опис коректний
- Перевірте сторінку в різних браузерах і на різних пристроях
- Пошукайте незакриті теги
- Перевірте зображення
- Переконайтеся, що зображення підключено правильно
- Перевірте права доступу до файлів зображень
- Перевірте адреси зображень
- Перевірте адаптивність
- Перевірте вигляд на мобільних пристроях
- Перевірте різні розміри екрана
- Перевірте сумісність CSS
Проблеми з мовними версіями
Проблема: мовні версії працюють некоректно#
Рішення:
- Перевірте налаштування мов
- Переконайтеся, що всі потрібні мови ввімкнено
- Перевірте, що вміст заповнено для кожної мови
- Перевірте перемикання мов
- Перевірте SEO URL
- Переконайтеся, що SEO URL заповнено для всіх мов
- Перевірте відсутність конфліктів адрес між мовами
- Перевірте доступність кожної мовної версії
- Перевірте узгодженість контенту
- Переконайтеся, що зміст однаковий у всіх мовах
- Перевірте переклад на помилки
- Переконайтеся, що всі мовні версії доступні
Що далі#
Продовжуйте навчання
- Дизайн → Макети — налаштування макетів сторінок статей
- Система → Локалізація → Мови — керування мовними версіями
- Доповнення → Доповнення (тип «Модулі») — налаштування модулів для виведення статей
Сторінку перекладено й адаптовано для ocStore з офіційної документації OpenCart. Ліцензія — GNU GPL v3.