SEO-підхід до розробки інтернет-магазину: рекомендації по створенню сайту, готовому до просування

Такий формат сайту, як інтернет-магазин, є одним з найпопулярніших і суперечливих одночасно. Суперечливість полягає в тому, що в процесі його створення необхідно врахувати безліч нюансів для досягнення поставлених цілей, які, в більшості своїй, у всіх збігаються: забезпечення високої відвідуваності ресурсу, зростання позицій в пошуковій системі і, відповідно, продажу.

Як показує практика, результат створення інтернет-магазину часто не радує свого власника: рівень відвідувачів прагне до нуля, а про ТОПі не доводиться навіть і мріяти. Рецепт «приготування» сайту, який добре продає, тільки один: SEO-підхід і врахування всіх вимог пошукової системи ще на етапі проектування структури ресурсу.

Дана стаття являє собою план дій, який дозволить вам максимально підготувати інтернет-магазин до успішних продажів.

Обережно, після впровадження цих рекомендацій до вас в інтернет-магазин може прийти занадто багато клієнтів. Забезпечте гідний товарний запас заздалегідь!

Частина 1. Семантичне проектування

Мало хто знає, але перше, з чого необхідно починати роботу над інтернет-магазином - розробка структури на основі семантичного ядра. Так-так, словосполучення «семантичне ядро» зустрінеться Вам ще не один раз, оскільки саме воно є основним фактором успіху Вашого ресурсу.

Що розуміється під семантичним проектуванням? Семантичне проектування сайту - побудова структури майбутнього інтернет-магазину на основі попиту користувачів мережі Інтернет. Чому це важливо? Справа в тому, що вебмастера часто забувають золоте правило забезпечення високих продажів сайту: кожна сторінка повинна мати практичну цінність для споживача не з точки зору Вашого бачення, а з точки зору наявного попиту. Кожна сторінка повинна задовольняти конкретну потребу користувача мережі, і ці потреби Вам необхідно з'ясувати з самого початку.

Ми обіцяли Вам план дій, так вже й бути :)

Є величезна кількість інструментів для збору семантичного ядра як безкоштовних, так і платних. Чесно кажучи, безкоштовні сервіси не дають комплексної картини про попит і, в більшості своїй, пропонують обмежену інформацію, з якої «каші не звариш». Пропонуємо Вам скористатися старим улюбленим способом: комплекс Три Я. Це комплекс трьох інструментів пошукової системи Яндекс, доступний кожному:

• Яндекс.Вордстат https://wordstat.yandex.ru/ ;
• блок «Подібні запити»;
• пошукові підказки.

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

• дитяче плаття;
• дитяча футболка.

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

• сукні для дівчаток;
• сукні для дітей;
• сукні для малюків;
• плаття Малишкова;
• плаття для дитини;
• футболка для дівчинки;
• футболка для дітей;
• футболка для хлопчика;
• футболка для малюків;
• футболка Малишкова;
• футболка для дитини.

По черзі вбиваємо кожну фразу в Яндекс.Вордстат і дивимося, чи міститься щось цікаве в правій колонці сервісу. Саме права колонка демонструє, що ще шукали користувача в мережі, забиваючи будь-якої з вищеназваних запитів. Дуже допомагає розширити бачення ситуації.

Після того, як ви підібрали всі можливі варіанти назв товарних груп, починаємо безпосередньо збір семантичного ядра. Знову вбиваємо кожну отриману фразу в Яндекс.Вордстат і збираємо всі пошукові запити з лівої колонки в єдину таблицю.

Радимо: Розширення для браузерів Google Chrome, яндекс.браузер і Opera Yandex Wordstat Assistant дозволить вам помітно полегшити збір ядра.

Паралельно уважно перегляньте, які пошукові фрази містяться в блоці «Подібні запити» і пошукові підказки. Блок схожі запити знаходиться в нижній частині екрана пошукової видачі:

А пошукові підказки ви можете знайти, вбивши фразу в пошуковий рядок і подивившись, які варіанти пропонує система:

Вся отримана інформація буде основою для подальшого семантичного проектування.

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

Все, що ви виявите в процесі сортування семантики має лягти в основу створення інтернет-магазину. Реалізувати подібні сторінки можна різними способами, як варіант - за допомогою сторінок-фільтрів. Після того, як по всіх товарних групах інформація зібрана, відсортована і згрупована, можете сміливо розробляти структуру сайту, яка буде виглядати наступним чином:

Дана структура сайту буде розроблена виключно з урахуванням попиту, не буде ніяких зайвих і не представляють цінності сторінок. Буде тільки те, що потрібно і важливо користувачеві, то, що користувач шукає і, відповідно, купує.

Головне - не забувайте прописувати на даних сторінках мета-теги, заголовки, тексти та атрибути картинок під семантичне ядро, інакше все вищесказане не матиме ніякого сенсу. Дійсно, як пошукова система зрозуміє, що та чи інша сторінка відповідає запитам користувача? Нагадуємо 6 елементів, які обов'язково потрібно заповнювати на сторінці для її успішного просування:

а) Мета-тег <Title> (максимальний вплив).
б) Мета-тег <Description> (середнє вплив).
в) Мета-тег <Keywords> (вкрай невелике вплив, майже не враховується).
г) Тег <h1> (сильний вплив) + теги <h2>, <h3>.
д) Текст на сторінці (кількість символів, щільність ключових фраз і т.д.) (сильний вплив).
е) Атрибути -alt, -title у зображень (невелике вплив).

Не забуваємо включати в дані елементи комерційні слова-маркери (+ місто / регіон при необхідності).

Комерційні слова-маркери - ті слова, які визначають можливість здійснення транзакції: купити; недорого; на замовлення; замовити; ціни; доставка і т.д.

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

Частина 2. Технічні особливості

зло дублювання

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

Найстрашніше для інтернет-магазину після неоптимізованих сторінок - дублі. Саме це явище повільно вбиває ресурс, якщо вчасно не вжити заходів.

Пропоную почати з опису того, чим небезпечні дублі сторінок.
1) Індексація сайту помітно погіршується.
2) Релевантна сторінки в пошуковій видачі змінюється на некоректну.
3) Втрата зовнішнього посилального ваги.

Досить складно заздалегідь передбачити джерело дублювання сторінок сайту. Зазвичай фахівці дізнаються про це, відвідавши сервіс Яндекс.Вебмайстер і звернувшись до розділу «Виключені сторінки». Дублі сторінок можуть виникнути з різних, не залежних від вас причин, наприклад, через особливості готового рішення (шаблону сайту), але є все ж те, що можна запобігти. Часто дублювання відбувається через наявність на сайті фільтрованих сторінок і сторінок-сортування. Що з цим робити?

Закриваємо всі сторінки з параметром в файлі robots.txt під директивою Disallow, і дозволяємо пошуковому боту індексувати обнародувано нами сторінки фільтрів і сортування, розміщуючи їх під директивою Allow. Як це зробити, можна подивитися в керівництві Яндекс по створенню файлу Robots.txt.

Особливу увагу слід приділити дублювання контенту, коли одна і та ж сторінка доступна за адресою з www і без, з index.php і без, з index.html і без. Важливо налаштовувати 301-редирект з таких сторінок на основну версію сайту, інакше існує ризик того, що в індексі пошукової системи виявиться небажана версія.

Отже, нижче наведемо комплекс дій, який дозволить мінімізувати ризики дублювання контенту:

1) Необхідно стежити за роботою CMS, оскільки, в більшості своїй, вона формує заголовки сторінок і опису однотипно (не унікальна). Важливо уникализировать хоча б Title і Description для кожної сторінки.
2) Для боротьби з дублями формату «www, index.php, index.html» слід прописати в файлі .htaccess 301-редирект.
3) Вирішити проблему зі сторінками фільтрів, пошуку, пагінацію і сортування можна за допомогою атрибуту rel = «canonical», прописавши його на всіх повторюваних сторінках і вказавши в якості канонічної основну сторінку.
4) Не забуваємо про robots.txt, про який вже було сказано вище.

Адаптивна версія сайту

Метою адаптивного дизайну є універсальність відображення вмісту веб-сайту для різних пристроїв. Для того щоб ресурс зручно проглядався на екранах пристроїв різного формату завдяки технології адаптивного дизайну більше не потрібно створювати окремі версії сайту.

Якщо у Яндекса поки що немає інструментів для оцінки адаптивності інтернет-магазину, то Google приділяє цьому набагато більша увага. Але варто зазначити, що Яндекс також реагує на відсутність адаптивності (тільки побічно) - через аналіз поведінкових факторів. Не так давно Google заявив, що сайти з адаптивним дизайном мають суттєву перевагу в мобільній версії пошукової видачі. Існує величезна кількість інструментів, які дозволяють перевірити сайт на наявність адаптивної верстки. Ви можете зробити це, наприклад, тут: https://search.google.com/test/mobile-friendly .

мікророзмітки

Якщо ми говоримо про інтернет-магазині, ключове значення тут має наступна інформація:

• товар;
• ціна;
• доставка.

Мета семантичної розмітки - зробити інтернет зрозумілішим, структурованим і полегшити пошуковим системам і спеціальним програмам вилучення та обробку інформації для зручного її уявлення в результатах пошуку. Перед розкриттям питання уточнимо, що таке «сниппет». Сніппет - це блок з інформацією, який містить короткий опис сторінки сайту, що знаходиться в ТОПі пошукової системи.

Подивимося, як виглядає сниппет без семантичної розмітки:

І з семантичної розміткою:

Інформація про те, як впровадити подібне відображення інформації про товар, міститься в керівництві Яндекс за адресою: https://yandex.ru/support/webmaster/schema-org/ .

На наш погляд, набагато більш цікавий наступний формат сниппета:

Такий висновок інформації являє собою впроваджений блок «Товари і ціни» за допомогою інструменту Яндекс.Вебмайстер. Принцип роботи з інструментом вкрай простий: для того щоб додати в опису сторінок вартість товару і умови доставки, необхідно підготувати дані про пропоновані товари в спеціальному форматі YML, заповнити форму і вказати адресу YML-файлу безпосередньо в панелі Яндекс.Вебмастер. Там же вам запропонують невелику анкету, в яку ви повинні внести інформацію про своє юридичну особу. Пару-трійку відхилень заявки і готово :)

Оптимізація фільтрованих сторінок

Фільтровані сторінки є особливими з точки зору просування. Їх особливість полягає в тому, що їх URL може перебувати в двох станах. Ні, не в рідкому і газоподібному :) А в динамічному і статичному. У першому випадку, адреса фільтрованої сторінки є хаотичний набір параметрів. У другому - ЧПУ (человекопонятний URL). Існує думка, що просувати можна тільки статичні сторінки. Насправді, вже давно можна просувати і динамічні сторінки за допомогою спеціальних модулів (компонентів). Для кожної CMS існують свої версії таких модулів, тому приводити в приклад конкретні не має сенсу. Саме такі модулі дозволяють управляти мета-тегами, заголовками і текстами фільтрованих сторінок. Ну не чудо чи?

404-помилка

Здавалося б, 404-помилка, ну і що? Перш ніж описати підступність цієї помилки, розглянемо причини, через які така помилка може з'явитися:

• зміна адреси сторінки;
• помилка при написанні URL;
• видалення сторінки.

Тепер про підступність. Багато помиляються, повністю довіряючи повідомленням на сторінці сайту про те, що такої сторінки не існує. Але цього може не вистачити, така сторінка може віддавати код відповіді сервера - 200 ОК і дана сторінка буде індексуватися. Вам необхідно на 100% переконатися, яку саме відповідь віддає сервер при запиті невірного адреси сторінок .:

Більшість фахівців використовують сторінку з 404-помилкою з вигодою для себе. Як мінімум, така сторінка повинна містити посилання на головну. В ідеалі - це чудовий комунікаційний канал з відвідувачем вашого сайту. Додайте на таких сторінках гумористичну картинку зі смішним текстом. :

Укупі з можливість повернутися на головну сторінку це дасть чудовий результат: поліпшення поведінкових факторів і зниження величини відмов.

швидкість завантаження

У 2010 році Google зробив маленьку революцію в пошукових алгоритмах, оголосивши, що тепер швидкість веб-сайту буде впливати на розподіл результатів пошуку. Іншими словами, швидкість - фактор ранжування. Швидкість завантаження сторінок повинна становити не більше 3 секунд. Веб-майстрами використовується сервіс перевірки швидкість завантаження:
https://developers.google.com/speed/pagespeed/insights/

Перевірте свій ресурс. Пам'ятайте: для ПК потрібно отримувати 85 з 100 балів.

Доменне ім'я

Не менш підступна річ, ніж 404-помилка. Не варто викуповувати старі домени, без 100% упевненості, що у домену в минулому не було проблем і санкцій з боку пошукових систем. Якщо санкцій була достатня кількість, то вже ніякі дії по просуванню не допоможуть. Пошукові системи незалежно від якості сайту, будуть вкрай погано ставитися до даного доменному імені.

Протокол https і переїзд на новий домен

Все б нічого, якби не так давно Google не заявив, що віддає перевагу в ранжируванні сайтів з https. Для інтернет-магазину це набуває особливої ​​важливості. Протокол https потрібно робити тільки для сайтів з великою кількістю авторизаций або платіжних транзакцій. Якщо сайт не містить ніякої авторизації і на сайті не відбувається платіжні транзакції, то на https переходити не потрібно. Оскільки інтернет-магазин - сайт з великою кількістю транзакцій, перехід на захищений протокол необхідний.

Якщо усвідомлення необхідності захищеного з'єднання прийшло до вас із запізненням, не турбуйтеся: вас чекає захоплююча пригода в світ переїзду сайту.

Це досить нервова процедура, яку треба невпинно контролювати, інакше ви отримаєте небажаний результат. Нижче ми наведемо правильну послідовність дій при переїзді сайту:

• В robots.txt для обох сайтів (і старого, і нового) прописати Host з адресою нового сайту.
• Додати новий сайт в Яндекс.Вебмастер, підтвердити права.
• Додати новий сайт в Гугл Вебмастер, підтвердити права.
• В налаштуваннях «Індексування» Яндекс.Вебмайстер для старого сайту вибрати «Переїзд сайту». Вказати нову адресу. Чекати склейки. Коли Яндекс склеїть домени, в вебмайстрів вони будуть висвітлюватися як би в одному рядку.
• В налаштуваннях Гугл Вебмастера для старого сайту вибрати «Зміна адреси». Вказати нову адресу і також чекати склейки.

Довго чекати.

І тільки після склейки можна ставити 301-редіректи. По можливості треба зробити редирект для кожної сторінки старого сайту на відповідну сторінку нового сайту.

Динамічне підвантаження контенту

Довантажувати тексти і картинки на льоту здається хорошим рішенням - прискорюється завантаження першої частини сторінки, знижується навантаження на хостинг і клієнтський пристрій. З точки зору SEO це катастрофа: пошуковий робот просто не бачить такої динамічний контент і ваш сайт не індексується по потрібному запиту. Краще взагалі не робити динамічного контенту, а вирішувати завдання якось інакше. Якщо вам гостро необхідна динаміка, робляться статичні HTML-зліпки.

Тепер для того, щоб вказати пошуковому боту на те, що AJAX-сторінка має статичний «html-зліпок», досить додати в URL знак оклику http://www.example.com/#!stranica - модифікований формат «посилання» на AJAX -Сторінка.

Єдиною умовою є те, що «html-зліпок» сторінки повинен бути доступний для пошукового бота по URL-адресою, де # !, замінений на? _Escaped_fragment_ =. В такому випадку як тільки робот зустріне в URL-адресу # !, він запросить у сервера «html-зліпок» сторінки, який зможе проіндексувати. У той же час користувачеві буде показана AJAX-сторінка.

Щоб повідомити робота про HTML-версії головної сторінки, в код сторінки слід включити мета-тег <meta name = "fragment" content = "!">.

Цей мета-тег можна використовуват на будь-який AJAX-сторінці. Наприклад, якщо сторінка доступна за адресою http://www.example.com/blog і містить мета-тег <meta name = "fragment" content = "!">, То робот проиндексирует HTML-версію сторінки за адресою http: // www.example.com/blog?_escaped_fragment_=.

У HTML-версії документа мета-тег розміщувати не слід: в цьому випадку стаття не буде проіндексована.

Куди витікає вага?

Якщо на вашому сайті з якихось причин присутня велика кількість посилань на інші ресурси, радимо закривати їх атрибутом nofollow. Значення nofollow забороняє пошуковій системі переходити за посиланнями на даній сторінці або по конкретній посиланням. Даний атрибут використовується:

• щоб заборонити передачу ваги за посиланням на сайт з поганою репутацією у пошукачів;
• для зменшення загальної кількості зовнішніх посилань зі сторінки;
• коли небажано передавати вагу на зовнішні сайти;
• щоб закрити посилання в коментарях, коли це не потрібно.

На цьому все! Сподіваємося, що наш рецепт «приготування» сайту, який добре продає, допоможе вам полюбити кухню SEO і використовувати її для досягнення успіху вашої онлайн-майданчики. Успіхів!

Чекаємо на Ваші запитання на [email protected] .