Участь SEO-спеціаліста в розробці сайту | Статті і публікації від digital-агентства AREALIDEA

1. У сенсі наш сайт потрібно доробити ?!
2. Зараз спочатку сайт зробимо, а про SEO потім подумаємо!
3. Так що сеошник зробить, якщо сайту ще немає?
4. Побудова структури на основі попиту
5. Вивчення потреб цільової аудиторії
6. Аналіз конкурентів
7. Перевірка реалізації SEO-функцій сайту
8. Перевірка макетів сайту і контроль верстки
9. Контроль проведених робіт
10. Ми тут сайт переробили, подивіться. Післязавтра виставляємо!
11. А нам точно потрібно залучати сеошника?
12. Ось ви такі розумні, а самі так робите?

Шукайте в статті посилання на рекомендації по розробці сайту для успішного SEO-просування. Що правити, за чим стежити, чого не допускати. Вся вкрай важлива інформація в одному файлі.

У сенсі наш сайт
потрібно доробити ?!

«Що значить не підходить для просування? Ми заплатили за нього N млн. І мені подобається, як він виглядає! ». Знайоме? Швидше за все, ви або чули ці слова, або вимовляли їх.

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

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

Зараз спочатку сайт зробимо, а про SEO потім подумаємо!

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

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

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

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

Залучення SEO-фахівця на етапі розробки має дві незаперечні переваги:
1) можливість появи безлічі помилок,
негативно впливають на просування, зводиться до нуля;
2) створити необхідний функціонал і внести правки в процесі розробки набагато простіше і дешевше, ніж правити вже готовий сайт.

Так що сеошник зробить,
якщо сайту ще немає?

Ми підібралися до найцікавішого - що і на яких етапах розробки повинен займатися SEO-спеціаліст. Можна виділити кілька основних етапів:

• аналіз попиту, конкурентів, вироблення на основі аналізу вимог до майбутнього сайту;
• контроль розроблених функцій на відповідність SEO-вимогам;
• перевірка макетів дизайну і верстки на відповідність SEO-вимогам;
• комплексна перевірка готового сайту для швидкого старту в просуванні.

Поговоримо докладно про кожен крок.

Побудова структури на основі попиту

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

В першу чергу потрібно зібрати семантичне ядро. На даному етапі воно не обов'язково має бути максимально повним. Наше завдання побудувати з його допомогою структуру товарів і / або послуг, однаково зручну для користувачів і зрозумілу для пошукових систем. Про збір семантики написано багато і статей, і керівництв. Зупинятися окремо на цьому немає сенсу - зібрати і кластеризувати можна будь-яким зручним способом, будь то KeyCollector, Bukvarix, MOAB, Serpstat, Rush Analytics, JustMagic або інші звичні інструменти.

Що значить зручна і зрозуміла структура? Розглянемо простий практичний приклад.

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

Для покупця в такій схемі підібрати необхідну взуття буде тортурами. Як вибрати? Який бренд спочатку дивитися, якщо більшість не знайомі і не на слуху? Чи знайду я чоловічі черевики Keddo? Як мені подивитися жіночі туфлі відразу всіх брендів?

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

З точки зору просування (та й покупця), набагато краще буде змінити структуру в такий спосіб:

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

Сторінки брендів теж нікуди не поділися - в залежності від технічної реалізації та асортименту, на них можна:

• виводити усі товари бренду, якщо їх небагато;
• виводити по кілька товарів кожного типу взуття і давати посилання на фільтри типу «бренд + тип» з повним асортиментом.

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

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

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

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

Вивчення потреб цільової аудиторії

Хтось скаже, що виявити потреби цільової аудиторії - завдання маркетолога. І почасти буде правий. Але у багатьох чи компаній, які запускають свій невеликий інтернет-магазин, є маркетолог? І, якщо є, то на підставі яких даних він будує свої припущення? Опитування «сферичних користувачів в вакуумі», загальні тенденції в інтернет-маркетингу, дослідження минулих років?

Сеошник же діє інакше. В ході збору семантики ми знаходимо безліч інформаційних запитів, які розкажуть про болях цільової аудиторії, що її хвилює, яка допомога необхідна: «які туфлі в моді влітку 2017», «з чим носити ботильйони», «як доглядати за взуттям з нубуку» і т.д. Багато запити можуть повторюватися з року в рік і можна заздалегідь підготуватися для збору трафіку по ним. Якщо люди запитували «туфлі мода літо 2016», «туфлі мода літо 2017», то вони будуть запитувати «туфлі мода літо 2018». Все це можна використовувати для залучення додаткових зацікавлених користувачів і вирішення їхніх проблем.

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

• Питання та відповіді;
• консультація фахівця;
• рекомендації по підбору товару;
• блог (з поділом на статті, новини компанії і галузі, експертні думки і т.д.);
• відгуки;
• географія магазинів / салонів / філій компанії;
• та інші.

Такі матеріали виконують важливі завдання:

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

Приклад з практики

Клієнт - великий виробник ортопедичного взуття. В ході аналізу попиту SEO-оптимізатор висунув пропозиції з доопрацювання сайту:

1. Створити розділ «Питання та відповіді». Тематика досить складна. Процес вибору оптимальної ортопедичного взуття важливий і досить довгий. На шляху до замовлення користувач проходить багато етапів, один з них - «інформаційний», тобто пошук відповідей на питання, що цікавлять. Можна збирати такий трафік на своєму сайті, тому що він є цільовим, хоча знаходиться ще не на фінальній стадії замовлення. Якщо на початковому етапі дати відповіді на хвилюючі питання, а заодно познайомити з брендом, то в майбутньому він може конвертувати в покупця. Дану задачу частково буде вирішувати розділ «Питання-відповідь», де користувачі можуть задавати свої питання, а професійний лікар-ортопед - публікувати відповіді. Для старту вирішено опублікувати відповіді на найбільш популярні питання, деякі з них:
   • яке взуття носити при плоскостопості;
   • чи потрібна ортопедичне взуття дитині;
   • як підібрати ортопедичне взуття дитині;
   • як виглядає ортопедичне взуття;
   • де замовити ортопедичне взуття;
   • і & nbsp інші.

   Подібних питань дуже багато. До того ж, цей розділ допоможе зберегти інформацію зі старого сайту, де був схожий розділ.

   

2. Створити інформаційний розділ з категоріями. Його користувачі не тільки задають питання, а й шукають інформацію - про плоскостопості, вальгусной деформації, клишоногість, шпори. Приклади статей для публікації: «Лікування плоскостопості», «Види плоскостопості», «Болі при плоскостопості» і т.д. Аналогічно «Питанням і відповідей», це позбирає користувачів, які в перспективі стануть покупцями їхньої продукції.

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

   • симптоми і захворювання;
   • плоскостопість;
   • проблеми у дітей;
   • вибір взуття та устілок.
   
3. Створення регіональних сторінок. Салони клієнта є в кількох регіонах Росії. Користувачі роблять запити виду «ортопедичне взуття + місто». Щоб сайт добре ранжирувався по подібним запитам, необхідні окремі сторінки під кожен регіон з докладною регіональної інформацією (карта, адреса, телефони і т.д.). Робити одну сторінку із загальною картою без внутрішніх сторінок під регіональні адреси невірно з точки зору просування.


4. Висновок цін. Спочатку клієнт не хотів показувати ціни і виводилася фраза «Вартість індивідуальна і розраховується в салоні». Такий варіант неприйнятний з двох причин:
   • Більшість користувачів закриють сайт, якщо не знайдуть інформації про ціни. Всім хочеться розуміти хоча б порядок ціноутворення, перед тим як їхати в салон на прийом.
   • Для просування по подібним комерційним запитам (взуття на замовлення, виготовлення взуття і т.д.) на сторінках повинна бути інформація про ціну. Це основний комерційний фактор, який сильно впливає на ранжування в Яндексі. Не обов'язково давати кінцеву ціну. Можна написати мінімальну (ціна від ... до ...), з чого формується вартість (сканування ноги - n руб. І т.д).

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

Аналіз конкурентів

Зупинятися на способах відбору основних конкурентів в пошуку ми не будемо. Можна використовувати різні сервіси визначення видимості або Спарс всіх конкурентів по зібраному раніше семантичному ядру. Після цього відібрати топові сайти, максимально схожі на наш. При продажу одягу потіснити таких монстрів, як Lamoda і WildBerries, навряд чи вийде, а ось поборотися за трафік з більш молодими сайтами - цілком.

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

При аналізі комерційних факторів звертаємо увагу на:

• наявність цін і їх конкурентоспроможність;
• спецпропозиції, акції, хіти, розпродажі, бонусні програми;
• класифікація товарів і послуг (допомагає перевірити себе - наскільки реальна структура у успішних проектів відповідає певній раніше нами);
• широкий асортимент товарів;
• докладні і зрозумілі характеристики товарів, якісні фотографії, наявність оглядів, відгуків та коментарів про товар, 3D-моделі і т.д .;
• очевидна кнопка «Купити»;
• порівняння товарів;
• Обслуговування офісів канцелярськими товарами за параметрами (розширена фільтрація, які характеристики беруть участь);
• функціонал підбору і розрахунку (калькулятори);
• додаткові сервісні послуги та можливості - онлайн-консультації, консультації по телефону, відстеження наявності і надходження товару, можливість оплати в кредит, купити в 1 клік, різні УТП;
• Детальна контактна інформація з різними способами зв'язку, зрозуміла карта з розташуванням офісів / магазинів, інструкції «як дістатися», фотографії місця розташування, графік роботи;
• надання реквізитів компанії;
• наявність сертифікатів на товари / послуги, а також портфоліо (для сфери послуг);
• вичерпна і зрозуміла інформація про доставку, оплату, гарантії та умови повернення;
• опис різноманітних форм оплати;
• інформація про умови роботи з оптовими клієнтами;
• і багато інших корисних для користувачів речі.

В якості корисних для просування ідей ми можемо знайти:

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

Таким чином, ще на етапі проектування сеошник:
1) проведе аналіз ніші і конкурентів в пошуку;
2) збере попереднє семантичне ядро ​​і побудує структуру сайту на основі пошукового попиту;
3) дізнається, який функціонал підвищить додаткову цінність сайту в очах пошукових систем;
4) визначить напрямки по створенню контенту, який допоможе користувачам прийняти рішення про замовлення.

Перевірка реалізації SEO-функцій сайту

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

• створення вибірки товарів для окремих сторінок сайту;
• тегованих сторінки каталогу (смарт-фільтр);
• автоформування мета-тегів і заголовків для певних розділів сайту;
• автоматична перелинковка сторінок між собою;
• вірне формування ЧПУ-адрес для різних типів сторінок;
• настройка редиректів, щоб кожна сторінка була доступна по єдиному адресою;
• коректність віддачі сторінками відповідей 200 і 404;
• вірна реалізація сторінок пагінацію;
• вірна генерація XML-карти сайту;
• та інше.

Важливий момент - підготовка технічного завдання на впровадження мікророзмітки. Не можна просто дати посилання на Хелп Яндекса , Необхідно в явному вигляді вказати, які елементи необхідно обгорнути в відповідні теги з потрібними атрибутами.

Важливо! Йдеться тільки про функціонал, необхідному для просування. Не варто залучати SEO-фахівця для написання ТЗ на синхронізацію каталогу сайту з 1С, на взаємодію з CRM і т.д., якщо це не зачіпає важливих для SEO аспектів (наприклад, під час вивантаження з 1С можуть губитися деякі параметри або властивості товарів, в такому випадку варто проконсультуватися з сеошник і знайти компроміс).

Перевірка макетів сайту і контроль верстки

Макети і верстка, а також випливають з них помилки, тісно пов'язані один з одним, тому дані етапи розглянемо разом.

Логіка структури сайту і список рекомендацій, отримані на етапі «Аналіз ніші», передаються проектувальнику і дизайнеру. І, по суті, вони, виходячи зі списку, проектують і малює сайт. Але без перевірки нікуди. Сеошник дивиться макети на:

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

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

Верстка типових сторінок до збірки сайту перевіряється на:

• коректність використання семантичних тегів;
• збереження логічної структури документа.

На цьому етапі обов'язково наявність технічної сторінки, на якій використовуються всі типові елементи верстки та оформлення контенту.

Нижче, які найчастіше трапляються в верстці:

• використання тегів h2-h6 для верстки елементів шаблону (заголовки в сайдбарі, лівому і нижньому меню, верстка з їх допомогою цілих пропозицій, які необхідно виділити на загальному тлі сторінки);
• висновок важливого контенту через AJAX - весь контент, який може бути відображений на сторінці і важливий для людей, повинен завантажуватися відразу з кодом сторінки, а не окремим запитом;
• дублювання тексту з описом на сторінках пагінацію (посторінковою навігації);
• верстка телефонів і емейл-адрес за допомогою зображень;
• невірний висновок елементів у мобільній версії сайту.

Часто проблеми виникають через нерозуміння або незнання проектувальником, дизайнером і верстальником можливостей масштабування сайту. З якими труднощами найчастіше доводиться стикатися?

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

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

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

Контроль проведених робіт

Сайт зроблений, готовий радувати користувачів, а Сеошніку залишилося провести контрольну перевірку. Робота на цьому етапі - здебільшого SEO-аудит:

• перевірка доступності сторінок по єдиному вірному адресою, а також відсутність сторінок-дублікатів;
• перевірка відсутності битих посилань;
• контроль коректності формування символьних кодів сторінок;
• коректні коди відповідей сервера 200 і 404;
• коректна віддача сторінки 404;
• контроль логічної структури сторінок (наприклад, щоб на сторінках було строго по одному заголовку h1);
• коректність використання тега noindex;
• завдання всіх сторінок мета-тегів, в тому числі і за допомогою правил автоматичної генерації, відсутність дублікатів;
• перевірка працездатності необхідного SEO-функціоналу;
• використання зображень відповідного розміру;
• коректне використання мікророзмітки;
• і багато-багато-багато іншого.

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

Ми тут сайт переробили, подивіться.
Післязавтра виставляємо!

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

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

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

В такому випадку, до списку робіт вище додаються такі:

• максимальне збереження колишньої структури і URL-адрес;
• настройка 301-редиректів зі старих адрес на нові (при неможливості збереження старих адрес);
• перевірка відсутності битих посилань зі старими URL-адресами (особливо на ті сторінки, для яких в новій структурі не передбачено аналогічних);
• перенос усього наявного контенту.

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

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

А нам точно потрібно
залучати сеошника?

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

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

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

Ось ви такі розумні,
а самі так робите?

приклад перший

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

приклад другий

Успішно просували сайт довгий час, але в певний момент клієнт вирішив, що сайт буде успішний і без постійної роботи сеошника. Ми припинили співпрацю в березні 2016 року. У квітні був виставлений оновлений сайт без будь-якого контролю з боку SEO. Зниження пошукового трафіку в листопаді 2016 з порівнянні з листопада 2015 на 30%. Хоча в тематиці за цей час попит виріс більш ніж в 1,5 рази. На початку 2017 роки ми відновили співпрацю і трафік став поступово повертатися.