Базовое SEO

SEO10 мин
Базовое SEO

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

В последнее время многие заказчики, обращающиеся к нам, часто говорят примерно следующее: «Мне нужен качественный современный сайт и базовое SEO». При этом что такое базовое SEO, мало кто из них понимает.

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

Базовое SEO

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

Минимальное SEO, или Что обычно предлагают недобросовестные разработчики

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

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

Что обычно делают «специалисты» таких студий?

  1. Ставят бесплатный SEO-плагин - куда же без этого… Но сам плагин ничего не даёт, его нужно правильно настроить. То есть это инструмент для работы веб-мастера, которым нужно уметь пользоваться, а не просто установить и забыть.
  2. Подключают сайт к Google Search Console. Да, это нужно, но что дальше? Ведь это тоже рабочий инструмент, который сам по себе в пассивном режиме не выведет интернет-ресурс в ТОП.
  3. Более «продвинутые» разработчики могут даже заполнить мета-теги title на основных страницах. Но опять же, нужно знать, как правильно их составить, чтобы они работали и не приводили к фильтру от поисковых систем за «спамный» контент.
  4. Некоторые идут ещё дальше и добавляют на сайт файлы sitemap.xml и robots.txt. Да, это важные файлы (хотя в последнее время не такие уж и важные). Но если XML-карту сайта ещё можно автоматически генерировать и она будет почти правильной, то в robots.txt нужно прописать директивы конкретно для вашего сайта. Обычно разработчики «заливают» в корневой каталог шаблонный файл, и на этом всё заканчивается.
  5. Также могут добавляться «хлебные крошки». Это важный элемент навигации, но его простого существования недостаточно. Желательно сделать микроразметку «хлебных крошек», чтобы сниппет сайта в поисковой выдаче был более привлекательным и информативным, а значит и более кликабельным, чем у конкурентов.
  6. Иногда к сайту подключают системы веб-аналитики, например Google Analytics. Без правильной работы с этими системами, как сказал один из сотрудников Google, они превращаются просто в счётчик трафика. Вообще веб-аналитика - это отдельная фундаментальная область интернет-маркетинга, и к базовым SEO-настройкам её невозможно отнести, т.к. веб-аналитику саму нужно правильно настроить и в дальнейшем правильно использовать. А это требует специальных знаний.
  7. Ну и самый большой ляп в условиях Mobile-first indexing - это когда сайт хорошо работает на стационарных устройствах (компьютер, ноутбук), но медленно загружается или не полностью работает на мобильных. Ведь сейчас поисковые системы, в частности Google, считают именно мобильную версию сайта основной, и от её качества зависит успех поискового продвижения.

Правильная базовая поисковая оптимизация. Как мы это делаем?

В Polyarix есть свой SEO-отдел. Он принимает активное участие с самого начала разработки веб-ресурсов наших клиентов. Как же у нас происходит этот процесс в разрезе SEO?

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

Что входит в пакет «Базовое SEO» в Polyarix?

Правильная структура сайта

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

Структура сайта

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

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

Friendly URL

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

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

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

Правильные мета-теги: закладываем возможность их формирования

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

Мета-теги

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

Именно поэтому ещё на этапе создания сайта мы учитываем эти требования.

Устраняем дубли страниц до открытия сайта для индексации

Очень важно не допустить наличия дублей страниц. Дубли могут быть разные: например, страница site.com/page1 может открываться по адресу site.com/page1.html. С точки зрения человека это одна и та же страница, но с точки зрения поискового робота - две разные страницы с дублирующимся контентом.

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

Основное зеркало сайта

В продолжение предыдущего пункта отметим важность настройки основного зеркала.

Зеркало сайта - это его копия с полным или частичным дублированием контента. При создании сайт доступен по двум адресам: с www и без. Например, site.com и www.site.com. Опять же, для пользователя это один и тот же сайт, но для поисковой системы - два разных сайта, дублирующих друг друга.

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

Чтобы указать основное зеркало сайта, обычно мы настраиваем редирект с версии www на версию без www (можно наоборот). Затем в панелях для вебмастеров, например Google Search Console, указываем предпочтительную версию URL.

HTTPS - сегодня это must have

Сейчас поисковые системы всё настойчивее рекомендуют сайтам переходить на защищённый протокол обмена данными (HTTPS-протокол). Это связано с тем, что ПС заботятся о безопасности пользователей и стремятся свести к минимуму возможную утечку персональных данных, например, в руки мошенников.

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

HTTPS-протокол

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

Правильная настройка пагинации

Если на сайте есть страницы с порядковой нумерацией внизу, это называется пагинацией. Подобная ситуация часто встречается в интернет-магазинах или контентных проектах (блоги, новости и т.п.).

Пагинация

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

Важно помнить, что для указания канонической страницы необходимо использовать атрибут rel="canonical", а не rel="prev|next", о котором Google заявил, что он «давно его не учитывает».

Если у нас есть две страницы пагинации с адресами site.com/catalog/page-1 и site.com/catalog/page-2, то в секции <head></head> HTML-кода каждой страницы мы прописываем следующее: <link rel=»canonical» href=»site.com/catalog/page-1″/>.

Вообще, вариантов использования этого атрибута несколько, всё зависит от конкретного проекта. Google, например, вообще не рекомендует разбивать контент пагинацией. Но как тогда быть крупным магазинам с десятками тысяч товаров? Если все карточки товара поместить на одну страницу, то грузиться она будет очень долго.

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

  • попадание в индекс не тех страниц, которые выбраны для продвижения;
  • непопадание приоритетных страниц в индекс;
  • восприятие вашего сайта как низкокачественного и понижение его в выдаче.

Все редиректы должны быть только 301

Для начала отметим, что в основном используются 2 вида перенаправления:

  • 301 - постоянное;
  • 302 - временное.

Безусловно, случаются ситуации, когда нам нужно перенаправить посетителя на нужную нам страницу временно. Если мы проводим акцию и хотим, чтобы пользователь переходил на страницу с акционным предложением по конкретному товару, и при этом не хотим переделывать основную страницу этого товара, то в таком случае нам как раз подойдёт 302 редирект, ведь с точки зрения SEO:

  • не передаётся ценный «вес» ссылки с основной страницы на временную;
  • основную страницу поисковые роботы «не забывают» и продолжают индексировать;
  • основная страница не выпадет из результатов поиска.

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

301 редирект

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

Закрытие исходящих ссылок

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

С одной стороны, ссылка на трастовый ресурс - это плюс для продвижения сайта. Но с другой стороны, происходит утечка веса страницы на чужой ресурс, что усложняет работу по распределению внутреннего веса сайта. Чтобы этого избежать, Google рекомендует использовать в исходящих ссылках атрибут rel="nofollow", который запрещает роботу переходить по этим ссылкам.

Атрибут nofollow

Оптимизированная скорость загрузки

Реалии современной всемирной сети таковы, что посетители, избалованные скоростью интернета и обилием сайтов, часто уходят с ресурса, не дождавшись его загрузки, если страница открывается дольше 3-4 секунд. К тому же есть следующая неутешительная статистика: увеличение времени загрузки сайта более чем на 1 секунду приводит к:

  • падению числа конверсий более чем на 7%;
  • уменьшению количества просмотренных страниц на 11%;
  • снижению удовлетворённости посетителя на 16%.
PageSpeed мобильные

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

PageSpeed десктоп

 Качественная мобильная или адаптивная версия сайта

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

Что касается SEO, то вообще качественная мобильная версия - это весомый фактор ранжирования. Например, Google с марта 2018 ввёл так называемый Mobile-First Indexing. Это означает, что теперь основной версией сайта для индексации и ранжирования является мобильная или адаптивная.

Mobile-First Indexing

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

Мобильная версия

Здесь важно учесть множество факторов и избежать разнообразных ошибок. Так, если неправильно составить файл robots.txt, о котором пойдёт речь ниже, можно запретить индексацию важных скриптов, css-файлов или изображений. В результате, даже если интернет-ресурс на самом деле хорошо работает на мобильных устройствах, поисковые системы могут это просто «не увидеть» и соответственно «не оценить», что приведёт к проблемам в продвижении.

Кроссбраузерность

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

Правильное определение мультиязычности

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

Есть несколько вариантов решения. Наиболее распространённый, который мы используем, можно описать на следующем примере.

Есть сайт, имеющий 3 языковые версии:

  • украинская https://site.com - по умолчанию;
  • английская https://site.com/en;
  • французская https://site.com/fr.

В этом случае в теге <head></head> кода главной страницы мы формируем следующий блок тегов:

<link rel=»alternate» hreflang=»ua» href=»https://site.com/» />

<link rel=»alternate» hreflang=»en» href=»https://site.com/en/» />

<link rel=»alternate» hreflang=»fr» href=»https://site.com/fr/» />

Для внутренних страниц пишем следующее:

<link rel=»alternate» hreflang=»ua» href=»https://site.com/{Директория} /» />

<link rel=»alternate» hreflang=»en» href=»https://site.com/en/{Директория} /» />

<link rel=»alternate» hreflang=»fr» href=»https://site.com/fr/{Директория} /» />

В отдельных случаях может понадобиться использование атрибута "x-default", который указывает на использование нескольких языков на странице:

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

В этом случае используется следующая запись HTML:

<link rel=»alternate» href=»https://site.com/» hreflang=»x-default» />

Оптимизация внутренней перелинковки

Выше мы уже упоминали настройку внутренней перелинковки, говоря об атрибуте rel="nofollow". Зачем она нужна?

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

Внутренняя перелинковка

Что это даёт SEO? Грамотно выстраивая внутреннюю перелинковку, мы можем помочь важнейшим страницам подниматься в ТОП за счёт роста их важности в глазах поисковых систем. Именно поэтому ещё до начала создания важно правильно продумать и составить такую структуру сайта, работая с которой в дальнейшем не возникнет проблем с «прокачиванием» нужных страниц внутренним весом.

Правильная иерархия заголовков группы <h></h>

В продолжение темы внутренней перелинковки отметим важность грамотного использования тегов H1-H6. Дело в том, что часто не очень добросовестные разработчики оборачивают этим тегом рабочие кнопки, элементы дизайна и т.п. В то время как заголовки Н1-Н6 - это важный текстовый (и никакой другой) элемент, помогающий поисковому роботу определить тематику страницы и её структуру.

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

Основные правила использования заголовков H1-H6:

  1. На странице обязательно должен быть заголовок H1 и располагаться как можно выше в коде HTML.
  2. Далее текст разбивается подзаголовками H2 на логические блоки.
  3. Блоки с заголовками H2 разбиваются при необходимости подзаголовками H3 и т.д. При этом важно соблюдать приоритетность. То есть, например, нельзя сперва разбить текст заголовками H4, а потом эти блоки делить заголовками H2.

Мы строго следим за правильностью и иерархичностью заголовков на сайте.

Юзабилити

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

«Делайте сайты удобными и полезными для ваших пользователей. Это залог успеха!»

Да, есть много примеров ресурсов, которые находятся в ТОПе и при этом неудобны и непривлекательны. Но в конкурентных тематиках такие сайты уже давно в лучшем случае на 3-4 странице выдачи. А с учётом усиливающейся конкуренции нет никаких сомнений, что скоро таких сайтов в ТОПе мы больше не увидим.

Юзабилити

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

  • улучшить навигацию по сайту;
  • настроить разметку сниппета (смотрите далее);
  • косвенно повлиять на посещаемость и популярность ресурса.

Микроразметка

Для того чтобы сниппет вашего сайта в поисковой выдаче выглядел привлекательным и кликабельным, а также чтобы помочь поисковым системам правильно «понять» содержимое страницы, используется так называемая микроразметка. Что это такое?

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

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

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

Файлы sitemap.xml и robots.txt

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

Если говорить обобщённо, sitemap.xml показывает краулеру поисковика страницы, которые нужно индексировать, а robots.txt - какие не нужно. При этом если не очень компетентный SEO-шник «закинет на хост» шаблонный robots.txt и сгенерированный sitemap.xml, то, о чём шла речь выше, может получиться так, что важные скрипты не будут доступны для сканирования, и наоборот, «мусорные страницы», такие как админка, корзина и т.п., попадут в индекс.

Оптимизация robots.txt

При всей простоте этих двух файлов работа с ними требует достаточно глубокого знания принципов работы современных поисковых систем. Мы всегда тщательно проверяем все директивы robots.txt и строки sitemap.xml.

Вывод

Итак, мы рассмотрели основные пункты базовой поисковой оптимизации сайта на этапе его разработки:

  1. Формирование правильной структуры сайта;
  2. Настройка ЧПУ;
  3. Подготовка к оптимизации мета-данных;
  4. Устранение дублей страниц;
  5. Настройка основного зеркала;
  6. Внедрение HTTPS-протокола;
  7. Работа со страницами пагинации;
  8. Редиректы;
  9. Закрытие исходящих ссылок для поисковых роботов;
  10. Оптимизация скорости загрузки;
  11. Создание качественной, адаптированной под мобильный поиск версии сайта;
  12. Кроссбраузерность;
  13. Мультиязычность;
  14. Внутренняя перелинковка;
  15. Соблюдение иерархии заголовков;
  16. Юзабилити;
  17. Микроразметка;
  18. Настройка sitemap.xml и robots.txt.

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

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

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

Лев КорнеевЛев КорнеевSEO-оптимизатор и маркетологВсе статьи

Обсудим проект

Расскажите о задаче - ответим в течение одного рабочего дня.

Что вам нужно?
Бюджет

Спасибо!

Заявка получена. Ответим в течение одного рабочего дня.