Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Урок 55. SEO настройки и подстраницы товара

Обзор SEO настроек интернет магазина uCoz: подстраницы, 301 редирект и карта sitemap-shop.xml

Сергей    02.09.2014    10771    4.9 из 5.0 (10)

Оцените материал:

Цель урока

Выполнить SEO-настройки сайта. Ознакомиться с возможностями 301-го редиректа и карты магазина sitemap-shop.xml

Продолжить освоение шаблона страниц товара путем размещения подстраниц.

Введение

В предыдущих уроках мы рассмотрели страницы, которые призваны приносить трафик из поисковых систем. Мы проводили их внутреннюю оптимизацию, а теперь пришло время подготовить сайт в целом.

В этот урок вынесены подстраницы товара, так как они могут оказать серьезное влияние на поисковое продвижение. Мы обсудим целесообразность их применения.

Подстраницы и их размещение

Подстраницы товара используются в шаблонах по умолчанию и выглядят так:

При нажатии на вкладку страница перезагружается и показывается содержимое этой вкладки:

Если вы прикрепляли более одного изображения к товару или использовали спецификацию, то вкладок может быть четыре:

Как вы можете видеть, подстраницы (иногда их называют табы) позволяют компактно разместить большое количество информации о товаре.

Однако, при этом каждая подстраница имеет свой уникальный URL-адрес. Чтобы разобраться в этом, давайте взглянем на структуру адреса страницы товара:

URL страницы товара содержит:

  • доменное имя
  • код модуля $MODULE_ID$, в нашем случае shop
  • идентификатор товара $ID$
  • код подстраницы, за него отвечает переменная $ENTRY_MODE$
  • ЧПУ страницы товара, за него отвечает переменная $ENTRY_HGU$

$ENTRY_MODE$ меняется для подстраниц следующим образом:

Название подстраницы Значение $ENTRY_MODE$Пример ссылки
Описание deschttp://your-site.com/shop/3/desc/tovar-1
Изображения imgshttp://your-site.com/shop/3/imgs/tovar-1
Отзывы commhttp://your-site.com/shop/3/comm/tovar-1
Спецификация spechttp://your-site.com/shop/3/spec/tovar-1

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

Проблема заключается в том, что в шаблонах мало кто предусматривает уникальные meta описания для разных подстраниц. В совокупности с тем, что подстраницы мало отличаются друг от друга содержимым, это приводит к их склеиванию в рамках одного товара. При этом в поисковой выдаче может находиться любая из подстраниц. Это приводит к дополнительным затратам на продвижение.

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

В этом случае обязательно отключайте все подстраницы. Делается это в Панель управления - Интернет-магазин - SEO настройки:

На открывшей странице установите галочки: Отключить подстраницу изображений (imgs), Отключить подстраницу комментариев (comm), Отключить подстраницу спецификации (spec):

Важно, что при этом:

Все отключенные подстраницы не будут включаться в файл sitemap-shop.xml, а при попытке зайти на страницу по её URL-адресу будет возвращаться ошибка 404

Поэтому, для работающих магазинов такое отключение может быть связано с риском потерять позиции в поисковых системах.

Для тех, кто все же решит использовать подстраницы так, как это предлагает система, есть несколько советов:

  • Создайте уникальный meta описания, ключевые слова, заголовки title для каждой подстраницы
  • Старайтесь, чтобы максимум контента страницы товара содержалось именно во вкладках
  • Следите за тем, какая подстраница участвует в поисковой системе.Учитывайте это, когда получаете обратные ссылки

Теперь перейдем к шаблону подстраниц. За их вывод отвечает следующий фрагмент:

<ul class="shop-tabs with-clear">
 <li<?if($ENTRY_MODE$ == 'desc')?> class="postRest1"<?endif?>><a href="$DESC_LINK$"><!--<s4375>-->Описание<!--</s>--></a></li>
 <?if($SPEC$)?>
 <li<?if($ENTRY_MODE$ == 'spec')?> class="postRest1"<?endif?>><a href="$SPEC_LINK$"><!--<s4781>-->Спецификация<!--</s>--></a></li>
 <?endif?>
 <?if($PHOTO_1$)?>
 <li<?if($ENTRY_MODE$ == 'imgs')?> class="postRest1"<?endif?>><a href="$IMGS_LINK$"><!--<s3183>-->Изображения<!--</s>--></a></li>
 <?endif?>
 <?if($COM_IS_ACTIVE$)?>
 <li<?if($ENTRY_MODE$ == 'comm')?> class="postRest1"<?endif?>><a href="$COMM_LINK$"><!--<s4783>-->Отзывы<!--</s>--></a></li>
 <?endif?>
 </ul>
 <div class="shop-info">
 
 <?if($ENTRY_MODE$ == 'desc')?>
 <?if($DESCRIPTION$)?>$DESCRIPTION$<?else?><!--<s4782>-->Описание товара отсутствует<!--</s>--><?endif?>
 <?endif?>
 
 <?if($ENTRY_MODE$ == 'spec')?>
 $SPEC$
 <?endif?>
 
 <?if($ENTRY_MODE$ == 'imgs')?>
 <div class="shop-imgs with-clear">
 <?if($PHOTO$)?><img alt="" src="$THUMB$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="0" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_1$)?><img alt="" src="$THUMB_1$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="1" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_2$)?><img alt="" src="$THUMB_2$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="2" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_3$)?><img alt="" src="$THUMB_3$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="3" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_4$)?><img alt="" src="$THUMB_4$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="4" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_5$)?><img alt="" src="$THUMB_5$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="5" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_6$)?><img alt="" src="$THUMB_6$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="6" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_7$)?><img alt="" src="$THUMB_7$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="7" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_8$)?><img alt="" src="$THUMB_8$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="8" title="Кликните для увеличения изображения"><?endif?>
 <?if($PHOTO_9$)?><img alt="" src="$THUMB_9$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="9" title="Кликните для увеличения изображения"><?endif?>
 </div>
 <?endif?>
 
 <?if($ENTRY_MODE$ == 'comm')?>
 <?if($COM_IS_ACTIVE$)?>
 <?if($COM_CAN_READ$)?>
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
 <tr><td colspan="2">$COM_BODY$</td></tr>
 <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
 <tr><td colspan="2" height="10"></td></tr>
 </table>
 <?endif?>
 <?if($COM_CAN_ADD$)?>
 $COM_ADD_FORM$
 <?else?>
 <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
 <?endif?>
 <?endif?>
 <?endif?>
 </div>

Как видно, названия подстраниц мы можем поменять прямо в шаблоне.

Если нужно добавить подстраницу, то сначала нужно прописать ее в SEO настройках:

Затем в приведенный выше фрагмент добавить:

В ul с классами shop-tabs with-clear новый заголовок для вкладки:

 <li<?if($ENTRY_MODE$ == 'newpage')?> class="postRest1"<?endif?>><a href="/shop/$ID$/newpage/$ENTRY_HGU$">Новая вкладка</a></li>

В div с классом shop-info блок с новым содержимым:

 <?if($ENTRY_MODE$ == 'newpage')?>
 Новое содержимое
 <?endif?>

Проверяем результат:

Не рекомендуется менять ЧПУ товара, идентификатор страницы с описанием товара, если магазин уже проиндексирован поисковыми системами.

Перенаправления (HTTP 301)

301 - это код ошибки, который возвращается сервером при обращении к странице и означает, что запрашиваемая страница была перемещена и доступна по новому адресу (этот адрес также возвращается сервером). Таким образом, посетители и роботы поисковых систем будут перенаправляться на новый адрес.

Особенность 301 редиректа в том, что он позволяет перенести вес старой страницы на новую и заменить ее в выдаче поисковых систем.

Часто 301 редирект используется при смене доменного имени. Однако, в этом уроке речь пойдет о редиректе внутри одного домена (который прикреплен к интернет магазину).

Понадобится 301 редирект может в случае изменения адреса (ЧПУ) категории или товара. Вобще, изменять ЧПУ не рекомендуется, если они уже присутствуют в поисковых системах, но если это необходимо, помните, что вы можете настроить до 50 перенаправлений.

Чтобы задействовать 301 редирект, перейдите в Панель управления - Интернет-магазин - SEO настройки:

В открывшемся окне перейдите к разделу ПЕРЕНАПРАВЛЕНИЯ (HTTP 301):

Обратите внимание на это пояснение:

Если возникла необходимость сделать перенаправление внутри модуля магазина с каких-то устаревших URL-адресов на новые, например с http://your-site.com/shop/old/category/path на http://your-site.com/shop/new/category/path - необходимо добавить в список перенаправлений строку вида: old/category/path new/category/path. Старый и новый адрес в перенаправлении должны быть разделены пробелом. Каждое перенаправление должно быть в отдельной строке. Макимальное количество перенаправлений: 50.

Каждое перенаправление должно начинаться с новой строки. Указываются относительные адреса.

robots.txt

Robots.txt — текстовый файл, расположенный на сайте, который предназначен для роботов поисковых систем. В этом файле вебмастер может указать параметры индексирования своего сайта как для всех роботов сразу, так и для каждой поисковой системы по отдельности.

Если вы не создавали свой, то robots.txt имеет следующее содержание:

User-agent: *
Disallow: /a/
Disallow: /stat/
Disallow: /index/1
Disallow: /index/2
Disallow: /index/3
Disallow: /index/5
Disallow: /index/7
Disallow: /index/8
Disallow: /index/9
Disallow: /panel/
Disallow: /admin/
Disallow: /secure/
Disallow: /informer/
Disallow: /mchat
Disallow: /search
Disallow: /shop/order/
Disallow: /?ssid=
Disallow: /abnl/

Sitemap: http://your-site.com/sitemap.xml
Sitemap: http://your-site.com/sitemap-forum.xml
Sitemap: http://your-site.com/sitemap-shop.xml

Чтобы создать свой robots.txt, откройте Блокнот и поместите в него стандартный код.

Чтобы не индексировать страницу оформления заказа, добавьте строку:

Disallow: /shop/checkout

Если не используете форум то строка

 Sitemap: http://your-site.com/sitemap-forum.xml 

Должна быть убрана.

Если в настройках указано при посещении главной страницы сайта открывать главную страницу модуля интернет магазин, то добавьте строку:

Disallow: /shop$

По окончании редактирования, сохраните файл как robots.txt и загрузите его через файловый менеджер на сайт в корневую папку.

На самом деле у этого текстового файла широкие возможности. Подробно с ними вы можете ознакомиться на странице помощи Яндекс - http://help.yandex.ru/webmaster/controlling-robot/robots-txt.xml.

sitemap-shop.xml

Мы рассмотрели, как запретить поисковым системам индексировать те или иные страницы. Но как оперативно сообщить им о появлении новых? Для этого в системе uCoz автоматически генерируются карта сайта (в нашем случае карта магазина) sitemap-shop.xml

Чтобы это работало, необходимо убедиться, что модуль "Поиск по сайту" подключен. Это можно увидеть в панели управления:

Откройте модуль и нажмите кнопку "Адреса Sitemap файлов". Появится всплывающее окно со ссылками:

Это ссылки необходимо добавить в Яндекс.Вебмастер и Google Webmasters.

Больше информации про карту сайта можно узнать здесь: http://help.yandex.ru/webmaster/indexing-options/sitemap.xml

Упражнения

  1. Решите, в каком виде будете использовать подстраницы: от uCoz или табы. Разместите их на своем сайте, если требуется;
  2. Познакомьтесь с возможностям перенаправлений. Добавьте несколько редиректов, проверьте результат;
  3. Настройте файл robots.txt;
  4. Активируйте модуль поиск по сайту и добавьте файл sitemap-shop.xml в панель вебмастера Google и Яндекс.


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 46

d
1
Добрый день,
Попытался создать подстраницу как указано выше - удалось наполовину - закладка с названием страницы появилась, но перейти на нее не удается :(
d
2
Да, буквально пять минут дошел до этого методом тыка, спасибо!
a
3
Допустим я создал вкладку для Инструкций в товарах. Соответственно мне нужно туда поместить описание с картинками. Дополнительное поле для этого не подходит, т.к. вмещает очень мало символов.

Подскажите как решить эту проблему, если инструкции нужно размещать для каждого товара разные?
avatar
0
4
Мне почему-то кажется, что инструкцию нужно выкладывать в PDF (или подобном), чтобы ее можно было скачать и распечатать.

В доп. поле указать ссылку на файл-инструкцию, а затем встроить ее в HTML (вкладку "Инструкции") с помощью этой штуки https://docs.google.com/viewer или аналогичной.
a
5
Добрый день.
А как спрятать новую вкладку, если содержимое отсутствует на
некоторых карточках товара?
a
6
Спасибо!
o
7
У меня вопрос - дополнительные вкладки созданы - как теперь добавлять туда информацию? К примеру, у меня создана дополнительная вкладка технические характеристики, называется doph - с помощью какого поля мне заполнять эту вкладку?
avatar
1
8
В div с классом shop-info блок с новым содержимым:
Код
<?if($ENTRY_MODE$ == 'doph')?> Новое содержимое
  <?endif?>
В качестве технических характеристик можно взять дополнительные поля
o
9
Disallow: /shop$

вопрос - что мы запретили к индексации данным значением?
avatar
0
10
страницу /shop, поскольку она является дублем главной страницы магазина при установленной настройке "При посещении главной открывать Интернет магазин".

Код
User-agent: Yandex
Disallow: /example$ # запрещает '/example',  
                     # но не запрещает '/example.html'


Больше можно узнать здесь:
http://help.yandex.ru/webmast....-dollar
n
11
подскажите пожалуйста как сделать чтобы в этой вкладке был визуальный редактор
avatar
1
12
Про какую вкладку идет речь?
n
13
у меня она будет называться Особенности товара, добавила её вашим медотом описанным в уроке 55.
avatar
0
15
И о каком визуальном редакторе речь? Редакторе комментариев?
n
16
нет, где можно добавлять текст и фото, такой как во вкладке описание товара
avatar
0
17
Для таких целей визуального редактора нет.
n
14
вернее подстраница а не вкладка)))
A
18
Сергей, доброй ночи. Подскажите, пожалуйста, что делать если на работающем магазине отключили подстраницы "spec" из-за чего очень сильно "просели" позиции в ПС Яндекс? Можно ли закрыть индексацию этих страниц в файле robots.txt. и даст ли это что ни будь? За любой совет буду Вам очень благодарен.
avatar
0
19
Здравствуйте, Дмитрий.

Проверьте, проседание позиций не является ли следствием недавних санкций Яндекса по Кликджекингу http://forum.ucoz.ru/forum/45-77481-5

В любом случае, если страницы отключили и они были в поиске, то теперь вместо них будет 404 ошибка, это нехорошо. Запретить в robots.txt желательно строкой disallow: */spec/*
A
20
Сергей, большое Вам спасибо за подсказку, хоть немного разъяснилась ситуация. Disallow: */spec/* так и прописывается с учетом этих символов "*" ?

Спасибо.
avatar
0
21
Да, единственный нюанс, посмотрите нет ли у Вас категории, которая содержит в URL «/spec/», иначе она тоже попадет под запрет индексации.
a
22
Сергей, доброй ночи!
С помощью данного урока создал дополнительные вкладки. Все работает,
А как сделать чтобы когда была выбрана новая вкладка - это было видно (изменен цвет), как у родных вкладок.
Заранее спасибо!
avatar
0
23
Здравствуйте, Алексей!

Если Вы сделали все, как в уроке, то у активной вкладки будет CSS класс postRest1, просто добавьте свойства цвета для него в CSS магазина.

.postRest1 {
background: blue;
}
a
24
Сергей, спасибо! Не додумался сам))
u
25
Добрый день, у меня такая же проблема которую давно решить не могу, подскажите при переходе на bootstrap, как можно спасти позиции которые уже есть в выдаче гугл и яндекс, к примеру если задать маску редирект со страниц img, comm, spec на основную desc это спасет положение, позиция сайта по выдаче не упадет?
avatar
0
26
Здравствуйте!

А подстраницы img, comm, spec есть в выдаче? Тогда их не следовало бы удалять. Если Вы решили отказаться от этих подстраниц, то нужно подождать некоторое время пока их заменять основные страницы и провести некоторые оптимизационные работы по замене подстраниц в выдаче.

Затем уже можно настраивать редирект и удалять их.
u
27
Да, сайт уже довольно старый, все страницы в индексе, только из-за этого google ругается на дубли, и некачественные метаописания. Яндекс на низкое качество страниц и тд. Тоже самое происходит нумерацией каталога all:9, all:10 и тд
avatar
0
28
Для страниц можно составить свое метаописание с помощью условных операторов:
<?if $ENTRY_MODE$ = 'imgs'?>описание для картинок<?endif?>
<?if $ENTRY_MODE$ = 'comm'?>описание для отзывов<?endif?>
и т.д. для любых HTML тегов
u
29
Сейчас стоит такой код в настройках SEO модуля магазин

Код
<?if($META_TITLE$)?>Купить $ENTRY_TITLE$ цена Город Магазин<?endif?><?if($ENTRY_MODE$ == "comm")?>-Отзывы<?endif?><?if($ENTRY_MODE$ == "imgs")?>-Изображения<?endif?><?if($ENTRY_MODE$ == "spec")?>-Спецификация<?endif?>
 

Но с этим кодом он добавляет к описанию только в конце слово отзывы, спецификации и тд, из-за чего поисковики считают эти страницы одним и тем же.
Куда нужно вставлять предложенные вами коды, и как изменить мой правильно?
avatar
0
30
Да, он позволяет формировать разные title.

Но для указания различных meta description нужно отредактировать шаблон страницы товара и сделать по аналогии
u
31
Так и не получилось, можно уточнить как правильно настроить Title и Meta если в настройках SEO не влазит полностью код?
ЧТо нужно прописать в SEO какой код и какой на страницу шаблона для Title и Meta, если закладки все, описание, фото, спецификация, отзывы?

А также вопрос можно ли как-то перенести вес закладок на страницу описания? к примеру через canonical в случае если все закладки уже проиндексированы, и выдаются поисковиком?
u
32
title  и meta description победил.

Подскажите последний вопрос, как теперь перевести вес страниц img, comm, spec из индекса на главную desc и как в правильно запретить их индексировать чтобы перевести на bootstrap?

Буду признателен за ответ.
avatar
0
33
Во-первых нужно составить список страниц и запросов, по которым идет трафик из поисковиков.

Затем, необходимо оптимизировать подстраницы desc, чтобы они больше соответствовали этим запросам.

Или настроить 301 редирект для таких подстраниц на основную.
u
34
В случае с 301 редиректом, то нужно подождать пока поисковики их склеят, и спустя 3-4 недели убрать редирект но поставить noindex на данных страницах, я правильно понял? Или сразу поставить bootstrap и сделать редирект, в этому случае пользователь и поисковик будет видеть те же данные?
avatar
35
Как перенести вес подстраниц на страницу описания? если все подстраницы уже проиндексированы, и выдаются поисковиком, при этом не удаляя их?
d
36
Добрый день Вам, а как сделать чтобы при нажатии на следующую вкладку возвращало в то же место к вкладкам а не наверх страницы ? Спасибо, вот пример http://boutique.at.ua/shop/12/desc/stilnaja-letnjaja-polosataja-bluzka-s-cvetochnym-printom-na-plechakh
avatar
0
37
Добрый день!
В вашем примере ссылка таба оканчивается на #shop-tabs, а сам контейнер с табами имеет id="shop-tabs". Сделайте также :)
d
38
Пробовал, не получается ( http://oldparfum.com/shop/13/desc/guerlain-vetiver
avatar
0
39
По ссылке не видно, что вы пробовали.
d
40
Пробовал, наверно не до конца )
s
41
Здравствуйте, Сергей! Создал подстраницу-вкладку по Вашей инструкции.   Подскажите, пожалуйста, как её наполнить текстом (около 20 строк).
avatar
0
42
Здравствуйте!

Код
<?if($ENTRY_MODE$ == 'id подстраницы')?> текст (около 20 строк)<?endif?>
s
43
Все 20 строк вставить в код?
s
44
... и тогда, если я правильно пониманию, текст будет одинаковым для всех товаров?
avatar
0
45
Смотря что вставите. Если доп.поле товара, то нет. Если условными операторами по ID товаров вставите — тоже нет.
s
46
Извините, я не очень в этом силён, но хочется понять. Возможно ли размещать для каждого товара около 20 строк индивидуального текста (тех. характеристики). Если - да, то как?
Урок 55. SEO настройки и подстраницы товара
Урок 55. SEO настройки и подстраницы товара