SEO html5css.dev
html5css.dev

SEO продвижение сайтов

Полный цикл: от проектирования и семантики до ссылочного, перелинковки и текстов.

0. Старт С чего начинается работа: цели, инструменты, сервисы 2 1. Проектирование сайта Структура, семантика, title и description 11 2. Прототипирование Карточка товара и страница категории на примере магазина 3 3. Контент и ключевые слова Ключи в тексте, заголовки, объём, читаемость, изображения, внутренние ссылки 20 3.1. Сайт целиком и коммерция Структура, sitemap, крошки, домен, контакты, ассортимент, доставка, поддержка 22 3.2. Поведенческие факторы Домен и бренд, релевантность title, вложенность, удовлетворённость пользователя 11 4. Техническая оптимизация Скорость, дубли, robots.txt, sitemap.xml, битые страницы 9 5. Внешние факторы Ссылочное, доноры, анкоры, линкбилдинг 13 6. Продвижение бренда Брендовый трафик и его оценка 3 7. Нестандартные методы Актуализация контента, нулевая позиция, SILO, обрезка контента 17 8. Крауд-маркетинг Форумы, отзовики, Q&A, соцсети, поиск площадок и сервисы 16 8.1. Стратегии крауда Стратегии размещения, выживаемость постов, объёмы, делегирование 11 9. Юзабилити сайта Макет, навигация, формы, корзина, контрастность 10 10. Внутренняя перелинковка Вес страниц, анкоры, схемы связывания 10 11. Работа с текстами LSI, структура текста, применение ключей 8

С чего начать

Последовательный курс: проектирование → внутренняя оптимизация → техничка → ссылочное → тексты.

15глав
166уроков

Мобильная выдача

Отдельный курс про мобильный индекс: скорость, интерфейс, голосовой поиск и регионы.

6глав
44урока

Новый курс

Поиск всё чаще отвечает текстом. Курс о том, как попадать в источники этих ответов и не потерять доверие.

5глав
15уроков
  1. html5css.dev
  2. SEO
  3. SEO продвижение
  4. Сайт целиком и коммерция
  5. Карточка товара
Глава 3.1 · Сайт целиком и коммерция Урок 18 из 22 Обновлено 26.08.2026

Карточка товара

Карточка — страница, на которой принимают решение. Разбираем обязательный состав и то, чем она отличается от копии прайса.

Что изменилось с прошлой версии урока Список из прежнего урока верен и сегодня. Добавлено то, чего в нём не было: разметка товара, требование собственных фотографий вместо изображений поставщика и обращение к вопросам покупателей как источнику содержания.

Обязательный состав

  • Название так, как товар ищут, а не как он значится в прайсе.
  • Цена заметно, без «уточняйте».
  • Наличие и срок поставки.
  • Кнопка покупки — на первом экране.
  • Характеристики таблицей, а не абзацем.
  • Фотографии с разных сторон, крупные, с увеличением.
  • Доставка и оплата кратко прямо в карточке.
  • Отзывы и вопросы покупателей.
  • Похожие и сопутствующие товары.
Вопросы покупателей — лучший источник текста Каждый вопрос, заданный вам по телефону, кто-то задаёт поиску. Блок вопросов и ответов в карточке закрывает эти запросы, даёт уникальное содержание и снимает возражения перед покупкой.

Чем карточка отличается от копии прайса

Копия прайсаРабочая карточка
Описание поставщикаСвой текст: для чего подходит, для чего нет
Фото из каталога производителяСобственные снимки, в том числе распакованного товара
Голые характеристикиПояснение, что означает каждая
«Цена по запросу»Цена или диапазон
Нет отзывовОтзывы и ответы продавца
Нет ограниченийЧестно сказано, кому не подойдёт
Описание поставщика есть у всех Одинаковый текст стоит на сотне сайтов. Он не даёт ни одного повода выбрать вас и ничем не помогает ранжированию. Даже пара абзацев собственного опыта делает карточку отличимой.

Разметка

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Product",
 "name":"Название товара","sku":"12345",
 "image":["https://example.com/img/tovar-1.jpg"],
 "offers":{"@type":"Offer","price":"18900","priceCurrency":"RUB",
   "availability":"https://schema.org/InStock",
   "url":"https://example.com/tovar/"}}
</script>

Цена и наличие в разметке обязаны совпадать с видимыми на странице и обновляться автоматически. Общий разбор — в уроке о Schema.org.

Варианты товара

Цвета и размеры лучше собирать в одной карточке с переключателем: так не плодятся почти одинаковые страницы. Отдельная страница нужна там, где вариант ищут отдельно как самостоятельный товар. Подробный разбор интерфейса — в уроке о карточках товаров.

Итог

Карточка обязана давать цену, наличие, характеристики и способ купить на первом экране, а отличаться — собственными фотографиями, ответами на вопросы и честными ограничениями. Дальше — доставка и транспортные услуги.

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

Что обязательно должно быть в карточке товара?

Название, цена, наличие, кнопка покупки, характеристики, собственные фотографии, условия доставки и оплаты, отзывы. Всё это — на первом-втором экране, а не в конце страницы.

Можно ли использовать описание от поставщика?

Можно, но оно одинаково у сотни магазинов и ничего не добавляет. Работает то, чего у других нет: ваши фотографии, замеры, ответы на вопросы покупателей, честные ограничения.

Нужна ли разметка Product?

Да. Она позволяет показать в выдаче цену, наличие и рейтинг. Требование одно — данные в разметке должны совпадать с видимыми на странице.

Нужна ли отдельная страница каждому товару?

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

Вся глава «Сайт целиком и коммерция» — 22 урока
  1. Соотношение текста и HTML
  2. Выделения слов в тексте
  3. Использование заголовков H1, H2, H3
  4. Наличие мобильной версии сайта
  5. Структура сайта
  6. Число страниц сайта
  7. Простота и удобство использования
  8. Карта сайта или Sitemap
  9. Хлебные крошки
  10. Доменные зоны: ccTLD и gTLD
  11. Возраст домена
  12. Выделенный IP-адрес
  13. Коммерческие факторы ранжирования
  14. Контактная информация
  15. Профили компании в социальных сетях
  16. Отсутствие сторонней рекламы
  17. Ассортимент товаров
  18. Карточка товара
  19. Доставка и транспортные услуги
  20. Служба поддержки клиента
  21. Онлайн-консультант
  22. Скидки и акции