ТЗ для сайта https://econewface.com/
После прочтения ТЗ рекомендую посмотреть видео с комментариями к ТЗ
Ссылка на видео https://yadi.sk/i/Qg1Od-XTpp6_RA В видео поясняю и показываю на примерах конкретные задачи по ТЗ.
Шаблоны мета-тегов для категорий товаров, подкатегорий товаров, тегов (меток) и товаров
Шаблон title категорий и подкатегорий, и тегов (меток):
(Название страницы) — цены | купить в (подстановка города) в интернет-магазине + (название сайта)
Шаблон дискрипшн категорий, подкатегорий и тегов (меток):
(Название страницы). Доступные цены оптом и в розницу. Купить в (подстановка города) в интернет-магазине (название сайта).
На страницах категорий с альтернативным названием подставлять альтернативное название в мета-теги. (что такое альтернативные названия напишу ниже в ТЗ)
Шаблон title для товаров:
(Название товара) — цены | купить в + (подстановка города) + в интернет-магазине + (название сайта)
Шаблон дискрипшн для товаров:
(Название товара) + по доступным ценам. Технические характеристики, фото, отзывы. Купить модель в + (подстановка города) + в интернет-магазине + (название сайта).
Шаблон title страниц новостей:
(Название страницы) + (новости интернет-магазинаEcoNewFace).
Шаблон дискрипшн страниц новостей:
(Название страницы) + (новости интернет-магазинаEcoNewFace). Свежие предложения, акции, новинки.
Шаблон title страниц статей:
(Название страницы) + (статьи интернет-магазинаEcoNewFace).
Шаблон дискрипшн страниц статей:
(Название страницы) + (статьи интернет-магазинаEcoNewFace). Свежие предложения, акции, новинки.
Шаблон title для остальных страниц сайта (не из каталога/новостей)
(Название страницы) + в интернет-магазине + (название сайта) + (подстановка города)
Шаблон дискрипшн для остальных страниц сайта (не из каталога/новостей)
(Название страницы) + в интернет-магазине + (название сайта) + (подстановка города)
В системе управления должна быть возможность прописывать шаблоны и для каждой страницы прописывать свои индивидуальные мета-теги при необходимости.
Шаблоны необходимо вывести в админке, чтобы в любой момент их можно было отредактировать сразу для основного сайта и поддоменов.
Дополнительный фильтр над листингом товаров
Выводится на всех страницах категорий, подкатегорий товаров и на страницах тегов (меток).
Сортировать по:
• Сначала дешевле
• Сначала дороже
Показывать товары в наличии (галочка)
Теги (по факту — подкатегории)
В админке это обычные подкатегории. Они могут быть любого уровня вложенности в самой структуре, но урлвсегда должен быть вида:
https://econewface.ru/catalog/kategoriya/
То есть, какой бы глубокой в реальной структуре не была бы подкатегория, в урле мы ее выводим подкатегорией третьего уровня. При этом, в хлебных крошках выводим весь полный путь. У каждой категории/подкатегории должна быть возможность поставить галочку «скрытая», чтобы ее можно было выводить в плитке тегов, карте сайта и sitemap, но при этом она не показывалась ни в основном, ни в дополнительных меню.
Плитка тегов.
Показывается под заголовком h1 и над сортировкой товаров. По умолчанию показывается первая строчка тегов, а остальные разворачиваются по клику: показать еще. Пример с сайта https://www.dns-shop.ru/catalog/17a8ae4916404e77/televizory/
К каждому товару должна быть возможность присвоить несколько категорий/подкатегорий. При этом ВАЖНО, чтобы это происходило без дублирования товара. Физически товар находится в одном месте, но его можно показывать в разных категориях. Если товар принадлежит к какой-то категории/подкатегории, то эти категории/подкатегории выводятся в плитках тегов более высокого уровня.
Пример:
Товар: site.ru/ kineziotejpy/dlya-litca/5 cm/tovar
Товар должен показываться в категориях:
site.ru/ kineziotejpy/dlya-litca/5 cm/
site.ru/ kineziotejpy/dlya-litca/
site.ru/ kineziotejpy/
Теги, присвоенные этому товару, выводятся на страницах:
site.ru/ kineziotejpy/dlya-litca/
site.ru/ kineziotejpy/
А также нужно выводить все теги категории в подкатегориях более низкого уровня данной категории. При этом, в админке надо реализовать возможность указывать галочкой, выводить в верхней или нижней плитке тегов данную категорию/подкатегорию.
Пример
Товар: site.ru/ kineziotejpy/5 cm/tovar
На сайте также есть категории: site.ru/ kineziotejpy/dlya-litca/5 cm/
site.ru/ kineziotejpy/dlya-litca/
Теги, присвоенные этому товару, должны показываться во всех этих категориях, несмотря на то: что у товара выше уровень вложенности.
А также в категориях более высокого уровня:
site.ru/ kineziotejpy/
В админке сделать отдельные поля для названия страницы (то, что будет выводится в качестве ссылки) и поле h1. Поле h1 НЕ должно равняться названию страницы и прописывается отдельно!
Плитка тегов реализуется исключительно с помощью тега <a>.
Страницы категорий, подкатегорий и тегов
В админке добавить возможность указывать количество товаров, которое должно выводится в конкретной категории на первой странице пейджинации. Для каждой категории и подкатегории будет свое значение. По умолчанию выводить 50 товаров с возможностью изменить кол-во выводимых товаров в каждой отдельной категории.
В случае, если в этой конкретной категории нет необходимого количества товаров, выводить под основными товарами в блоке «Смотрите также» товары из подкатегорий этого же уровня в данной категории.
Если товаров все равно недостаточно, то выводить товары из категории более высокого уровня. Если товаров в категории более высокого уровня недостаточно, то выводятся товары из любых других категорий.
Важно! Порядок вывода товаров из смежных/более высокого уровня и любых других категорий должен выводится рандомно, а не в одинаковом порядке.
Если есть возможность, желательно в первую очередь из других категорий выводить товары, в названии которых есть слова, которые содержатся в h1 категории, на которую выводим товары.
По умолчанию выводить 50 товаров с возможностью изменить кол-во выводимых товаров в каждой отдельной категории.
Пример, как формируется список товаров из смежных категорий прилагаю отдельным файлом (Приложение 1)
В админке сделать отдельные поля для названия страницы (то, что будет выводится в качестве ссылки) и поле h1. Поле h1 НЕ должно равняться названию страницы и прописывается отдельно!
В контенте страницы выводить h1, фильтр продукции, под ним верхняя плитка тегов, под плиткой тегов сортировка. Под сортировкой листинг товаров. Под листингом товаров товары «Смотрите также», под ними нижняя плитка тегов, под ней авто текст по шаблону, ниже блок seo текста, который выводится, если он заполнен.
Под автотекстом добавить текстовый блок с визуальным редактором, который должен показываться, если он заполнен.
В анонс каждого товара в листинге добавить:
• Артикул
• Цена. Если цена со скидкой, то новая цена и перечеркнутая старая цена. Указать руб. (именно так, а не значком)
• В наличии/предзаказ
• Рейтинг (звездочки)
• Кнопка купить (текст на кнопке писать html, а не картинкой или скриптом), добавить возможность в админке менять название кнопки, например, если понадобится переименовать ее (на корзина или заказать).
Внизу каждой страницы категорий в текстовом блоке с визуальным редактором выводить текст по шаблону:
В интернет-магазине + (название сайта) в + (подстановка города) Вы можете купить + (название страницы) по доступным ценам. Высокое качество товаров, которые Вы можете купить on-line на сайте, позвонив по телефону: (подстановка телефона). Для покупателей из (подстановка города в нужном падеже) специальные условия доставки.
Альтернативные названия товаров в листинге подкатегорий и тегов/меток
Необходимо внедрить скрипт, который будет добавлять в название товаров на странице листинга название категории или тега. По сути, это подмена названия на определенной странице листинга.
Страницы товаров
На текущий момент на сайте мало товаров. Для продвижения сайта товаров должно быть много. Сейчас на сайте у некоторых товаров есть возможность указать цвет. Нам надо сделать отдельные страницы товаров каждого цвета.
Например, товар https://econewface.com/kineziotejpy/kinezio-tejp-curetape-5cm-x-5m-podhodyat-dlya-estetiki-lica
Товар представлен в восьми цветах. Значит надо его размножить, чтобы было 9 товаров:
Основной товар (без указания в заголовке цвета) и товары по цветам:
Кинезио тейп CureTape 5cm x 5m желтый
Кинезио тейп CureTape 5cm x 5m розовый
Кинезио тейп CureTape 5cm x 5m зеленый
Кинезио тейп CureTape 5cm x 5mб бежевый
И т д
На странице товаров добавить:
• Добавить слово: Цена. Если цена со скидкой, то новая цена и перечеркнутая старая цена. Указать руб.(именно так, а не значком)
• В наличии/предзаказ
• Рейтинг (звездочки)
• Артикул
• Надпись на кнопке: Добавить в корзину заменить на «купить» (текст на кнопке писать html, а не картинкой или скриптом), добавить возможность в админкеменять название кнопки, например, если понадобится переименовать ее (на корзина или заказать).
• Отзывы и форма оставить отзыв
• Покупателям (текстовый блок с ссылками на полезные материалы, вопрос-ответ условия доставки и т.д.)
• В блоке
Текст сделать ссылками:
Удобная оплата https://econewface.com/oplata
Доставка по всему миру https://econewface.com/dostavka
Под описанием товара добавить блок, в котором выводить рандомно:
Написать скрипт, который выводит внизу карточки товаров похожие товары «Смотрите также» (по 10 штук). Выводим товары, которые максимально совпадают по названию с нашим товаром. Если нет точного совпадения, то используем частичное совпадение. Дополнительные товары выводятся рандомно.
В интернет-магазине + (название сайта) в + (подстановка города) Вы можете купить + (название страницы) по цене (подстановка цены) от надежного производителя. Высокое качество и гарантия. Приобрести данный товар Вы можете on-line по телефону: (подстановка телефон 8-800). Для покупателей из (подстановка города в нужном падеже) специальные условия доставки.
Прилагаю картинку с примером внедрения,
Выбор города в шапке
Города открываются на поддоменах. Каждый город на своем поддомене. В шаблонах мета-тегов и автотексте меняется город.
Список городов будет приложен отдельным файлом(Приложение 2)
Для каждого города создать свой поддомен, который является копией основного сайта. При этом, должна использоваться одна база данных, в том смысле, что если добавляются новые страницы, товары, категории, теги, иливносятся изменения на текущих – все изменения должны применяться ко всем поддоменам в том числе.
Меняется только:
Смена домена на нужный поддомен в зависимости о города
Смена города в шапке
Подстановка тайтл, дискрипшн и автотекстов с нужным городом.
Сайдбар
Под вертикальным меню добавить вывод листинга из. раздела статей. Выводить 20 статей.
Микроразметка
Для каталога использовать разметку: цена, валюта (руб), название товара или раздела, описание раздела или товара, ссылка на изображение, title изображения, в наличии
Также добавить разметку контактов.
Параметрический поиск для кинезио тейпов
В свойствах тейпов (товарах) добавить отдельные поля по каждому из параметров
В параметрическом поиске добавить:
Размеры
• —
• 2,5 см х 5 м
• 3,75 см х 5 м
• 5 см х 3 м
• 5 см х 5 м
• 7,5 см х 5 м
• 10 см х 5 м
• 5 см х 32 м
Материалы
• —
• Хлопок
• Шелк
• нейлон
Область применения
• —
• Лицо
• Поясница
• Колено
• Голеностоп
• Плечо
• Шея
• Спина
• Запястье
• Пальцы
• Локоть
• Бедро
• Ахилл
• Живот стопа
Цвет
• —
• Желтый
• Голубой
• Розовый
• Зеленый
• Белый
• Черный
• Красный
• Синий
• Бежевый (телесный)
• Оранжевый
• Фиолетовый
Свойства
• —
• Для чувствительной кожи
• С усиленным клеем
• Для спортсменов
• Для врачей
Параметрический поиск для кросс тейпов
Размеры
• —
• 1 см × 1 см
• 2,1 см × 2,7 см
• 2,8 см × 3,6 см
• 4,9 см × 5,2 см
Область применения
• —
• Лицо
• Поясница
• Колено
• Голеностоп
• Плечо
• Шея
• Спина
• Запястье
• Пальцы
• Локоть
• Бедро
• Ахилл
• Живот стопа
Цвет
•
• —
• Желтый
• Голубой
• Розовый
• Зеленый
• Белый
• Черный
• Красный
• Синий
• Бежевый (телесный)
• Оранжевый
• Фиолетовый
Все результаты фильтра, которые будут выводиться на отдельных страницах необходимо закрыть через мета-тег robots noindex follow
При этом, все параметры фильтра надо сделать ссылками <a>.
Технические требования
• Все элементы оформления текстов и таблиц нужно предусмотреть на этапе верстки, все стили должны быть прописаны в CSS, а не на страницах сайта или отдельных блоках для вставки. Но при этом, чтобы не нужно было прописывать стили в нужном месте контент-менеджеру. Стили должны применятся по команде.
• При добавлении изображений с обтеканием текста автоматически должны создаваться расстояния от картинки (чтобы не было прилипания текста к картинке без выставления расстояния через редактор).
• В верстке дизайна сайта ((логотип, тексты в шапке или сайт-баре) ни в коем случае не использовать теги h1 - h6 (эти теги можно использовать только в контенте страниц).
• Сайт должен быть адаптивный с минимальной скоростью загрузки. Проверить корректность отображения всех новых элементов в разных разрешениях
• В коде не должны дублироваться элементы (например, в вордпрессе иногда дублируется меню)
• На страницах пейджинации, начиная со второй добавлять в тайтл и дискрипшн — страница 1, страница 2. И т д
• На всех страницах сайта (вообще на всех, включая услуги, статьи, просто страницы, каталог, категории каталога, товары, теги, главную и т д), предусмотреть текстовый SEO блок c визуальным редактором, который будет показываться на сайте внизу, под основным контентом. Блок показывается только если он заполнен.
• Предусмотреть визуальное оформление таблиц, чтобы при добавлении таблицы на сайт таблица выглядела оформленной (визуально оформленная шапка таблицы), выделение цветом четных или не четных строк.
• В настройках сайта должна быть возможность прописывания для каждой страницы своих метатегов(тайтл, кейворд, дискрипшн), это касается всех страниц, включая метки, теги, разделы каталога и т д
• Главная страница и остальные (кроме технических) должны свободно корректироваться через админку.
• Все тексты, используемые в дизайне сайта, должны быть свертстаны с помощью html и css и не быть картинками
• Добавить автоматически обновляемый Sitemap.xml, в котором выводить страницы, категории и теги, но не выводить товары и результаты фильтра.
• Внедрить поля для микроразметки schema.org на страницы услуг и каталога товаров.
На страницах услуг и странице контакты в админке вывести поля, которые при заполнении (без вмешательства в код) будут выводить микроразметку на странице.
Микроразметка для услуг: цена, валюта (руб), название услуги: описание
Для каталога использовать разметку: цена, валюта (руб), название товара или раздела, описание раздела или товара, ссылка на изображение, title изображения, в наличии
Также добавить разметку контактов.
