· Обновлено: май 2026

Как скрыть длинное SEO-описание категории WooCommerce и добавить кнопку «Показать полностью»

Длинный SEO-текст на странице категории нужен поисковикам: Google видит уникальный контент, ключевые слова и контекст ассортимента. Покупатель же хочет сразу видеть товары, а не «стену текста» перед сеткой карточек. Решение — сворачивать описание после нескольких строк и показывать кнопку «Показать полностью» / «Читать далее». Это улучшает UX, не убирая текст из HTML. Ниже — зачем так делают, как настроить за пару минут без кода и как связать Free-функцию с массовым SEO в PRO.

Почему сворачивание описания — хорошая практика

Свёрнутый блок — это не «скрытый текст для роботов» в смысле клоакинга. Весь текст остаётся в разметке страницы; меняется только отображение: обрезка по числу строк и раскрытие по клику. Поисковые системы индексируют контент, который есть в HTML, даже если он визуально свёрнут (см. рекомендации Google по доступному контенту и оформлению сниппетов).

Для WooCommerce это особенно актуально: после заполнения категорий AI или копирайтером описание может занимать 300–800 слов — отлично для SEO, тяжело для восприятия. Collapse возвращает фокус на каталог, сохраняя SEO-слой.

Как настроить сворачивание — пошагово

  1. Установите бесплатный плагин SEO AI for WooCommerce (скачивание с сайта или с каталога WordPress.org).
  2. В админке WordPress откройте SEO AI for WooCommerce → Настройки.
  3. Вкладка «Категории»: включите сворачивание для архивов product_cat.
  4. Укажите число строк на десктопе и на мобильном (например, 4 и 3).
  5. Задайте текст кнопок «Показать полностью» / «Скрыть» и выберите один из 4 пресетов кнопки.
  6. Сохраните настройки и откройте любую категорию на витрине — описание должно обрезаться с кнопкой.
Страница категории WooCommerce: свёрнутое SEO-описание и кнопка «Показать больше»
Пример: длинное описание свёрнуто, товары видны сразу.

Работает ли с WoodMart, Flatsome, Astra, Elementor?

Да. Плагин рассчитан на популярные WooCommerce-темы и конструкторы. Скрипт сворачивания подключается в <head>, а не только в footer — так он не пропадает при AJAX/PJAX-переключении категорий (актуально для WoodMart и похожих тем). В коде есть self-healing: повторная инициализация после смены вкладок без перезагрузки страницы.

Для Elementor и других билдеров достаточно стандартного вывода term_description на архиве категории — плагин оборачивает описание автоматически.

Можно ли настроить внешний вид кнопки?

Free:

  • 4 визуальных пресета кнопки (minimal, link, outline, pill)
  • Выравнивание, свои подписи «Показать» / «Скрыть»
  • Отдельные лимиты строк для desktop и mobile

PRO добавляет полную кастомизацию: цвета, шрифт, рамка, padding, иконка, анимация раскрытия, градиент затухания над текстом.

Сворачивание работает и для полного описания товара, и для краткого (excerpt) — те же принципы UX на карточках каталога.

Связка с SEO-контентом: сначала текст, потом UX

Типичный сценарий магазина: вы заполняете пустые категории (вручную, шаблоном или AI для SEO категорий), получаете длинные уникальные описания — и сразу включаете сворачивание, чтобы витрина осталась удобной. Массовое заполнение описаний — в PRO: Bulk SEO для WooCommerce.

Частые вопросы

Это вредит SEO?

Нет, если текст не подменяется другим содержимым для роботов. Collapse в SEO AI for WooCommerce — честный UX: тот же HTML, другая высота блока до клика.

Нужен ли PRO только для кнопки?

Нет. Сворачивание категорий и товаров — в бесплатной версии. PRO нужен для AI, SERP в Yoast/Rank Math и массовых операций.

Добавьте кнопку «Показать полностью» за 2 минуты

Бесплатно. Без кода. Работает с WoodMart, Astra, Flatsome, Elementor.

Скачать бесплатно Купить PRO от 2 990 ₽

· Updated: May 2026

How to Hide a Long WooCommerce Category Description and Add a "Show More" Button

Long SEO copy on a category archive is great for search engines — Google sees unique content, keywords, and context. But shoppers want to see products immediately, not wade through a wall of text. The solution: collapse the description after a few lines and show a "Show More" / "Read More" button. This improves UX without removing text from the HTML. Below — why it matters, how to set it up in minutes with no code, and how to pair the Free feature with bulk AI SEO in PRO.

Why Collapsing Category Descriptions is Best Practice

A collapsed block is not "hidden text for bots" in the cloaking sense. All text stays in the markup; only the visual height changes — clipped by line count and expanded on click. Search engines index HTML content even when it is visually collapsed (per Google's guidance on accessible content and snippets).

For WooCommerce this is especially relevant: after filling categories with AI or a copywriter, descriptions can run 300–800 words — excellent for SEO, heavy for UX. Collapse restores focus to the product grid while keeping the SEO layer intact.

Step-by-Step Setup

  1. Install the free SEO AI for WooCommerce plugin (from the site or from the WordPress.org directory).
  2. In the WordPress admin, open SEO AI for WooCommerce → Settings.
  3. Categories tab: enable collapse for product_cat archives.
  4. Set line limits for desktop and mobile (e.g. 4 and 3).
  5. Set "Show More" / "Show Less" button labels and choose one of 4 presets.
  6. Save and open any category on the storefront — the description should now clip with a button.
WooCommerce category page: collapsed SEO description and Show More button
Example: long description collapsed, products visible immediately.

Does It Work with WoodMart, Flatsome, Astra, Elementor?

Yes. The plugin is built for popular WooCommerce themes and page builders. The collapse script loads in <head>, not only in the footer — so it survives AJAX/PJAX category switches (relevant for WoodMart and similar themes). There is built-in self-healing: re-initialization after tab changes without a page reload.

For Elementor and other builders, standard term_description output on the category archive is enough — the plugin wraps it automatically.

Can I Customize the Button Style?

Free:

  • 4 visual button presets (minimal, link, outline, pill)
  • Alignment, custom "Show" / "Hide" labels
  • Separate line limits for desktop and mobile

PRO adds full customization: colors, font, border, padding, icon, expand animation, gradient fade overlay above the text.

Connecting to SEO Content: Text First, Then UX

Typical workflow: you fill empty categories (manually, by template, or with AI for category SEO), get long unique descriptions — and immediately enable collapse so the storefront stays clean. Bulk description filling is in PRO: Bulk SEO for WooCommerce.

FAQ

Does this hurt SEO?

No, as long as the text is not swapped for different content served to bots. The collapse in SEO AI for WooCommerce is honest UX: same HTML, different block height before the click.

Do I need PRO just for the button?

No. Category and product collapse is in the free version. PRO is needed for AI generation, Yoast/Rank Math SERP fields, and bulk operations.

Add a "Show More" Button in 2 Minutes

Free. No code. Works with WoodMart, Astra, Flatsome, Elementor.

Download Free Buy PRO