SEO-оптимизация при разработке сайта

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

Это происходит по следующим причинам:

• Клиент самостоятельно создал сайт, не имея даже базовых знаний в программировании и поисковой оптимизации. Например, это можно сделать на Тильде.
• Клиенту разрабатывал сайт «сын маминой подруги». Из той же серии «друг, который посмотрел курс», «знакомый, который шарит в компах» и т.д.
• Клиенту создал сайт один «прошаренный программист». Он, правда, пропал/не берёт трубку или уехал в Москву и сейчас не может заниматься сайтом, так как вырос из всего этого.
• Клиент обратился в Digital-студию, у которой нет услуги поискового продвижения и, соответственно, она не знает про базовую оптимизацию проектов или не хочет тратить время/человеко-часы на это. Они предложили клиенту разные варианты, он выбрал, а они просто сделали как сказал клиент.

Существует ещё много разных причин, но не будем на этом заострять наше внимание.

Итог один: сайт не готов к продвижению.

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

Опять я затянул с началом, но это было необходимо.

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

Пожалуй, начнём…

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

Например, если у большинства наших конкурентов в поиске есть функция «Заказ товара в 1 клик», то мы тоже можем внедрить эту функцию в нашу карточку товара. По сути, мы берём функционал конкурентов, которые в данный момент занимают лидирующие позиции, улучшаем его, если есть такая возможность, и внедряем на наш сайт. Это важно на этапе создания прототипов сайта.

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

Окей, сделали семантическое ядро, провели анализ конкурентов, значит, пора браться за структуру (схему) сайта.

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

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

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

• CMS должна быть популярной, чтобы у клиента был большой выбор исполнителей, если мы прекратим сотрудничество. Цель: создать удобную во всех отношениях платформу, а не привязывать клиента к себе.

• Система управления сайтом сможет вытянуть работу функционала, который мы собрали в прототипе.

Чаще всего мы в Lezhebokov.com используем 1С-Битрикс, WordPress, OpenCart и Laravel (фреймворк).

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

• Анализируем лидеров поисковой выдачи и думаем как сделать лучше.
  
• Изучаем ЦА и ориентируемся строго на неё.
  
• Адаптивность дизайна. Если мобильный трафик больше, то сначала отрисовываем дизайн для мобильных устройств.
• Польза для клиента. Дизайн под SEO — это в первую очередь не его красота, а польза для посетителя (например, он легко может найти необходимую ему информацию за счёт удобной навигации).
• ПФ. Думаем, как сделать дизайн, который будет положительно отражаться на поведенческих факторах (уменьшит процент отказов, увеличит глубину просмотров и т.д.).
• Скорость загрузки. Разрабатываем дизайн сайта так, чтобы они оказывали на него как можно меньше нагрузки. Оптимальная скорость загрузки страницы не более 2-х секунд.

Попутно со всеми вышеперечисленными пунктами мы сделали ТЗ для программиста, где описаны все пункты базового SEO.

Здесь мы можем разделить SEO на 2 части:

• Базовое SEO – техническая или внутренняя оптимизация сайта. Делается один раз и подготавливает сайт к растянутому на месяцы, но эффективному, с точки зрения вложений и привлечению клиентов, процессу. Эффект достигается за счет 100% корректной индексации поисковыми роботами. Базовая оптимизация станет основой для SEO-продвижения и увеличит его эффективность.
• Продвижение сайта — комплекс мер по обеспечению посещаемости сайта посетителями, которые будут конвертироваться в клиентов. Когда Базовое SEO сделано, процесс состоит из формировании ссылочного профиля, оптимизации кода, улучшения поведенческих факторов и т.д. и т.п. О SEO в подробностях вы можете узнать на сайте SEOchecklist.pro.

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

Метатеги (англ. meta tags) — (X)HTML-теги, предназначенные для предоставления структурированных данных о странице сайта. Метатеги помогают поисковым роботам распознать контент и тематику страницы. Чем понятнее они будут для поисковой системы в целом, тем выше вероятность приоритетной выдачи по ключевому запросу.

Существует три основных метатега:

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

Наша задача состоит в том, чтобы они вообще выводились и легко редактировались, а для больших проектов метатеги можно выводить с помощью шаблонов (например, интернет-магазин на 500к товаров).

Мы ориентируемся на продвижение в 2-х основных поисковых системах и одна из них Google, поэтому сайту необходимо пройти тесты от Google на адаптивность и скорость загрузки:

• Mobile Friendly. Подскажет, подходит ли сайт под требования Google или нет. Возможно, часть комментаторов скажет, что этот тест можно легко обмануть и я соглашусь, но метрику не обманешь. Если вы хотите хороших результатов, все равно придется сделать максимально адаптивный ко всем устройствам сайт.
• Google PageSpeed Insights. Сайт должен выдавать хотя бы 80 баллов из 100. Радует то, что сервис предоставляет рекомендации по ускорению загрузки страниц.

Все сайты лучше создавать сразу с правильными адресами. Это очень важно для продвижения, так как поисковая система ищет запрашиваемые пользователями ключевые запросы в том числе и в адресе страницы (ЧПУ).

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

С помощью «хлебных крошек» любой пользователь, который не нашел подходящий товар для сравнения или просто хочет посмотреть другие товары, может легко перемещаться по структуре сайта и продолжать последовательно просматривать товары/услуги. Хлебные крошки, также, являются одним из способов реализации перелинковки на сайте.

Эти 2 сервиса помогают настроить отображение сайта в результатах поиска:

• В Яндексе настроить регистр сайта (читайте в этой статье), отображение быстрых ссылок, добавление карты сайта, обозначение региона и т.п.
• В Google посмотреть по каким запросам ранжируется страница, отслеживание скорости загрузки страниц, поиск страниц с низким CTR и т.д.
  

Инструкции по добавлению сайта в Яндекс.Вебмастер читайте здесь, а в Google Search Console здесь.

Карта сайта представляет собой список страниц сайта для поисковых систем или пользователей и аналогична разделу «Содержание» обычной книги. Используется как элемент навигации, показывает взаимосвязь между страницами сайта.

Для нас важна карта сайта в формате XML (пример). Для больших интернет-магазинов или сайтов с большим ассортиментом услуг можно сделать автоматически генерируемую карту сайта раз в определённый период (неделя, месяц). Её нужно указать в файле Robots.txt о котором я напишу ниже.

Robots.txt – это свод правил для поисковых роботов в духе «Смотри здесь, но не смотри это». Здесь нужно перечислить весь контент, который вы хотите скрыть от роботов через директиву Disallow:

• файлы админ-панели;
• поиск;
• страницы авторизации и регистрации;
• корзину для интернет-магазина;
• и другие технические страницы.

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

Ошибка 404 — это любая страница, которой нет на сайте и она отдаёт код ответа сервера 404 вместо 200. Если посетитель по каким-то причинам попал на сайт необходимо сделать её в цветовом решении сайта и со ссылками на самые популярные разделы ресурса.

Пример ошибки 404: https://ekzamen.pro/5454 — в конце любой набор букв или цифр.

Дубли — страницы с разными адресами, где полностью или частично совпадает контент. На новом сайте, который ещё не продвигался в поиске, такая проблема есть у 9 сайтов из 10, а для нас, как для SEO-специалистов, важно убрать все препятствия, которые мешают сайту продвигаться.

Для базового SEO нужно решить проблему с главной страницей сайта. Чаще всего он доступен по адресам:

• site.ru
• site.ru/index.php
  
• site.ru/index.html
  
• www.site.ru
  
• www.site.ru/index.php
  
• www.site.ru/index.html
  

Всех их надо перенаправить либо на site.ru, либо на www.site.ru.

Favicon (Фавикон) – это маленькая картинка или пиктограмма, которая является частью дизайна сайта и делает его уникальным и запоминающимся. Фавикон, как правило, отображается в поисковой выдаче рядом со ссылкой, во вкладке браузера и в закладках.

Создать фавикон под разные браузеры и под разные платформы вы можете на сервисе RealFaviconGenerator.net.

Для того чтобы клиент всегда был в курсе посещений на сайте необходимо установить системы веб-аналитики: Яндекс.Метрика и Google Analytics.

Можно было бы назвать их счётчиками посещений, но это не совсем так, потому что системы решают множество задач необходимых при продвижении в поиске (анализ поведенческих факторов, определение сильных и слабых сторон сайта и т.п.).

Возможно, часть подрядчиков задаст себе такой вопрос «А зачем мне тратить время и деньги на то, что потом сделает SEO-специалист?». Конечно, часть компаний будет продвигать сайт как есть, не изменяя его структуру, не говоря уже про дизайн, который влияет на поведенческие факторы. Но есть причины всё же применять базовую оптимизацию:

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

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