ТЗ с фото прикрепляю в формате World http://www.ex.ua/483028706193- готов обсуждать стоимость частичного выполнения
- 1.Текст на главной странице
Нам нужна возможность размещения текста на главной странице из админ-панели.
После размещения, визуально, текст должен быть в низу страницы, за фотографиями из галереи «Bow Tie House Gallery».
Опции главной страницы можно найти в админ-панели нажав:
Система -> Настойки -> Галстуки и Бабочки - Bow Tie House (По умолчанию).
Возможность добавления текста нужно добавить во вкладке «Магазин»:
- 2.Дублирование текста на страницах пагинации
Текст со страниц категорий, дублируется на страницы пагинаций своей категории. Необходимо, что бы текст присутствовал только на главной (первой) странице категории и не дублировался на страницах пагинации.
- 3.Расположение контента ближе к началу тега <body>
Текста на всех страницах необходимо поднять как можно ближе к тегу <body>. Визуально расположение текста на страницах не должно изменится.
- 4.Генерация title, description и h1
Нам нужна возможность автоматической генерации мета тегов title, description и h1. Для автоматической генерации данных мета тегов, должна быть возможность использования из админ-панели следующих переменных:
- Для категорий:
- @category@
- @min_price@
Где:
category – название категории
min_price - минимальная цена товара в этой категории
Для товаров:
@goods@
Где:
goods – название товара
Для статей:
@article@
Где:
article – название статьи
Для брендов:
@brand@
Где:
brand – название бренда товаров
Шаблон на мета теги должен генерироваться только в том случае, если соответствующее поле при создании/изменении страницы в админ-панели осталось пустым.
Кнопку шаблона мета тегов необходимо добавить в админ-панели как общее свойство, относящееся ко всему классу страниц и пометить как «Шаблон».
Пример на общей странице категорий:
После нажатия кнопки должно открыться окно (в этой же вкладке), где можно будет ввести шаблон на мета теги (в данном случае для категорий):
5.1. В файле sitemap.xml каждый УРЛ дублируются 4 раза
Необходимо, что бы каждый УРЛ вносился в файл sitemap.xml единожды.
<b><u>5.2. Сейчас файл sitemap.xml доступен по адресу</u></b> <a href="http://tie.com.ua/index.php?route=feed/google_sitemap" >http://tie.com.ua/index.php?route=feed/google_sitemap</a>, с <a href="http://tie.com.ua/sitemap.xml" >http://tie.com.ua/sitemap.xml</a>
идет 301 редирект на <a href="http://tie.com.ua/index.php?route=feed/google_sitemap" >http:
Нам необходимо, что бы страница sitemap.xml была доступна по адресу <a href="http://tie.com.ua/sitemap.xml" rel="nofollow">http:
- 6.Исправление URL «?page=1» на страницах пагинации
На страницах пагинации, начиная со страницы 2+, URL на первую страницу имеет окончание «?page=1».
Необходимо что бы в коде страниц пагинации URL подставлялся на категорию, а не на страницу пагинации под номером один. Так же, необходимо, что бы со страницы пагинации с окончанием «?page=1» отрабатывал 301 редирект на категорию.
Пример на категории «Бабочки»:
Вместо http://tie.com.ua/babochki/?page=1 нужно подставить URL категории http://tie.com.ua/babochki/. Так же, нужно что бы отрабатывал 301 редирект со страницы http://tie.com.ua/babochki/?page=1 на страницуhttp://tie.com.ua/babochki/.
7.1. Дублирующий контент на страницах «поиска в категориях»
Если на сайте искать товар с помощью поиска в категориях, при обнаружении необходимого товара, страница выводится вместе с текстом который присутствует на странице категории:
В низу видим текст из категории «Галстуки»:
Если возможно, нужно удалить данный текст из страниц «поиска в категориях».
Данное изменение никак не должно отразится на страницах категорий.
7.2. Закрытие от индексации страниц «поиска в категориях»
На страницах поиска в категориях, необходимо изменить строку в коде:
<meta name="robots" content="index,follow" />
на
<meta name="robots" content="noindex,nofollow" />
Примеры страниц «поиска в категориях»:
1.http://tie.com.ua/galstuki/?search=%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9%20%D0%B3%D0%B0%D0%BB%D1%81%D1%82%D1%83%D0%BA&sub_category=true
2.http://tie.com.ua/podtyazhki/detskie/?search=%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9%20%D0%B3%D0%B0%D0%BB%D1%81%D1%82%D1%83%D0%BA&sub_category=true
3.http://tie.com.ua/babochki/vyazanye/?search=%D0%B3%D0%B0%D0%BB%D1%81%D1%82%D1%83%D0%BA&sub_category=true
На сайте необходимо:
- a)Разметить контакты на всех страницах с помощью микроразметки schema.org , а так же внести изменения на страницах с товарами.
- b)Разметить хлебные крошки на страницах производителя и категорий, а также подправить хлебные крошки на страницах с товарами с помощью Breadcrumb.
8.1. Для разметки контактов на всех страницах используем схемы ClothingStore и PostalAddress, а так же Brand
На странице контактов необходимо разметить следующие данные:
- Название магазина (Brand.name);
- Адрес магазина (address, streetAddress, addressLocality);
- Номера телефонов магазина (telephone);
- Электронная почта (email);
- Логотип (logo);
- Ссылка на сайт магазина(url).
8.1.1. Добавляем схему ClothingStore , размечаем название магазина с помощью свойства Brand.name + добавляем metaitemprop="name" (иначе валидатор микроразметки от Яндекса будет ругатся)
<div class="copyright">Copyright © 2014, Bow Tie House, All Rights Reserved.</div> |
<div itemscope itemtype="http://schema.org/ClothingStore"> <meta itemprop="name" content="Bow Tie House"/> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <div class="copyright">Copyright © 2014, <span itemprop="name"> Bow Tie House</span>, All Rights Reserved.</div></div> |
<span class="html-tag"><i>8.</i></span><span class="html-tag"><i>1.2. </i></span><span class="html-tag"><i>Добавляем схему </i></span><i>PostalAddress</i><span class="html-tag"><i>. </i></span><span class="html-tag"><i>Размечаем</i></span><span class="html-tag"><i> </i></span><span class="html-tag"><i>адрес</i></span><span class="html-tag"><i> </i></span><span class="html-tag"><i>магазина</i></span><span class="html-tag"><i> </i></span><span class="html-tag"><i>с</i></span><span class="html-tag"><i> </i></span><span class="html-tag"><i>помощью</i></span><span class="html-tag"><i> </i></span><span class="html-tag"><i>свойств</i></span><span class="html-tag"><i> </i></span><a href="http://schema.org/address" ><i>address</i></a><i><u>,</u></i><i> streetAddress, addressLocality</i><i>, номера телефонов (</i><i>telephone),</i><i> </i><i>а так же время работ</i><i>ы</i><i> </i><i>с</i><i> </i><i>помощью</i><i> </i><i>схемы</i><i> </i><i>свойства</i><i> openingHours</i>
<div class="footer-title">Контакты</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i>+38 044 587 59 25</li> <li><i style="margin-right: 5px; color: rgb(221, 0, 23); font-size: 15px" data-icon=""></i>+38 093 880 64 27</li> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i>+38 096 625 80 48</li> <li><i style="margin-right: 5px; color: rgb(234, 35, 73); font-size: 15px" data-icon=""></i>+38 050 700 26 81</li> </ul> </div> </div> <div class="column menu xs-100 sm-50 md-33 lg-25 xl-25 "> <div class="footer-title">Адрес магазина</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 15px" data-icon=""></i>Киев</li> <li>ул. Б. Хмельницкого 26Б</li> <li>с 10:00 до 20:00</li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 10px" data-icon=""></i>Перерыв 14:00 - 15:00</li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 14px" data-icon=""></i>Без выходных</li> </ul> </div> |
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <div class="footer-title">Контакты</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i><span itemprop="telephone"> +38 044 587 59 25</span></li> <li><i style="margin-right: 5px; color: rgb(221, 0, 23); font-size: 15px" data-icon=""></i><span itemprop="telephone">+38 093 880 64 27</span></</li> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i>><span itemprop="telephone"> +38 096 625 80 48</span></li> <li><i style="margin-right: 5px; color: rgb(234, 35, 73); font-size: 15px" data-icon=""></i><span itemprop="telephone">+38 050 700 26 81</span></li> </ul> </div> <div class="column menu xs-100 sm-50 md-33 lg-25 xl-25 "> <div class="footer-title">Адрес магазина</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 15px" data-icon=""></i> <span itemprop="addressLocality">Киев</span></li> <li><span itemprop="streetAddress">ул. Б. Хмельницкого 26Б</span> </li> </div> </div> </div> <li><time itemprop="openingHours" datetime="10:00-20:00">с 10:00 до 20:00</time></li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 10px" data-icon=""></i>Перерыв 14:00 - 15:00</li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 14px" data-icon=""></i><time itemprop="openingHours" datetime="Mo-Su">Без выходных</time> </li> |
8.1.3. Добавляем разметку логотипа с помощью свойств logo и url
<a href=""> " width="2204" height="646" alt="Галстуки и Бабочки - Bow Tie House" title="Галстуки и Бабочки - Bow Tie House" />
|
<a href="" itemprop="url"> " width="2204" height="646" alt="Галстуки и Бабочки - Bow Tie House" title="Галстуки и Бабочки - Bow Tie House" />
"/> |
Что должно получится:
<div itemscope itemtype="http://schema.org/ClothingStore"> <meta itemprop="name" content="Bow Tie House"/> <div itemprop="brand" itemscope itemtype="http://schema.org/Brand"> <div class="copyright">Copyright © 2014, <span itemprop="name"> Bow Tie House</span>, All Rights Reserved.</div></div> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <div class="footer-title">Контакты</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i><span itemprop="telephone"> +38 044 587 59 25</span></li> <li><i style="margin-right: 5px; color: rgb(221, 0, 23); font-size: 15px" data-icon=""></i><span itemprop="telephone">+38 093 880 64 27</span></</li> <li><i style="margin-right: 5px; color: rgb(66, 139, 202); font-size: 15px" data-icon=""></i>><span itemprop="telephone"> +38 096 625 80 48</span></li> <li><i style="margin-right: 5px; color: rgb(234, 35, 73); font-size: 15px" data-icon=""></i><span itemprop="telephone">+38 050 700 26 81</span></li> </ul> </div> <div class="column menu xs-100 sm-50 md-33 lg-25 xl-25 "> <div class="footer-title">Адрес магазина</div> <div class="column-menu-wrap"> <ul> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 15px" data-icon=""></i> <span itemprop="addressLocality">Киев</span></li> <li><span itemprop="streetAddress">ул. Б. Хмельницкого 26Б</span> </li> </div> </div> </div> <li><time itemprop="openingHours" datetime="10:00-20:00">с 10:00 до 20:00</time></li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 10px" data-icon=""></i>Перерыв 14:00 - 15:00</li> <li><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 14px" data-icon=""></i><time itemprop="openingHours" datetime="Mo-Su">Без выходных</time> </li> <a href="" itemprop="url"> " width="2204" height="646" alt="Галстуки и Бабочки - Bow Tie House" title="Галстуки и Бабочки - Bow Tie House" />
"/> |
Проверить можно тут:
8.2. Вносим изменения на страницах с товарами
Пример приводится по странице: http://tie.com.ua/podtyazhki/podtyazhki-krasnye-25-sm-1
<b><i>Убираем символы из свойства </i></b><span class="html-attribute-value"><b><i>price</i></b></span><span class="html-attribute-value"><b><i></i></b></span>
<span class="html-attribute-value"><b><i></i></b></span>
<span class="price-new" itemprop="price">75 грн.</span> |
<span class="price-new"><span itemprop="price">75</span> грн.</span> |
8.3. Добавляем свойство OutOfStock на страницах товара, которых нет в наличии
Пример приводится по странице: http://tie.com.ua/babochki/babochka-biryuzovaya-uzkaya-i-stilnaya-2014
http://schema.org/Offer"> <meta itemprop="priceCurrency" content="UAH" /> <span class="product-price" itemprop="price">120 грн.</span> </div> <div class="options push-select push-image push-checkbox push-radio"> <div class="product-options-title">Доступные варианты</div> |
http://schema.org/Offer"> <meta itemprop="priceCurrency" content="UAH" /> http://schema.org/OutOfStock" /> <span class="product-price" itemprop="price">120 грн.</span> </div> <div class="options push-select push-image push-checkbox push-radio"> <div class="product-options-title">Доступные варианты</div> |
8.4. Хлебные крошки
8.4.1. Размечаем хлебные крошки в категориях и на страницах производителя с помощью http://data-vocabulary.org/Breadcrumb
Пример приводится по странице: http://tie.com.ua/babochki/muzhskie/
<div id="notification"></div><div class="breadcrumb"> http://data-vocabulary.org/Breadcrumb">http://tie.com.ua/" itemprop="url">Главная http://data-vocabulary.org/Breadcrumb">» http://tie.com.ua/babochki/" itemprop="url">Бабочки » <span>Мужские бабочки</span> </div> |
8.4.2. Корректируем хлебные крошки на странице товаров (убираем разметку последней крошки т.к. ссылка отсутствует)
Пример приводится по странице: http://tie.com.ua/babochki/babochka-chernaya-odnoslojnaya
<div id="notification"></div><div class="breadcrumb"> http://data-vocabulary.org/Breadcrumb">http://tie.com.ua/" itemprop="url">Главная http://data-vocabulary.org/Breadcrumb"> » http://tie.com.ua/babochki/" itemprop="url">Бабочки http://data-vocabulary.org/Breadcrumb"> » Бабочка черная однослойная </div> |
<div id="notification"></div><div class="breadcrumb"> http://data-vocabulary.org/Breadcrumb">http://tie.com.ua/" itemprop="url">Главная http://data-vocabulary.org/Breadcrumb"> » http://tie.com.ua/babochki/" itemprop="url">Бабочки » <span>Бабочка черная однослойная </span> </div> |
9. На страницах производителя нет возможности задать вручную description и keywords из админ-панели.
Необходимо добавить такую возможность, аналогично как у категорий: