Разработка сайта с учетом SEO

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

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

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

Что будет делать SEO-специалист, пока разрабатывается сайт?

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

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

Чек-лист на разработку сайта с учетом SEO

Как я уже писала ранее, вы можете составить ряд задач, которые повторяются из проекта в проект. Я приведу пример некоторых задач, которые я отражаю в ТЗ для программиста на разработку:

1. Внедрить заголовок H1. На каждой странице без исключения должен быть заголовок H1. Данный заголовок должен быть только один на одной странице.
2. Мета-тег keywords должен быть пустым. Данный мета-тег должен не иметь содержимого.
3. Открыть сайт для индексации.
4. Добавить возможность внедрить шаблонные мета-теги для каждого типа страниц. У каждой группы, подгруппы, категории, страницы товара, тегов, меток и тд должна быть возможность внедрить шаблонные мета-теги и возможность поправить их в индивидуальном порядке.
5. Исключить дублирование товаров. Если один и тот же товар находится в разных категориях, то он все равно должен быть с одним и тем же урлом.
6. Убрать атрибут rel=”canonical” со всех страниц, кроме страниц пагинации. Атрибут canonical должен быть удален со всех страниц, кроме страниц пагинации. На страницах пагинации URL в данном атрибуте должен вести на первую страницу.
7. Оптимизировать страницы пагинации. На страницах пагинации, начиная со второй страницы, к title, description и h1 должны добавляться номер страницы и пропадать текст.
8. Настроить кликабельность контактов для связи. Все телефоны, имейлы, мессенджеры должны быть кликабельные.
9. Прописать alt и title для изображений. Если у изображения не прописан alt и title вручную, то в них должен автоматически подставляться H1.
10. Сделать ЧПУ (Человеко-Понятный УРЛ). URL должны быть написаны только латинскими буквами на языке сайта (то есть если сайт для русской или белорусской компании, то все URL должны содержать русские слова латинскими буквами). Никакой кириллицы или загравных букв. Из символов только среднее подчеркивание.
11. Оптимизировать скорость загрузки страниц. Скорость загрузки сайта должна стремиться к зеленой зоне по Google Page Speed https://developers.google.com/speed/pagespeed/insights/?hl=ru. Также можно посмотреть через панель вебмастера.
12. Настроить страницу 404. Страница 404 должна отдавать код ответа сервера 404.
13. Убрать технические дубли страниц. Настроить 301 редирект со всех зеркал на главное:
    Пример: есть сайт https://site.by/
    Значит с http://site.by
    http://site.by/
    http://www.site.by
    http://www.site.by/
    https://site.by
    https://www.site.by
    https://www.site.by/
    https://site.by/index.php
    https://site.by/index.html
    Значит должны быть настроены 301 редиректы на https://site.by/
14. Не использовать h2-h6 нигде, кроме текста. Никакие элементы на сайте не должны быть размечены заголовками h2-h6. Эти заголовки должны быть только в seo-тексте. Меню, кнопки и тд должны быть div, p и все, что угодно, но не H.
15. Добавить атрибут rel=”nofollow”. Данный атрибут должен быть в следующих местах:
    • Все ссылки в футере;
    • Все якоря;
    • Все кнопки;
    • Все исходящие внешние ссылки;
    • Все телефоны, имейлы, мессенджеры.
16. Добавить sitemap.xml. Карта сайта для поискового робота должна содержать все страницы, открытые для индексации и отдающие код сервера 200. Она должна быть динамической.
17. Добавить sitemap.html. Карта сайта для посетителей. На ней перечисляются все страницы сайта.
18. Убрать кликабельность логотипа на главной странице. Логотип должен быть кликабельным везде, кроме главной страницы (и в футере, и в хедере).
19. Убрать кликабельность активного пункта меню. Когда человек переходит на какую-то страницу, в меню пункт с этой страницей должен быть не кликабельный (в шапке, в футере, в сайтбаре и т.д.)
20. Внедрить хлебные крошки. На сайте должны присутствовать хлебные крошки, которые будут повторять полный путь пользователя от главной страницы до той, на которой он оказался. Последняя крошка должна быть не кликабельная.
21. Сделать год в футере динамическим. Если есть год в футере, то сделать его динамическим.
22. Внедрить следующие микроразметки:
    • Организации (сквозную на все страницы);
    • Услуг (если сайт услуг, то на странице услуги);
    • Товаров (если сайт товаров, то на странице товара);
    • Статей (если есть статьи, то на странице статьи);
    • Хлебных крошек;
    • Меню (в хедере);
    • Отзывов (если есть отзывы).
23. Оптимизировать изображения:
    • Все изображения без прозрачного фона должны быть в формате jpeg;
    • Все изображения должны быть не шире блока, в котором они размещаются;
    • Все изображения, перед загрузкой на сайт, должны быть оптимизированы через сервис https://imagecompressor.com/ru/;
    • Все иконки иконки на сайте должны быть в формате svg.
24. Внедрить Lazy Load. Должен быть внедрен lazy load хотя бы для изображений.

Чтобы было удобнее, прикрепляю этот же ЧЕК-лист в Google Doc.