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

1. Вступ
2. Підсторінки і їх розміщення
3. Перенаправлення (HTTP 301)
4. robots.txt
5. sitemap-shop.xml

мета уроку

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

Продовжити освоєння шаблону сторінок товару шляхом розміщення підлеглих.

Вступ

У попередніх уроках ми розглянули сторінки, які покликані приносити трафік з пошукових систем. Ми проводили їх внутрішню оптимізацію, а тепер прийшов час підготувати сайт в цілому.

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

Підсторінки і їх розміщення

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

При натисканні на вкладку сторінка перезавантажується і показується вміст цієї вкладки:

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

Як ви можете бачити, підсторінки (іноді їх називають таби) дозволяють компактно розмістити велику кількість інформації про товар.

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

URL сторінки товару містить:

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

$ ENTRY_MODE $ змінюється для підлеглих таким чином:

Назва підсторінки Значення $ ENTRY_MODE $ Приклад посилання Опис desc http://your-site.com/shop/3/desc/tovar-1 Зображення imgs http://your-site.com/shop/3/imgs/tovar-1 Відгуки comm http://your-site.com/shop/3/comm/tovar-1 Специфікація spec http://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"&gt; <li <? If ($ ENTRY_MODE $ == 'desc')?&gt; Class = "postRest1" <? Endif? >> <a href = "$ DESC_LINK $" > <! - <s4375> -> Опис <! - &lt;/ s> -> </a> </ li> <? if ($ SPEC $)?&gt; <li <? if ($ ENTRY_MODE $ == 'spec')?&gt; class = "postRest1" <? endif? >> <a href="$SPEC_LINK$"> <! - <s4781 >> Специфікація <! - &lt;/ s> - > </a> </ li> <? endif?> <? if ($ PHOTO_1 $)?&gt; <li <? if ($ ENTRY_MODE $ == 'imgs')?&gt; class = "postRest1" <? endif? >> <a href="$IMGS_LINK$"> <! - <s3183 >> Зображення <! - </ s >> </a> </ li> <? endif?> <? if ($ COM_IS_ACTIVE $)?&gt; <li <? if ($ ENTRY_MODE $ == 'comm')?&gt; class = "postRest1" <? endif? >> <a href="$COMM_LINK$"> <! - < s4783> -> Відгуки <! - &lt;/ 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')?&gt; 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 має такий зміст:

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 і Яндекс.