Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
Россия +7 (495) 139-20-33
3 Октября 2017 в 11:49

SEO на этапе разработки сайта: как сделать нормально сразу и не переделывать потом

Россия +7 (495) 139-20-33
5 39802
Подпишитесь на нас в Telegram
Елена Иванищева
SEO-специалист Интернет-агентство «СайтКрафт»

Что может сделать сеошник на этапе разработки сайта?

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

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

Хуже того, далеко не всегда он ясен самому заказчику.

SEO на этапе разработки сайта.png

Вместе с нами в работе SEO-специалиста на этапе разработки попробует разобраться Вовка

Архитектура сайта

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

Архитектура сайта.png

«Сколько надо шлакоблоков, чтоб дворец построить в срок?»

Ровно та же история с разработкой сайтов. Сайт начинается не с верстки и не с программирования, а с информационной структуры, с прототипа сайта.

Именно составление информационной структуры является первым этапом работы SEO-специалиста. И далеко не последним во время разработки сайта.

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

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

На основе анализа этой информации составляются новые вопросы для заказчика, и все повторяется.

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

Анализ ниши и конкурентов.png

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

Сбор семантики

Самый важный этап для понимания будущей структуры сайта. На основе анализа ниши и конкурентов необходимо собрать первоначальное семантическое ядро – максимальное количество релевантных нише запросов.

Далее собранные запросы объединяются в категории и подкатегории во главе с самым высокочастотным (кластерным) запросом.

Задача SEO-специалиста – с помощью таких кластеров выстроить дерево запросов, понять, как именно сайт будут искать.

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

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

Сбор семантики.png

Не надо валить всю семантику в кучу и оптимизировать одну страницу под все ключи

Разработка структуры

Структура сайта должна быть логичной и удобной для пользователя. Распространенная ошибка – составлять структуру в вакууме, в отрыве от реального спроса. Именно такая позиция приводит к существенному увеличению затрат на продвижение сайта, поскольку для полноценного продвижения готовый сайт придется переделывать, тратить на это время специалистов и деньги заказчика.

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

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

Внутренняя оптимизация

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

Внутренняя оптимизация.png

За дело!

Проверка robots.txt

В файле robots.txt SEO-специалист указывает, какие страницы и файлы на сайте следует и не следует индексировать.

Требования к файлу:

  • Файл должен присутствовать в корневой директории (site.ru/robots.txt);
  • Размер файла не должен превышать 32 кб;
  • Должны быть закрыты служебные и ненужные разделы;
  • Для Яндекса и других роботов должны быть заданы разные User-Agent;
  • Должна быть указана директива host для Яндекса;
  • Страницы с динамическими параметрами должны быть закрыты директивой Clean-param;
  • Должна быть корректная ссылка на карту сайта.

Проверка Sitemap.xml

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

Требования к файлу:

  • Карта сайта должна быть без ошибок. Все ссылки в файле должны отдавать код ответа «200».
  • Карта сайта должна быть актуальной, в идеале – автообновляемой.

Проверка 301 редиректа

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

Должны быть склеены зеркала:

  • С www и без www;
  • Со слешем “/” в конце и без слеша;
  • С index.php, index.html, home.php и т.п. и без.

Проверка 404 ошибки

Пользователь сталкивается со страницей 404, когда пытается попасть на страницу, которой больше не существует.

Требования в странице 404:

  • Эта страница должна предлагать взаимодействие с сайтом;
  • Отслеживаться в Google Analytics;
  • Отдавать код ответа «404» (чтобы не индексироваться ПС).

Проверка 5** ошибки

Ошибки 5** – это ошибки сервера при обработке запроса пользователя.

Таких ошибок на сайте быть не должно

Проверка 5 ошибки.png

И так НЕ сойдет!

Проверка верстки

Верстка сайта должна соответствовать стандартам и проходить валидацию.

По итогам проверки в верстке не должно быть критических ошибок.

Проверка HTTP/HTTPS

При переезде сайта с протокола HTTP на более безопасный HTTPS (или при создании его сразу на HTTPS) важно, чтобы сайт был доступен только по одному из протоколов. Не должно быть страниц со смешанным содержанием.

Проверка ЧПУ

ЧПУ – человекопонятный урл, он же «Семантический URL», призван сориентировать посетителя внутри сайта. Кроме того, размещенный в качестве ссылки на другой странице, ЧПУ подсказывает, куда именно он ведет.

Ссылки формата http://www.site.ru/index.php?id_sezione=180&sid=5bhb542vd98u7yh намного меньше говорят пользователю, чем, например, http://mc-titan.ru/truby/besshovnye/.

ЧПУ должны быть для всех страниц, при этом не быть переспамленными и слишком длинными.

Проверка тегов и метатегов

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

Не должно быть дублей тегов на одной странице:

  • Title, H1, Description, тег с указанием кодировки – один на странице.

Не должны повторяться метатеги у разных страниц.

  • Дубликаты Title, Description, совпадающие Title и H1 следует разделить.

Проверка тегов и метатегов.png

Дублированный контент – плохой помощник

Проверка микроразметки

Семантическая разметка – это особые языки верстки, призванные структурировать данные вашего сайта для поисковиков.

Следует внедрять отдельную микроразметку для следующих страниц:

  • Контакты – схемой LocalBusiness;
  • «Хлебных крошек» – схемой BreadCrumbList;
  • Изображений – схемой ImageObject;
  • Видеозаписей – схемой VideoObject;
  • Товаров – схемой Product.

Это могут быть и другие схемы, в зависимости от специфики сайта.

Проверка канонических страниц и страниц пагинации

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

  • Тегом rel=canonical – для дублей, страниц с фильтрами и пр.;
  • Тегами rel="prev", rel="next" – для страниц пагинации.

Проверка скорости загрузки

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

Чтобы ускорить сайт, достаточно внедрить рекомендации Google Page Speed:

  • Оптимизировать изображения;
  • Использовать кеш браузера;
  • Стили и скрипты не должны блокировать отображение верхней части страницы, их следует минимизировать и вынести вниз кода;
  • Оптимизировать время ответа сервера.

Проверка оптимизации изображений

Недостаточно просто сжать картинки в рамках предыдущего пункта. Изображения должны быть оптимизированы для поискового продвижения:

  • Не должно быть битых картинок на сайте;
  • Должны быть заполнены теги alt;
  • Изображения не должны быть сжаты до пиксельного состояния.

Проверка адаптивности под мобильные устройства

Посетители могут заходить на сайт с различных устройств – не только с ПК, но и со смартфонов и планшетов. Удобство пользователя высоко ценится поисковыми системами, поэтому наличие адаптивного дизайна положительно влияет на ранжирование.

Требования к адаптивности сайта:

  • Сайт корректно отображается на различных устройствах;
  • Задан тег viewport;
  • Нет горизонтальной прокрутки;
  • Нет Flash-элементов;
  • Нет Java-апплетов;
  • Нет Silverlight-плагинов;
  • Удобно читать текст.

Проверка адаптивности под мобильные устройства.png

Проверка кроссбраузерности

Сайт должен корректно открываться не только с различных устройств, но и с различных браузеров. Для проверки можно воспользоваться сервисом browsershots.org.

Проверка на битые ссылки

Все страницы сайта должны отдавать код ответа 200. В качестве сервиса проверки можно использовать бесплатную программу Xenu.

По итогам проверки на сайте не должно быть «битых» ссылок.

Установка счетчиков и подтверждение прав

Перед релизом сайта остается только установить счетчики аналитики и подтвердить права в панелях вебмастеров:

  • Установлена Яндекс.Метрика;
  • Установлен Google Analytics;
  • Подтверждены права в Яндекс.Вебмастер;
  • Подтверждены права в Google Search Console.

Дополнительно могут быть установлены Google Tag Manager, а также счетчики других поисковых систем.

Настройка целей в системах аналитики

Отслеживать целевые визиты и в целом конверсию сайта помогают корректно настроенные цели в Яндекс.Метрике и Google Analytics. Чем раньше эти цели настроены, тем точнее можно оценить эффективность сайта как инструмента продаж.

Правильная настройка целей в системах аналитики – один из важных этапов работы SEO-специалиста перед запуском сайта.

Настройка целей в системах аналитики.png

В зависимости от задач бизнеса настраиваются и различные цели. Сгруппировав их, мы получаем примерный список:

1) Посетитель взаимодействует с компанией, посещая определенные целевые страницы:

Посетитель взаимодействует с компанией, посещая определенные целевые страницы.png

2) Посетитель совершает целевое действие:

Посетитель совершает целевое действие.png

3) Посетителю интересен сам сайт:

Посетителю интересен сам сайт.png

Настройка целей в системах аналитики – тема для отдельной статьи. На этапе разработки сайта задача SEO-специалиста – проанализировать специфику проекта и верно обозначить целевые действия посетителя на сайте.

Работа с контентом

Преимущество работы с контентом на этом этапе в том, что к моменту запуска площадки он уже будет готов. Готовая структура сайта, сформированное представление о важных страницах и направлениях, подобранные поисковые запросы – проделанная SEO-специалистом работа – станут основой для технического задания копирайтеру и контент-менеджеру.

Работа с контентом.png

Правильно раскидайте запросы по страницам, и будет вам продвижение

Действия специалиста на этом этапе:

  1. Отобрать приоритетные страницы для продвижения.
  2. Проанализировать контент конкурентов.
  3. Сформировать техническое задание для каждого кластера запросов.
  4. Составить контент-план, ориентируясь на приоритетные направления.

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

Работа с контентом fin.png

Мы с Вовкой желаем вам удачи в продвижении!

5 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
  • Денис Рудик
    1
    комментарий
    0
    читателей
    Денис Рудик
    больше года назад
    Все верно описано. Можно лишь дополнить с технической стороны несколькими пунктами.
    А в целом все точно - структура, внутренняя оптимизация, веб-аналитика и т. п.
    -
    0
    +
    Ответить
  • Максим Фадеев
    2
    комментария
    0
    читателей
    Максим Фадеев
    больше года назад
    Интересная статья - спасибо
    Но сайт - richpro.ru/ не так уж и быстро растёт, всё сделано по вашей рекомендации.
    У конкурентов куплены ссылки в сапе. Походу сапа обретает вторую жизнь)))
    -
    0
    +
    Ответить
  • Юрий Бедулин
    23
    комментария
    0
    читателей
    Юрий Бедулин
    больше года назад
    хорошая подборка картинок )
    -
    7
    +
    Ответить
  • Гость
    1
    комментарий
    0
    читателей
    Гость
    больше года назад
    Спасибо, Лена, за интересную и полезную статью. И привет сынишку Вовке!
    -
    1
    +
    Ответить
  • Дмитрий Мрачковский
    5
    комментариев
    0
    читателей
    Дмитрий Мрачковский
    больше года назад
    Тема действительно о наболевшем. Пару месяцев назад опубликовали материал об этой же проблеме www.cossa.ru/trends/168397/. Самое главное - верно определить структуру будущего сайта, опираясь на реальный спрос и ассортимент товаров/услуг, которые будут представлены. Также, не менее важен вопрос не только разработки первого сайта компании, но и переработки имеющегося (будь то ИМ или услуги) без потерь в трафике/позициях/заявках/прибыли. Примеры таких кейсов (положительных и отрицате...
    Тема действительно о наболевшем. Пару месяцев назад опубликовали материал об этой же проблеме www.cossa.ru/trends/168397/. Самое главное - верно определить структуру будущего сайта, опираясь на реальный спрос и ассортимент товаров/услуг, которые будут представлены. Также, не менее важен вопрос не только разработки первого сайта компании, но и переработки имеющегося (будь то ИМ или услуги) без потерь в трафике/позициях/заявках/прибыли. Примеры таких кейсов (положительных и отрицательных) есть в статье по ссылке выше, а также подробные рекомендации с нашим чек-листом по основным SEO-требованиям при разработке сайта.
    -
    4
    +
    Ответить

Отправьте отзыв!
X | Закрыть