Архив рубрики: Поисковое продвижение

Правила форматирования текста в HTML — какие теги следует использовать

Правила форматирования текста в HTML — какие теги следует использовать

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

  • HTML-код должен быть валидным.
    Что такое валидность? Соответствие стандарту W3C — The World Wide Web Consortium, которое обеспечивает корректное отображение сайта у каждого пользователя во всех браузерах на любых стационарных и мобильных устройствах.
  • Сайт должен быть мобилопригодным.
    Качество отображения и удобство использования сайта на мобильных устройствах ставим на первое место. Быстро проверить, оптимизирована ли страница для мобильных устройств можно с помощью сервиса от Google, а также инструмента встроенного в Яндекс Вебмастер.
  • Сокращаем количество кода.
    Выносим в отдельные файлы CSS стили, скрипты, коды форм обратной связи. Не стоит создавать излишнее количество классов и идентификаторов.
  • Парные теги необходимо закрывать.
    Это простое правило является одним из залогов успеха на всех этапах работы с сайтом.
  • Нельзя «мусорить» в коде.
    К «мусору» мы относим лишние стили в коде, неуместно употребленные теги, неуместно употребленные скрипты, нарушение порядка расположения блочных и строчных тегов, большие закомментированные куски кода и т.д.

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

  1. Заголовки
  2. Текст
  3. Визуальное оформление текста
  4. Таблицы
  5. Изображения

Теги заголовков <h1…h6>

<h1…h6>— эти парные теги предназначены исключительно для заголовков. Других элементов внутри них быть не должно. Нельзя их использовать для визуального оформления текста, служебных элементов типа форм обратной связи, ссылок и т.д. Чтобы задать стиль тегам <h1…h6> допускается только применение классов или id.

Правила форматирования текста в HTML — какие теги следует использовать
Теги заголовков с с первого по шестой уровень

<h1></h1>

Заголовок верхнего уровня. На странице допускается только один. Для каждой страницы содержимое данного тега должно быть уникальным и отражать суть документа.

<h2></h2>

Заголовок второго уровня. Разбивает текст на крупные смысловые блоки. Ограничений по количеству на странице нет.

<h3></h3>, <h4></h4>, <h5></h5>, <h6></h6>

Подзаголовки третьего, четвертого, пятого и шестого уровней. Важно соблюдать порядок и логику в применении данных тегов к заголовкам. Пример: после <h1> не может сразу идти <h5>, а следом за ним <h3>.

Теги форматирования текста

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

<p></p>

Основной тег в HTML для работы с текстом — делит его на абзацы. Часто встречающейся ошибкой является замена <p></p> другими тегами, например <div></div>, <span></span> или разновидностями тега h.

<br>

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

Списки

<ul></ul> — создает маркированный список. Маркером по умолчанию является закрашенный круг, но можно задать любую другую метку, в т.ч. в виде изображения.

<ol></ol> — для нумерованного списка. По умолчанию нумерация начинается с единицы, но можно задать начало списка с любой другой цифры.

<li></li> — находится внутри <ul></ul> или <ol></ol> создает каждый новый элемент списка. Тегов <li></li> может быть неограниченное количество.

Правила форматирования текста в HTML — какие теги следует использовать
Результат применения тегов <ul></ul> и <li></li> 

<span></span>

Этот тег используется для форматирования отдельных отрывков текста внутри <p></p>, <li></li> и других. Например, выделения другим цветом или шрифтом.

Какие теги визуального оформления текста использовать

<b> или <strong>?

<b></b> делает шрифт текста жирным, но не несет под этим никакой смысловой нагрузки.

<strong></strong> — тег семантического форматирования, который не просто визуально выделяет текст жирным шрифтом, но и указывает, что внутри него находится информация, на которую следует обратить особое внимание.

Этот тег участвует в голосовой озвучке страницы — влияет на интонацию.

<i> или <em>?

<i></i> выделяет текст курсивом, но не меняет смысловые акценты.

<em></em> — тег семантического форматирования, предназначенный не только для изменения шрифта на курсивный, но и для наделения текста внутри него более эмоционально экспрессивным окрасом. Как и <strong> влияет на интонацию при голосовой озвучке страницы.

<sub></sub>

Уменьшает текст в размере и сдвигает его ниже стандартного уровня строки. Применяется для указания нижних индексов, например в формулах или химических элементах — H2O.

<sup></sup>

Также уменьшает текст в размере, но сдвигает его выше уровня строки. Чаще всего используется для указания степеней или единиц измерения — м2.

Таблицы

Создается таблица с помощью парного тега <table></table>.

Тег <tbody></tbody> обозначает тело таблицы и является необязательным, но рекомендуемым. Редко, но всё же иногда с ним в паре используются теги <thead></thead> и <tfoot></tfoot> обозначающие начальную и завершающую части таблицы.

Тег <tr></tr> отвечает за строки таблицы, а <td></td> — за столбцы. Они располагаются внутри <tr></tr> — сколько <td></td>, столько и ячеек в строке.

Для обозначения заголовков столбцов существует тег <th></th>. Он не является обязательным, но используется для удобства.

Правила форматирования текста в HTML — какие теги следует использовать
Верстка стандартной таблицы

Изображения

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

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

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

Неочевидные правила хорошего тона при размещении текстов

  1. вместо кавычек-лапок «_» следует использовать кавычки-елочки «_»;
  2. союзы и предлоги не должны «висеть» в конце строки, т.е. быть оторванными от слов, к которым они относятся, переходом на следующую строку. Чтобы этого не происходило после них необходимо проставлять неразрывные пробелы , которые «сцепят» их со следующих словом в предложении.
  3. не следует использовать вместо тире — знаки минуса или дефис. У каждого из этих знаков есть своя собственная область применения, подробнее об этом здесь.

Правила форматирования текста в HTML — какие теги следует использовать
Не следует оставлять предлоги и союзы в конце строки

5 сервисов для быстрой html-разметки текста

Визуальный редактор

Это текстовый редактор в административной панели сайта, по виду напоминающий обычный текстовый редактор, например Microsoft Word.

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

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

Типограф Артемия Лебедева

Онлайн сервис «Типограф» созданный студией Лебедева решает такие задачи, как разметка абзаца текста тегами <p></p>, замена кавычек-лапок «_» на кавычки-елочки «_», расстановка неразрывных пробелов после союзов и предлогов, замена знаков минус и дефиса — на тире —. Также он умеет удалять из текста символы табуляции, убирать пробелы перед знаками препинания и добавлять после.

Автоверстальщик

text-html.ru — сервис, который в режиме онлайн быстро оборачивает параграфы в теги <p></p>, в 2 клика размечает списки нумерованные и маркированные списки, а также заголовки с 1-го по 3-ий уровень.

Типограф от Евгения Лепешкина

typograf.ru — подобен «Типографу» Лебедева и решает те же задачи. Отличает его упрощенный интерфейс, наличие рекламы и отсутствие каких-либо настроек. Слова, которые пишутся через дефис, обрамляет тегом , уведомляющим браузер, что текст внутри него следует отображать без переноса. Умеет определять акронимы и выделяет их соответствующим тегом <acronym></acronym>.

Типограф на GitHub

https://typograf.github.io/ — редактор, расположенный на веб-сервисе хранения и разработки IT-проектов GitHub.

Для форматирования текста он решает всего одну задачу — разметка абзацев тегами <p></p>. Кавычки и тире он меняет на верный вариант, но не заменяет на символьный код, как в Типографах Лебедева и Лепешкина. Есть настройки по исправлению ошибок пунктуации, повторов слов и символов, употреблению тире и дефиса.

Наш чек-лист по размещению текста на сайте

  1. В текстовом редакторе, например Microsoft Word или Google Документы, отделяем абзацы статьи при помощи переноса строки клавишей Enter;
  2. Копируем текст в один из типографов для приведения к правильному виду тире, кавычек, расстановки неразрывных пробелов и разметки параграфов. Мы пользуемся сервисом от Лебедева;
  3. Копируем результат пункта 2 в Автоверстальщик и размечаем в нем заголовки и списки;
  4. Копируем результат пункта 3 в HTML-редактор административной панели сайта, на котором размещается текст, и при необходимости дорабатываем его вручную;
  5. Публикуем и проверяем, что получилось;
  6. После размещения и проверки отправляем страницу с новым текстом на обход в Яндекс Вебмастере в разделе Переобход страниц и в Google Search Console в строке проверки URL.

Правила форматирования текста в HTML — какие теги следует использовать
Переобход страниц в Яндекс Вебмастере

Правила форматирования текста в HTML — какие теги следует использовать
Проверка URL в Google Search Console

И помните, чистый код, валидная верстка, уникальный контент, грамотный текст и его размещение в соответствии с правилами хорошего тона, дают +100 к карме вашего сайта ????.

Новый сайт для завода «Продмаш»

Новый сайт для завода «Продмаш»

Сегодня расскажем о продвижении сайта производителя промышленного холодильного оборудования «Север» («Продмаш»), производство которого находится в Самаре, но имеется множество официальных дилеров во многих городах России, а также в некоторых странах СНГ. Это не мелкая контора-перекупщик, а реальный завод со своим производством. С сайтом работаем много лет, начиная с 2012 года.

Основные направления:

  • холодильные камеры,
  • холодильные двери,
  • сэндвич-панели,
  • моноблоки и сплит системы.

Сайт компании: https://www.cebep.ru/

Цель: продвинуть сайт по списку запросов в регионе Самаре, а также в крупных городах РФ в Топ.

Особенность: многорегиональное продвижение.

Изначально сайт был очень маленький: единичные страницы типа «контакты», «сертификаты», раздел новостей (с небольшой обновляемостью) и каталог продукции, который был совсем небольшой, так как направлений было немного.

  1. Кратко о старой версии сайта
  2. Приход к продвижению в других регионах
  3. Улучшенный дизайн 2017
  4. Новый сайт 2020
  • Что появилось на сайте
  • Достижения
    • Видимость сайта
    • Позиции сайта
  • В заключении
  • Кратко о старой версии сайта

    Начинали работу с самарским регионом. Информации на основных посадочных страницах сайта было крайне мало. В основном это была текстовая информация-описание категорий продукции:

    Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»

    С чем мы работали на старом сайте:

    • оптимизировали мета параметры страниц;
    • проверили шаблоны на ошибки и поправили их;
    • поработали с текстами — сделали их более полными и релевантными запросам;
    • улучшили адреса страниц — сделали ЧПУ, так как старые урлы выглядели так: http://cebep.ru/9, http://cebep.ru/10. ЧПУ стали релевантны продвигаемым запросами, например /monobloki/, /holodilnye-kamery/ и прочие. Поставили 301 редиректы со старых адресов на новые, чтобы не потерять вес.

    Приход к продвижению в других регионах

    Продвигать сайт только по Самаре было для заказчика слишком мало, хотелось иметь хорошие позиции и заказы из других регионов, где у завода есть официальные представители. Таким образом, мы решили создать для выбранных городов поддомены с тем же наполнением, но при этом «заточить» страницы под свой регион: региональными сделать страницы контактов, шапку и подвал сайта (отдавать на поддоменах контакты региона).

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

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

    Улучшенный дизайн 2017

    В 2017 году мы прибегли к услугам дизайнера и переделали сайт.

    • Стала более презентабельная шапка, куда мы вывели региональные контакты наглядно
      Новый сайт для завода «Продмаш»
    • Сделали плашку с выбором регионов
    • Сделали более привлекательные иконки основных разделов
    • Сделали более привлекательными продвигаемые страницы: например страница холодильных камер стала более описательной, делилась на блоки, имела таблицы с ценами и характеристиками
      Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    Самая большая проблема на тот момент — отсутствие адаптивной версии

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

    Как было без адаптива:

    Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»

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

    Новый сайт 2020

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

    Кроме информации, которая была перенесена со старого сайта, мы получили много нового текстового и графического контента:

    • Расширился каталог — стало больше разделов и подразделов. Если на старом сайте у нас было 4 основных раздела и 10-12 подразделов. Сегодня основных разделов у нас 7, а подразделов — 30.
    • Появился новый тип страниц — это товары с полноценным оформлением, с ценами и возможностью купить. То есть сайт стал в какой-то степени интернет-магазином. Новый сайт для завода «Продмаш»

    Что появилось на новом сайте интересного:

    • Блок с баннерами на главной с анонсами новой продукции Новый сайт для завода «Продмаш»
    • Большая удобная карта дилеров Новый сайт для завода «Продмаш»
    • Новое меню каталога с выпадашками подменю, что дало нам сквозные ссылки на важные вложенные разделы Новый сайт для завода «Продмаш»
    • Более удобное и наглядное оформление информационных блоков: Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Возможность размещения дополнительной информации в удобном и наглядном виде: Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Более наглядные и читаемые таблицы (а табличной информации очень много): Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Много фото и галерей продукции Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Больше элементов интерактива для взаимодействия пользователей с сайтом: формы обратной связи в шапке и кликабельные телефоны, возможность скачивания различных бланков и документов, возможность отправить запрос или вопрос с любой страницы сайта Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Удобные, наполненные информацией страницы товаров с ценами и возможностью купить: Новый сайт для завода «Продмаш»
    Особенность сайта

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

    Что появилось на сайте

    Технические улучшения сайта:

    • Навесили протокол https (не могли это сделать раньше, так как не позволяли настройки хостинга)
    • Сделали адаптивный дизайн: Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»Новый сайт для завода «Продмаш»
    • Внедрили микроразметку товаров и хлебных крошек
    • Сделали сайтмапы для всех поддоменов

    Про SEO:

    • Регулярно проверяем все поддомены в webmaster.yandex.ru и search-console на недочеты и ошибки.
    • Работаем с метатегами страниц.
    • Мониторим сайт сервисами-аудиторами на поиск ошибок с целью их устранения.
    • Любые изменения (даже мелкоправки) оперативно вносим на сайт.

    В планах:

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

    Достижения

    Выкатили новый сайт в феврале 2020. Но еще оставались технические моменты, которые дорабатывались уже на продакшене.

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

    Кроме того, возникли проблемы с проверкой мобильных версий сайта в Яндексе: часть поддоменов Яндекс одобрил как мобильные, часть — не захотел. Мы до сих пор регулярно отправляем «немобильные» поддомены на перепроверку: со скрипом, но очень постепенно мобильные версии присваиваются (такое решение было рекомендовано техподдержкой Яндекса после переписки и поиска причин, почему поддомены не проходят валидацию мобилки). Спустя полгода мы добились мобильности на 50% из всех поддоменов, стремимся к 100%.

    В итоге все наши работы учитывались очень долго, но результат виден.

    Видимость сайта

    Рост видимости по всем обсчитываемым регионам вырос с 7% до 19% (тут нужно понимать, что есть и жирные регионы, типа Москва, и регионы, у которых нет представительств в справочнике Яндекса, поэтому видимость достаточно размытая, будем смотреть ее по отдельным регионам).

    Новый сайт для завода «Продмаш»

    Видимость по отдельным регионам

    • Самара: с 11% до 82% Новый сайт для завода «Продмаш»
    • Новосибирск: с 7% до 21% Новый сайт для завода «Продмаш»
    • Хабаровск: с 7% до 94% Новый сайт для завода «Продмаш»
    • Уфа: с 8% до 65% Новый сайт для завода «Продмаш»

    Позиции сайта

    Динамика позиций в Самаре
    Запросы Позиции на 05.02.2020 Позиции на 05.08.2020
    холодильные камеры 5 2
    холодильная камера 6 10
    промышленные холодильные камеры 2 2
    холодильные двери 5 1
    пвх завесы 11 5
    сэндвич панели 13 1
    холодильный моноблок 10 8
    холодильные моноблоки 10 9
    холодильные сплит системы 2 3
    холодильная сплит система 4 1
    Динамика позиций в Краснодаре
    Запросы Позиции на 05.02.2020 Позиции на 05.08.2020
    холодильные камеры 12 2
    холодильная камера 15 4
    промышленные холодильные камеры 4 2
    холодильные двери 4 2
    пвх завесы 13 5
    сэндвич панели 44 4
    холодильный моноблок 10 6
    холодильные моноблоки 10 6
    холодильные сплит системы 6 3
    холодильная сплит система 8 4
    Динамика позиций в Новосибирске
    Запросы Позиции на 05.02.2020 Позиции на 05.08.2020
    холодильные камеры 9 4
    холодильная камера 12 4
    промышленные холодильные камеры 2 2
    холодильные двери 4 1
    пвх завесы 6 4
    сэндвич панели 31
    холодильный моноблок 7 8
    холодильные моноблоки 7 8
    холодильные сплит системы 7 4
    холодильная сплит система 6 3
    Динамика позиций в Хабаровске
    Запросы Позиции на 05.02.2020 Позиции на 05.08.2020
    холодильные камеры 8 1
    холодильная камера 9 2
    промышленные холодильные камеры 3 2
    холодильные двери 2 1
    пвх завесы 6 1
    сэндвич панели 30 3
    холодильный моноблок 10 9
    холодильные моноблоки 9 8
    холодильные сплит системы 2 2
    холодильная сплит система 4 2
    Динамика позиций в Челябинске
    Запросы Позиции на 05.02.2020 Позиции на 05.08.2020
    холодильные камеры 14 2
    холодильная камера 14 4
    промышленные холодильные камеры 3 2
    холодильные двери 3 2
    пвх завесы 17 3
    сэндвич панели 30 8
    холодильный моноблок 10 6
    холодильные моноблоки 10 7
    холодильные сплит системы 9 1
    холодильная сплит система 26 10

    В заключение

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

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Сайт: maskiest.ru
    Тематика: интернет-магазин
    Задача: увеличение целевого трафика
    Регионы продвижения: Россия
    Начало продвижения: апрель 2020
    Средний трафик с поиска: ~52500 посетителей в месяц

    • О проекте
    • Начало работ
    • Особенности проекта
    • 1-й этап работ
    • 2-й этап работ
    • 3-й этап работ
    • 4-й этап работ
    • 5-й этап работ
    • Результаты
    • Вместо вывода

    О проекте

    Maskiest — это интернет-магазин средств индивидуальной защиты и сопутствующих товаров для борьбы с COVID-19 ????. На текущий момент проект активно развивается и расширяет свой ассортимент товаров. В качестве нашего партнера по работе над продуктом выступает рекламное агентство полного цикла MEDOR. Изначально магазин предлагал свои услуги только в Москве, позже к территории обслуживания добавился Санкт-Петербурге. А с недавних пор «Маски есть» работают по всей России!

    Начало работ

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

    Особенности проекта

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

    Почему Tilda есть 3 объяснения:

    1. Рабочий сайт нужен был в кратчайшие сроки;
    2. Изначальный ассортимент товаров был небольшим, что не вызывало неудобств при работе с сайтом;
    3. Тильда позволяет подключить оплату быстро и просто, что важно для интернет-магазинов.

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

    Следующая особенность в том, что домен новый. Без истории. Мы сразу поняли на трафик из какой поисковый систем стоит рассчитывать (P.S. из Яндекса). Анализ выдачи подтвердил это. В ТОП-10 выдачи Яндекса попадали новые сайты (пусть даже через песочницу) в отличие от Гугла.

    И последнее на чем стоит отдельно уделить внимание — это сильная тряска выдачи на протяжение всего продвижения. Она обуславливается огромной конкуренцией, притоком новых сайтов, изменениями в формировании выдачи, а также подкруткой алгоритмов Яндекса (Гугла в меньшей степени). В связи с этим продвижение сайта можно разбить условно на несколько этапов. Далее про каждый рассказываем подробно.

    1-й этап работ

    В первую неделю продвижения в выдаче была только органика. Просто рай для cеошника.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Особенности периода:

    • Вообще не было рекламы в выдаче. Поисковики запрещали рекламные кампании по продаже масок;
    • Не было конкуренции со стороны досок объявлений. Авито и Юла блокировали объявления и тем самым высвобождали место в органике. Плюс сужали круг возможных мест покупки;
    • Не было колдунщиков, занимающих первый экран выдачи.

    Т.к. сайт пришел практически пустым, то технических ошибок было минимум.
    Все силы были брошены на сбор семантики, ее кластеризацию и создание посадочных.

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

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    Мы использовали в мета-тегах и текстах следующие преимущества:

    • товар в наличии;
    • есть доставка на дом;
    • можно купить оптом или розницу.

    Тем самым мы получали long-tail запросы и достаточно легко собирали по ним трафик.

    Также мы добавляли вхождение ключей: коронавирус, COVID-19. Это помогало собирать трафик с СЧ и НЧ запросов. В то время как большие сайты: Wildberries, Ozon, Apteka — не оптимизировали страницы под запросы «маски от коронавируса» и тому подобные.

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

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

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

    Была сделана страница 404 ошибки по всем известным канонам.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Подобрали и установили тематичный favicon. Т.к. в выдаче каждый день появлялись новые сайты, сделанные на коленке, то у них была одинаковая иконка. А нам нужно было выделяться.

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    В органике было много сервисов Яндекса: Я.Район, Я.Кью, Я.Коллекции. В первое время активно размещали ссылки на первых двух. Это помогло повысить узнаваемость бренда. На сервисах было много посетителей нуждающихся в СИЗ.

    Наши новые посадочные попали в «песочницу» Яндекса и продержались там 3 дня. Это дало резкий скачок трафика. Потом позиции несколько упали, а с ними и трафик.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    2-й этап работ

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

    Особенности периода:

    • Сервисы Яндекса все также занимали значительную часть поисковой выдачи;
    • Маски все также были в дефиците;
    • Колдунщиков все еще не было;
    • Появление рекламы в выдаче.

    Мы продолжили создавать новые срезы и допиливать уже созданные. На посадочные был добавлен блок с перелинковкой на другие разделы.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    В ходе сбора семантики был обнаружен неочевидный срез: респираторы N95. Неочевидный, потому что N95 это по сути стандарт FFP2. Однако поисковики не считают эти определения синонимами. Мы создали соответствующую посадочную и быстро заняли ТОП-3 (не только в Яндексе, но и в Гугле) ввиду низкой конкуренции . Это обеспечило рост трафика.

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    Начали вести блог и написали несколько статей. Темы выбирали тематические и максимально конверсионные. Например: «ТОП-10 масок для защиты от коронавируса», «Какие антисептики убивают коронавирус» и т.д. Линковали между собой статейные страницы и продвигали товары через них.

    Продолжали активно размещать крауд ссылки. Теперь не только на сервисах Яндекса, но и на форумах, в комментариях к новостям и статьям, на сервисах вопросов и ответов.

    Начали создавать карточки товаров в сервисе Яндекс.Коллекции. Это дало неплохой эффект. За все время продвижения из сервиса было 507 переходов на сайт.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Создали карточки в Яндекс.Справочнике. В «Google Мой бизнес» тоже создали, но подтвердить их получилось значительно позже.

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

    3-й этап работ

    Особенности периода:

    • Рост заболеваемости коронавирусом и соответственно повышение интереса к средствам индивидуальной защиты;
    • Добавление колдунщиков в выдачу по подавляющему числу запросов;
    • Наличие масок в интернет-аптеках и маркетплейсах (позже появление в офлайн-магазинах и аптеках);
    • Сервисы Я.Район, Я.Кью, Я.Коллекции уходят за пределы ТОП-10.

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

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

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

    Сделали оптимизацию хлебных крошек для гугла. С помощью добавления эмодзи в микроразметку.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Продолжали работать с отзывами. Теперь уже в Яндекс.Справочнике. Конкуренты решили атаковать его. Мы своевременно отвечали на отзывы и предлагали пути решения проблем. Ведь репутация интернет-магазина также важна при SEO-продвижении.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    Создавали посадочные под товарные позиции. В Тильде страница с товаром может быть:

    • в виде поп-ап окна;
    • в виде стандартной товарной страницы;
    • в виде страницы с ЧПУ урлом, собственным дизайном и необходимыми блоками (такими мы и занимались).

    Такой подход позволял сделать товарную страницу наиболее полезной и конкурентоспособной.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    4-й этап работ

    Особенности периода:

    • Введение масочного режима в регионах;
    • Падение спроса на маски.

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    Мы постоянно анализировали к чему проявляет интерес аудитория. Были написаны статьи о масочном режиме, правилах ношения масок и штрафах за нарушение карантина. Естественно, в текстах мы побуждали читателей совершить покупку средств индивидуальной защиты.

    Продвижение нового интернет-магазина в условиях сильной конкуренции

    5-й этап работ

    Особенности периода:

    • Продолжение падения спроса на товары СИЗ;
    • Ослабление масочного режима в некоторых городах.

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

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    Результаты

    Посещаемость

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

    • ~1750 посетителей в день;
    • ~52500 посетителей в месяц.

    Продвижение нового интернет-магазина в условиях сильной конкуренцииПродвижение нового интернет-магазина в условиях сильной конкуренции

    Позиции

    Позиции также скачут, как и трафик, однако некую стабильность можно разглядеть. В Гугле по некоторым запросам сайта нет в ТОП-100. Это объясняется тем, что поисковик отдает предпочтение новостным сайтам и авторитетным ресурсам с многолетней историей.

    Позиции сайта
    Запросы Позиции по Москве на 07.10.2020 Позиции по СПб на 07.10.2020
    маски от коронавируса купить москва 2 2 1 2
    маски москва 1 59 1 56
    маска n95 купить в москве 1 1 1 1
    маска n95 купить 1 3 1 3
    маска многоразовая с клапаном 3 4 6 3
    купить маску с клапаном 4 4 7 3
    купить маску медицинскую с клапаном 3 3 3 3
    маска без клапана 1 7 4 7
    респиратор ffp3 купить в москве 5 2 5 1
    купить респиратор ffp3 4 1 12 1
    маска ffp2 купить в москве 3 1 8 1
    купить многоразовые маски в спб 7 2 15 2
    купить многоразовые маски в москве 8 4 9 4
    защитные очки от коронавируса 2 10 3 9
    антисептик от коронавируса купить 2 5 4 2
    набор от коронавируса 1 1
    приборы от коронавируса 1 1
    дезинфекция респиратора 1 6 1 6
    штраф за нарушение карантина коронавируса 1 1
    правила ношения масок с 1 июня 2 7 1 13
    лучшая маска от коронавируса 1 7 1 7
    масочный режим в россии 2 1
    где носить маски в москве 3 3
    пульсоксиметр при коронавирусе 2 12 2 12
    лучшие многоразовые маски 2 2 2 2
    иммуномодуляторы 5 2

    Вместо вывода

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

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

    Исходящие ссылки в 2020 году: работают или нет?

    Исходящие ссылки в 2020 году: работают или нет?

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

    • Исходящие ссылки: что это такое?
    • Какие бывают
    • Атрибуты исходящих ссылок
    • Google об исходящих ссылках
    • Яндекс об исходящих ссылках
    • Как проверить и найти исходящие ссылки
      • Netpeak Spider
      • Xenu
      • Ahrefs
      • Free Backlink Checker by LRT
    • Влияют ли на SEO?
    • Сколько исходящих ссылок должно быть на одной странице?
    • Когда нужно использовать?
    • Когда не нужно использовать?
    • Можно ли ссылаться на прямых конкурентов?
    • Наши советы
    • Исходящие ссылки в 2020 году
    • Примеры использования
    • Вывод

    Исходящие ссылки: что это такое?

    Исходящие ссылки в 2020 году: работают или нет?

    Исходящие ссылки — это ссылки, размещенные на сайте, которые ведут на сторонний ресурс. Как и другие ссылки, они могут быть с анкором и без. Общий вид исходящей ссылки:

    Исходящие ссылки в 2020 году: работают или нет?

    Какие бывают

    Исходящие ссылки в 2020 году: работают или нет?

    Есть 2 типа исходящих ссылок:

    • Nofollow ссылки (условно неиндексируемые). Почему «условно» разберемся далее по тексту.
    • Dofollow ссылки (индексируемые).

    Обычные (dofollow) ссылки — это естественные исходящие ссылки. Такие ссылки не имеют каких-то атрибутов. Каждая ссылка по умолчанию является dofollow. Она отправляет сигнал в Google PageRank о том, что по целевой ссылке следует переходить ботам.

    Исходящие ссылки в 2020 году: работают или нет?

    Nofollow ссылки — это исходящие ссылки, котором вы не доверяете. Вы должны изменить код, добавив в него тег rel = ”nofollow”. Он отправляет сигнал в Google PageRank, что не стоит переходить по ссылке.

    Исходящие ссылки в 2020 году: работают или нет?

    Атрибуты исходящих ссылок

    Исходящие ссылки в 2020 году: работают или нет?

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

    В своем посте от 10 сентября 2019 года Google анонсировал 2 новых атрибута ссылок «sponsored» и «ugc» вдобавок к «nofollow».

    Атрибут rel = «sponsored» используется для идентификации ссылок, созданных в рекламных, спонсорских или других коммерческих целях. Используя этот атрибут, вы сообщаете поисковику, что ссылка была размещена по предварительному соглашению двух сторон.

    Атрибут rel = ”ugc” (User-generated content) или в переводе «пользовательский контент» предназначен для ссылок в комментариях, сообщениях на форуме и т. д.

    Раньше Google блокировал все nofollow ссылки и не учитывал их в расчете Pagerank. С 1 марта 2020 года все 3 атрибута будут рассматриваться как «подсказки» для сканирования и индексации. Т.е. Гугл будет видеть эти атрибуты, анализировать ссылки и решать стоит учитывать их или нет.

    Что говорит Google:

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

    Google об исходящих ссылках

    Джон Мюллер (Ведущий аналитик компании Google) говорит следующие:

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

    Дэнни Салливан (представитель поискового отдела компании Google) делится своими мыслями:

    «Я думаю, что ссылки — это часть приписывания авторства. Вы журналист. Вы пишете рассказ, вы цитируете свои источники. Если эти источники находятся в сети и содержат дополнительную информацию для читателя, ссылка на них должна быть указана. Это просто хорошая журналистика. Это должно быть стандартом».
    Источник.

    Мэтт Каттс (бывший руководитель группы по веб-спаму в Google):

    «Я бы не рекомендовал закрывать комментарии, пытаясь «накопить» ваш PageRank. Google меньше доверяет сайтам, когда они ссылаются на спамерские сайты, зато наша система одобряет ссылки на хорошие сайты».
    Источник.

    В самой же справке Гугла написано следующее:

    Исходящие ссылки в 2020 году: работают или нет?

    Таким образом в Гугле считают, что можно и нужно ссылаться на качественные ресурсы.

    Яндекс об исходящих ссылках

    В справке Яндекса написано следующее:

    Исходящие ссылки в 2020 году: работают или нет?

    Если коротко, то сомнительные ссылки закрывайте через атрибут rel=»nofollow».

    Как проверить и найти исходящие ссылки

    Выделим 4 способа (платная программа, бесплатная программа, сервис, плагин), как можно выполнить поиск и проверку исходящих ссылок.

    Netpeak Spider

    Исходящие ссылки в 2020 году: работают или нет?
    Netpeak Spider — многофункциональный инструмент, который делает полноценный SEO-аудит сайт. В том числе с помощью этой платной программы можно найти все исходящие ссылки на сайте, а затем узнать, какой код они возвращают (т.е. проверить не битые ли они). Единственный минус, что данные из программы нужно будет почистить от дубликатов по столбцу «URL».

    Xenu

    Исходящие ссылки в 2020 году: работают или нет?

    Xenu — бесплатная программа для анализа внешних ссылок. Как работать с ней написано в нашей отдельной статье.

    Ahrefs

    Исходящие ссылки в 2020 году: работают или нет?

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

    Free Backlink Checker by LRT

    Исходящие ссылки в 2020 году: работают или нет?

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

    Влияют ли на SEO?

    Конечно, да. Другой вопрос в какой степени.

    Компания Reboot Online Marketing Ltd проверила эксперимент. Было придумано 2 новых, вымышленных слова («Ancludixis» и «Phylandocic»), о которых Google не имел информации.

    Исходящие ссылки в 2020 году: работают или нет?

    Было создано 10 новых сайтов. Для каждого написаны уникальные тексты одинаковой длины и структуры. Оба выдуманных слова встречались в текстах одинаковое количество раз. С 5 сайтов было проставлено по 3 исходящие ссылки на авторитетные ресурсы. Другие 5 сайтов были без исходящих ссылок.

    Исходящие ссылки в 2020 году: работают или нет?Исходящие ссылки в 2020 году: работают или нет?

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

    Результат такой: 5 сайтов, которые ссылались на внешние ресурсы, оказались выше других 5. Отсюда простой вывод: наличие качественных исходящих ссылок дает положительный эффект (при прочих равных условиях).

    Исходящие ссылки в 2020 году: работают или нет?Исходящие ссылки в 2020 году: работают или нет?

    Сколько исходящих ссылок должно быть на одной странице?

    Три штуки. А если серьезно, то сколько нужно, столько и размещайте. А вот ссылаться на авторитетные сайты «лишь бы было» не стоит. Есть мнение, что если на странице чересчур много исходящих линков (больше 100?!), то это отвлекает внимание от содержимого контента. Вдобавок такая страница имеет меньший PR, чем страница с небольшим количеством ссылок.

    Когда нужно использовать?

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

    Когда не нужно использовать?

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

    Можно ли ссылаться на прямых конкурентов?

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

    Наши советы

    Исходящие ссылки в 2020 году: работают или нет?

    1. Следите за исходящими ссылками. Со временем страницы, на которые вы ссылаетесь, могут быть удалены. Битые ссылки нужно оперативно заменять.
    2. Ссылайтесь на страницы с актуальной информацией. Например, если есть 2 статьи по защите от DDoS-атак 2005 и 2020 годов, то предпочтение стоит отдать последней.
    3. Настройте открытие ссылок в новых окнах. Для этого используйте атрибут target с параметром _blank.
    4. Исходящие ссылки в 2020 году: работают или нет?

    5. Не ставьте ссылки на сайты со спамом и агрессивной рекламой.
    6. Ссылайтесь на разные авторитетные источники на странице. Так у вас получится сборник лучших материалов интернета в одном месте.
    7. Меньше ставьте nofollow ссылок. Другими словами, откажитесь от контента в котором не уверены.
    8. Используйте анкоры по существу. То есть они должны описывать содержимое, которое будет открыто по ссылке.

    Исходящие ссылки в 2020 году

    Исходящие ссылки в 2020 году: работают или нет?

    В 2020 ужесточились требования к контенту для YMYL-страниц (т.е. для страниц, которые способны влиять на здоровье, благополучие, безопасность и финансовую стабильность посетителей). Так, Google отдает предпочтение тем материалам, которые отвечают требованиям E-A-T (экспертность, авторитетность и достоверность). Как раз исходящие ссылки на авторитетные ресурсы помогут удовлетворить этим параметрам.

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

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

    Исходящие ссылки в 2020 году: работают или нет?

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

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

    1. прямо по тексту;
    2. Исходящие ссылки в 2020 году: работают или нет?

    3. по тексту в виде сносок;
    4. Исходящие ссылки в 2020 году: работают или нет?

    5. после текста;
    6. Исходящие ссылки в 2020 году: работают или нет?

    7. внутри дополнительных блоков.
    8. Исходящие ссылки в 2020 году: работают или нет?

    Вывод

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

    Да, и используйте эту статью в качество исходящей ссылки на своих ресурсах ????.

    Исходящие ссылки в 2020 году: работают или нет?

    Работа с отчетами в Google Analytics

    Работа с отчетами в Google Analytics

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

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

    1. Интерфейс
    2. Как Google идентифицирует пользователей
    3. Как устроен отчет Google Analytics
    4. Базовые отчеты Google Аналитики
    • Отчет в реальном времени
    • Аудитория
    • Источники трафика
    • Поведение
    • Конверсии
  • Специальные отчеты
    • Сводки
    • Создание пользовательского отчета
    • Как поделиться пользовательским отчетом
  • Сегменты
    • Создание пользовательского сегмента
    • Как поделиться сегментом
  • Интеграция с Data Studio
  • С чего начать?
  • Интерфейс

    Даже если вы еще не установили свой первый счетчик на сайт, изучать статистику можно на тестовом Demo Account, доступном абсолютно всем пользователям сервиса. Просто залогиньтесь и выполните вход в Google Аналитику.

    Первая страница интерфейса Гугл Аналитики — Главная. Она содержит сводку диаграмм и общих данных по сайту, например, график посещаемости и каналы источников трафика. С каждого виджета можно перейти на специальный отчет-источник данных.

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    1 — боковое меню для переключения между отчетами и возврата к настройкам;
    2 — меню можно свернуть/развернуть при необходимости, что удобно на небольших экранах;
    3 — быстрое переключение между аккаунтами и представлениями;
    4 — структура администрирования аккаунта и настройки Аналитики.

    О настройке аккаунта и представлений мы говорили в статье Установка и настройка Google Analytics.

    Как Google идентифицирует пользователей

    Чтобы понять, как работать с данными в Аналитике, надо понимать, как она их собирает и обрабатывает.

    Каждый пользователь, пришедший на сайт, получает уникальный номер ID, который записывается в cookie браузера. Если пользователь уходит, а затем возвращается, то система узнает его по этому ID. Поэтому пользователи в Аналитике делятся на новых — тех у кого нет такого номера — и вернувшихся. Если человек зашел с другого устройства, другого браузера или просто почистил cookie, то он будет распознан как новый пользователь.

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

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

    Как устроен отчет Аналитики

    Все данные в отчетах представлены в виде параметров и показателй Google Analytics. У каждого сеанса есть собственные параметры (dimensions) и показатели (metrics).

    Параметры носят описательный характер. Например, «Браузер», «Источник сеанса» — это параметры Google Analytics. Показатели же измеряются в количественном выражении, т.е. показатели — всегда цифры, такие как «Новые пользователи» и «Отказы».

    Отчет строится по одному основному параметру (1) с несколькими показателями. В него можно добавить дополнительный параметр (2), который вас интересует.

    Работа с отчетами в Google Analytics

    Значения параметров сеанса в табличных отчетах — это строки (3), а значения показателей — столбцы (4).

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Помимо огромного количества встроенных параметров и показателей практически на все случаи, есть возможность создавать собственные пользовательские параметры Google Analytics. В интерфейсе Аналитике необходимо предварительно создать специальные параметры, а затем включить их в отчет.

    Базовые отчеты Google Аналитики

    В интерфейсе Google Analytics доступны группы отчетов по умолчанию — всего 5 групп. Для каждой из них начальная страница Обзор содержит основные сводки из отчетов группы.

    Работа с отчетами в Google Analytics

    Отчет в реальном времени

    Группа содержит отчеты для отслеживания действий посетителей в режиме реального времени. В остальные отчеты данные в Google Analytics поступают с определенной временной задержкой — от 3 часов.

    Здесь всего 5 видов отчетов, представление данных в которых соответствует названию.

    Работа с отчетами в Google Analytics

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

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

    Аудитория

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

    Работа с отчетами в Google Analytics

    Данные хранятся в обезличенном виде: каждому посетителю присваивается собственный ID, под которым он учитывается в Аналитике. По умолчанию, ID назначается системой, но в Google Analytics предусмотрена возможность назначать и импортировать собственные списки идентификаторов с помощью функции User ID.

    В этой группе находятся отчеты по демографии, географии, интересам и типам устройств и браузеров.

    Интересен отчет Поведение для оценки вовлеченности, изучения доля новых и вернувшихся посетителей.

    Работа с отчетами в Google Analytics

    Для сравнения сайта с конкурентами интересна группа Сравнение: данные строятся на основании статистики, собранной Аналитикой, для других сайтов вашего направления.

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Источники трафика

    Здесь можно найти подробную информацию о том, откуда пришли посетители сайта. В Аналитике у каждого сеанса есть 2 параметра для этого: источник и канал.

    Источник — это тот ресурс, которые привел посетителя на сайт. Это может быть социальная сеть, поисковая система или платное рекламное объявление. Канал — это более широкое понятие, группа источников одного типа. С помощью отчетов Google Analytics Источники трафика можно выявить самые эффективные для вашего сайта источники и каналы.

    К каналам по умолчанию относятся:

    Organic Search — канал характеризует в отчете бесплатный трафик из поисковой выдачи;
    Paid Search — платный поисковый трафик с контекстной рекламы;
    Direct — прямой трафик: ввод урл в адресную строку, переход из закладок и сохраненных страниц;
    Social — трафик из социальных сетей;
    Email — трафик с email-рассылки;
    Referral — переходы по ссылкам на сайтах;
    Affiliates — трафик с сайтов-партнеров;
    Display — медийная баннерная реклама;
    Other — неопознанный канал, определить который Аналитика не смогла.

    Работа с отчетами в Google Analytics

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

    Кроме того, можно создать свою группу каналов (до 100 штук) на уровне представления Google Analytics:

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Каналы Google Analytics определяются на основании заголовка HTTP, содержащего URL источника запроса. Если сайт-источник обрезает реферер, то канал может быть определен неточно. Как исправить это с помощью фильтров для представлений, мы писали в предыдущей статье.

    Узнать, по каким поисковым запросам пользователи переходят на сайт, можно в этом же разделе в группе Search Console. Для этого надо предварительно в настройках ресурса связать его с одним из подтвержденных ресурсов в панели Search Console.

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Поведение

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google AnalyticsРабота с отчетами в Google Analytics

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

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

    Работа с отчетами в Google Analytics

    Еще один интересный набор отчетов — События.

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

    У каждого события обязательно есть Категория и Действие. В категории объединяют события определенного типа, например, взаимодействие с карточкой товара. Действия же являются уникальными событиями, например, добавление товара в избранное или клик по кнопке купить.

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

    Работа с отчетами в Google Analytics

    Собранные данные по целям типа Событие так же попадают в отчет по всем событиям на сайте.

    Конверсии

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

    Работа с отчетами в Google Analytics

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

    Специальные отчеты

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

    Сводки

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

    Работа с отчетами в Google Analytics

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

    Чтобы добавить сводку выберите пункт Добавить в отчете Сводки.

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Импортированную сводку можно легко настроить под себя: переименовать, добавить другие виджеты, открыть доступы и экспортировать данные в pdf-отчет.

    Работа с отчетами в Google Analytics

    Создание пользовательского отчета

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

    Работа с отчетами в Google Analytics

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

    В виде отчета он выглядит следующим образом:

    Работа с отчетами в Google Analytics

    Как поделиться пользовательским отчетом

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

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

    В столбце Представления выберите пункт Общий доступ к объектом и выберите те элементы, которые хотите расшарить. Google Analytics сформирует ссылку для общего доступа.

    Работа с отчетами в Google Analytics

    Сегменты

    Отчеты Google Analytics собирают данные обо всех посещениях, подходящих под настройки представления. Но, например, нас интересует эффективность рекламной кампании в одном из городов. Как выбрать только эти сеансы из общей массы? Для этого существуют сегменты.

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

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

    Работа с отчетами в Google Analytics

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

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

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

    Работа с отчетами в Google Analytics

    Для сегментов на основе данных о пользователях можно получить статистику не более чем за 90 дней. По сегментам на основе даты первого сеанса доступна статистика максимум за 31 день.

    В Google Analytics есть достаточно большой набор встроенных сегментов, а также возможность создавать собственные.

    Создание пользовательского сегмента

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

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

    Нажав на кнопку + Сегмент, мы попадаем в компоновщик сегментов.

    Работа с отчетами в Google Analytics

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

    В пункте Расширенный — Условия можно задать совершенно любую комбинацию для требуемого отбора. Фильтр также выбирает сеансы или пользователей и работает по принципу Включить/Исключить. Условия объединяются между собой операторами И и ИЛИ.

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

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

    Более подробно изучить принцип работы компоновщика можно в справке Google. Мы же разберем несколько примеров сегментов.

    Целевая аудитория

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

    Возраст: 25-34; 35-44

    Пол: женский

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

    Работа с отчетами в Google Analytics

    В отчете сегмент будет отображен отдельной строкой:

    Работа с отчетами в Google Analytics

    География сеансов

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

    Регион: точно соответствует Moscow Oblast

    И

    Город: не является точным соответствием Moscow

    Названия городов и агломераций в сегменте должно соответствовать их названиям в Гугл Аналитике, а они называются на английском языке.

    Работа с отчетами в Google Analytics

    Источники трафика

    Создадим сегмент для выделения всех неопределенных поисковых запросов из России с настольных компьютеров.

    Местоположение: Страна точно соответствует Russia

    Тип устройства: точно соответствует desktop

    Фильтрация — сеансов

    Канал: точно соответствует organic

    Ключевое слово: соответствует регулярному выражению (not provided)|(not set)

    Работа с отчетами в Google AnalyticsРабота с отчетами в Google AnalyticsРабота с отчетами в Google Analytics

    Электронная торговля

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

    Доход: на пользователя больше или равно 2000

    Продукт: содержит фильтр

    Бренд товара: точно соответствует Eheim

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

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

    Работа с отчетами в Google Analytics

    Как и всегда есть ограничения по числу создаваемых сегментов:

    • 1000 на одного пользователя для сегментов, которые можно применить или отредактировать в любом представлении (доступность: «Я могу применять/изменять сегмент в любом представлении»);
    • 100 на одного пользователя и на одно представление для сегментов, которые может применить или отредактировать только этот пользователь в этом представлении (доступность: «Я могу применять/изменять сегмент в этом представлении»);
    • 100 на одно представление для сегментов, которые могут применить или отредактировать все пользователи в этом представлении (доступность: «Все пользователи могут применять/изменять сегмент в этом представлении»);

    Как поделиться сегментом

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

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

    Работа с отчетами в Google Analytics

    Гугл Аналитика сформирует ссылку, открыв которую другой пользователь сможет добавить сегмент в свой аккаунт.

    Работа с отчетами в Google Analytics

    Импортировать объект можно в конкретное представление или все представления сразу.

    Работа с отчетами в Google Analytics

    Поделиться сегментом, как и любым другим пользовательским объектом, можно из меню Администратор. Об этом мы писали выше.

    Интеграция с Data Studio

    Мы рассмотрели базовые и не только отчеты Аналитики, изучили, как устроены данные и как с ними работать… и что же дальше?

    Информации Google Analytics собирает так много, что разобраться в ней непросто: требуется предварительный анализ и четкая формулировка задач отслеживания, дополнительная помощь веб-мастеров. Нельзя просто предоставить доступ к аккаунту любому человеку и сказать: «Загляни и все поймешь»????

    Но есть способ сделать Google Аналитику доступной для абсолютно каждого и сократить время создания отчетов. Интеграция с еще одним сервисом Google Data Studio позволяет быстро создавать наглядные и понятные отчеты со срезом именно тех данных, которые нужны в конкретном случае. Отчеты интерактивны и получают данные напрямую из Аналитики, поэтому всегда содержат актуальную информацию: специально отобранную и подготовленную к презентации.

    Работа с отчетами в Google Analytics

    В нашем блоге вы можете прочитать отдельную статью о том, как сделать отчет в Data Studio на основе данных Аналитики.

    С чего начать?

    Из статьи вы узнали, каким образом работают отчеты Google Аналитики и как в них группируются данные. Осталось применить это на практике. Начните с самых простых шагов:

    1. Определите основные источники трафика своего сайта, используя отчет Источники трафика.
    2. Проверьте произведена ли интеграция с Google Search Console — по каким поисковым запросам ваш сайт чаще всего переходят?
    3. Найдите самые популярные страницы и точки входа посетителей для разных каналов, и наоборот, определите какие страницы самые непривлекательные, как их можно улучшить. Эти данные можно найти в отчетах Поведение.
    4. Изучите целевую аудиторию на основании данных отчета Аудитории.
    5. Сформируйте сегмент своих посетителей по геолокации для ключевых региона/регионов, подумайте, какие еще сегменты данных могут быть полезны для вашего сайта.
    6. Создайте собственную сводку с ключевыми аналитическими показателями или загрузите из библиотеки.

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

    Техническое задание на разработку нового сайта для SEO-продвижения

    Техническое задание на разработку нового сайта для SEO-продвижения

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

    Именно поэтому на этапе рисования, проектирования и верстки нужно привлечь SEO-специалиста. Он сможет увидеть недочеты сайта и в дизайне, и в структуре, и в коде, составит подробное ТЗ технической оптимизации сайта До выкатки в интернет.

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

    Старый подход при создании сайта:

    Дизайн —> Верстка и разработка —> SEO

    Правильный подход сегодня:

    Дизайн+SEO —> Верстка+SEO —> Разработка+SEO

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

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

    1. Система администрирования сайта
    2. Файл robots
    3. Код в шаблоне (валидность кода)
    4. Тег base
    5. Формирование ЧПУ для страниц
    6. Правильная склейка сайта
      • Cклейка домена
      • Склейка внутряков
      • Склейка HTTPS и HTTP
    7. Настройка кодов ошибок на сайте
      • 404 ошибки
      • Ошибки 500
    8. Правильные ссылки на внутренние страницы в коде
    9. Сайтмап Sitemap
    10. Внешние ссылки
    11. Мобильная версия сайта или адаптивная верстка
    12. Счетчики от Яндекса и Google
    13. Скрытие страниц от индексирования
    14. Настройка пагинации
    15. Теги для редактирования контента
    16. Скорость загрузки страниц
    17. Last-Modified
    18. Хлебные крошки (Breadcrumbs)
    19. Формы обратной связи
    20. Поля для SEO
    21. Кроссбраузерность
    22. В заключении

    1. Система администрирования сайта

    Система администрирования сайта (CMS, ЦМС, админка): важный момент при создании. Систем существует большое количество, есть даже «самописные», то есть программисты могут создать что-то свое. Но нужно понимать, что не все админки могут быть хорошо, удобно и понятно редактируемыми. Какие-то могут иметь ограниченный функционал: если вдруг мы захотим что-то добавить на сайте, система может не поддерживать такую возможно. В этом случае могут быть два варианта:

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

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

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

    Обзор хороших систем администрирования сайта, которые мы рекомендуем:

    1. 1С-Битрикс. Платная CMS. Многофункциональная система, подходит для больших сайтов, в частности для интернет-магазинов с большим каталогом товаров и интеграцией с 1С. Высокая надежность, безопасность, стабильное обновление.
    2. MODx (МОДикс). Бесплатная система администрирования сайта. Хорошо подходит для сайтов услуг и небольших интернет-магазинов.
    3. UMI.CMS. Удобный конструктор сайтов. На этой системе можно делать сайты любого направления: от небольших сайтов услуг до огромных интернет магазинов. Очень удобна в администрировании.
    4. WordPress (Вордпресс). Бесплатная CMS, популярна в рунете. Русифицированная система, легко устанавливается. Наполнение сайта информацией не требует дополнительных знаний. Часто используется как движок для блогов. Не рекомендуем для коммерческих сайтов, особенно интернет-магазинов.

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

    2. Файл robots

    Файл роботс (правильное название robots.txt) — это текстовый файл, который располагается в корневой папке сайта (по адреcу site.ru/robots.txt) и необходим в первую очередь для поисковых роботов. В нем содержится перечень правил, каждое из которых запрещает или разрешает тому или иному поисковому роботу доступ к определенному пути на сайте.

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

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

    User-agent: *
    Disallow: /

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

    Ошибка (из практики)

    Встречалось на практике, когда программисты выкатывали роботс с содержанием Disallow: /, без указания User-agent. Это было большой ошибкой, потому что такой роботс игнорировался ПС (поисковой системой) и сайт был доступен для индексирования. Соответственно, в индекс попадал либо кривой неготовый сайт, либо дубль имеющегося сайта на другом домене. Поэтому так важно писать файл роботс в правильном формате.

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

    Файл robots после релиза должен учитывать основные моменты:

    • Свой набор правил для каждой ПС, если они отличаются. Если правила одинаковые, можно использовать все правила по User-agent: *.
    • Если для разных поисковых систем мы хотим применять разные правила, например какие-то страницы сайта индексировать только для Google, а какие-то только для Яндекса, то необходимо использовать соответствующие юзер-агенты (User-agent: Yandex, User-agent: Google и пр.).
    • Должны быть закрыты служебные папки и параметры, которые мы не хотим индексировать.
    • Должна быть корректная ссылка на карту сайта (сайтмап).

    3. Код в шаблоне (валидность кода)

    Шаблоны страниц должны строиться по правилам HTML с правильным синтаксисом. Код должен быть валидным. Валидность — это соответствие кода существующим стандартам HTML.

    Шаблон страницы строится по правилам:

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

      На другом сайте нашли, что вообще нет открывающегося тега html — что тоже плохо.
    • Все основные теги — html, head, body должны быть в каждом шаблоне.
    • Необходимо убирать все ненужные блоки html кода, которые не несут полезной нагрузки для страниц.
    • Скрипты нужно подгружать из отдельных js-файлов (за исключением скриптов метрики).
    • Не оставлять больших кусков закомментированного кода в верстке (оптимально – удалять все комментарии на этапе вывода html-кода).
    • Не использовать теги визуального и логического выделения (strong, b, i, em) для оформления в блоках дизайна.
    • Не использовать теги заголовков H1-H6 для визуального оформления в дизайне.
    • Отказаться от рopup, clickup, bodyclick и popunder (всплывающие, выпрыгивающие окна).
    • Все CSS стили должны быть вынесены из тела страницы в отдельные файлы.
    • Размер страницы: контент, файлы стилей CSS, графика и изображения, файлы JavaScrip — не должны в сумме превышать 10 Mб т.к. в противном случае страница может быть не проиндексированна.
    Как искать «сломанные» теги

    Можно открывать исходный код в браузере (хрома) и там все непарные теги будут подсвечены красным цветом.

    4. Тег base

    Тег <base> задается в контейнере <head> и указывает браузеру правильный полный базовый адрес сайта. Обычно этот тег используют для сайтов, где используется относительный адрес (без домена в начале, то есть /catalog/stoli/). Браузер ищет этот тег, определяет полный адрес сайта и корректно загружает его.

    Например, если адрес документа указан как <base href=»http://www.site/»>, то при добавлении рисунков достаточно использовать относительный адрес <img src=»images/kartinka.jpg»>. При этом полный путь к фотографии будет http://www.site/images/kartinka.jpg, что позволит браузеру всегда находить нужный файл.

    При настройке тега base нужно всегда указывать полный домен с правильным протоколом и www. Если сайт индексируется без www и по протоколу https, то так его пишем в бейсе https://site.ru/

    5. Формирование ЧПУ для страниц

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

    Основные моменты при формировании чпу:

    1. адрес страниц не должен быть длинным;
    2. ЧПУ должен состоять либо только из латинских букв, символов и цифр, либо должен быть написан русскими словами;
    3. слова в адресе разделять дефисом. Пробелы и нижние подчеркивания (_) не использовать, так как поисковые системы могут плохо читать такие урлы (в частности, Google может игнорировать написание через нижнее подчеркивание);
    4. не использовать символы ! % ( ) » ‘;
    5. использовать ключевые запросы в ЧПУ;
    6. однотипные ЧПУ с параметрами нужно писать по маске, например параметры типа «290х95х82» можно представлять как: 290х95х82 или 290-95-82.

    Общие требования к адресам страниц (URL):

    • Единый формат для всех адресов сайта;
    • Транслитерация кириллического текста;

    6. Правильная склейка сайта

    6.1 Cклейка домена

    Сайт должен открываться либо с www, либо без www. Соответственно, домен нужно склеить 301 редиректом в какую-либо одну сторону.

    Кроме того, главная страница сайта не должна открываться с дополнительными параметрами через ? или /, когда цепляется индексовский файл index.php (или с другими расширениями типа html), такое тоже склеиваем 301 редиректом, либо отдаем в 404 ошибку.

    6.2 Склейка внутряков

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

    Кроме того, если страницы кроме слеша на конце, могут открываться с разными расширениями на конце типа php, html, htm — такое тоже клеим в сторону однозначного урла со / на конце.

    6.3 Склейка HTTPS и HTTP

    Новый сайт нужно сразу подключать на HTTPS протокол. Сегодня это является важным фактором продвижения. Наличие у сайта SSL-сертификата говорит о его безопасности. Настраиваем редирект с http на https. Если основной домен без www, то http://www также редиректим 301 на https. И, конечно, проверяем настройку прямых редиректов со всех вариантов домена в сторону единственного правильного. Проверку делать можно в вебмастере Яндекса, а также в других независимых сервисах.

    7. Настройка кодов ошибок на сайте

    Для проверки ответа сервера страниц сайта мы используем сервис bertal.ru.

    7.1 404 ошибки

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

    7.2 Ошибки 500

    Внутренняя ошибка сервера 500 — это общий код состояния HTTP, который означает, что «что-то пошло не так» на сервере веб-сайта и страница недоступна. Иногда на сломанные страницы программисты навешивают вместо 404 ошибки код 500. Необходимо проверить сайт на наличии ошибки 500 — Internal Server Error. Такая ошибка означает, что сервер не отвечает, но при этом страницы с такой ошибкой часто попадают в индекс поисковых систем. Страницы с такими ошибками не должны формироваться на сайте. Нужно ошибку 500 заменить на 404, но только в том случае, если страница реально не существует. 500 ошибки на сайте все же нужны, если это просто временные проблемы с сервером (хостингом), то есть после исчезновения этой проблемы страница по урлу должна открываться.

    8. Правильные ссылки на внутренние страницы в коде

    Все ссылки на внутренние страницы сайта по всему коду должны формироваться по одному правилу и правильному единообразному формату:

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

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

    9. Сайтмап Sitemap

    Сайтмап — важный элемент сайта. Это карта сайта в формате XML, которая показывается поисковым системам и говорит им, какие «работающие» страницы есть на сайте, и мы их рекомендуем индексировать. Тех страниц, которых в сайтмапе нет, индексировать мы не хотим. Сайтмап должен лежать в корне сайта. Путь к нему прописывается в файле роботс.

    Сайтмап:

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

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

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

    10. Внешние ссылки

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

    Мы рекомендуем:

    • Ссылки на свои соцсети оставлять открытыми.
    • Ссылки на разработчиков и продвиженцев можем тоже оставлять открытыми (это на усмотрение и договоренности), но лучше закрывать nofollow.
    • Ссылки на авторитетные сайты типа Яндекса, Google, Википедии и аналогичных из контентной части можно не закрывать, если они дополняют контент (и при этом не сквозные), так как считается, что это может «хорошо» влиять на ранжирование самой страницы, если вы ссылаетесь на авторитетные ресурсы.
    • Другие внешние ссылки закрывать в noindex nofollow: <a href=»http://site.ru» rel=»nofollow»><noindex>Анкор</noindex></a> (<!— noindex —><!—/ noindex —> — валидный код)
    • Все ссылки на сторонние сайты должны открываться в новом окне.

    Важно! При закрытии ссылки в rel=nofollow донор все равно теряет ссылочный вес, хоть он и не передается сайту-акцептору.

    11. Мобильная версия сайта или адаптивная верстка

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

    • Адаптивная верстка помогает обойтись без разработки отдельной мобильной версии, достаточно откорректировать десктопную версию сайта с помощью CSS.
    • Мобильная версия — более затратное, но более гибкое решение. Ее можно редактировать, не влияя на основной сайт. Мобильный сайт можно максимально облегчить и ускорить его загрузку, убрав лишнюю функциональность на уровне кода. Интерфейс можно улучшить для мобильных пользователей, добавляя функциональность, которой не было на десктопной версии сайта. Но адреса сайта мобильной и десктопной версии совпадают. В любом случае сайт должен быть заточен под мобильную выдачу.

    Поэтому думать нужно об это уже на этапе дизайна: рисуем адаптивы для планшетов и мобилок.

    Сайт должен быть с мобильной версией на этом же домене. Поддомен для мобильной версии не делаем.

    12. Счетчики от Яндекса и Google

    На новый сайт обязательно нужно добавить коды счетчиков основных поисковых систем. Зачем они нужны?

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

    Заводим новые счетчики для нового сайта в Яндексе и Google. Размещаем их как можно выше к верху шаблона сайта в блоке head.

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

    13. Скрытие страниц от индексирования

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

    Закрывать можно несколькими способами:

    • через rel Canonical — но теперь это работает только в Google (Google такие страницы не индексирует, а Яндекс часто Canonical игнорирует, поэтому в индекс такие страницы попадают),
    • через файл роботс с помощью оператора Disallow,
    • через мета тег роботс noindex nofollow.

    14. Настройка пагинации

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

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

    • настраиваем свои мета теги на страницах пагинации;
    • не передаем текст с основной страницы каталога;
    • не делаем страницу №1, так как она будет полным дублем: то есть настраиваем 301 редирект со страницы с параметром page=1 на основной раздел;
    • настраиваем Canonical на страницах пагинации в сторону главного соответствующего раздела каталога;
    • если все же страницы пагинации начнут попадать в индекс, навешиваем в код мета роботс noindex follow.

    15. Теги для редактирования контента

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

    Для редактирования должны использоваться простые основные чистые теги p, ul, ol, h2, h3…, a, без стилей.

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

    16. Скорость загрузки страниц

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

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

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

    Скорость загрузки страниц сайта не должна превышать 2-3 секунд.

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

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

    Поисковики следят за поведением людей: если страницы реже посещают и чаще закрывают — рейтинг понижается.

    Сервисы проверки скорости сайтов:

    • https://developers.google.com/
    • https://gtmetrix.com/

    17. Last-Modified

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

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

    Проверить настройку можно тут: https://last-modified.com/ru/.

    Функцией заголовка служит информирование клиента о дате последней модификации web-страницы. Исходя из спецификации rfc 2616, клиент может «спросить» у веб сервера, не изменилась ли страница с определенного числа, послав серверу заголовок «If-Modified-Since». Если страница не изменилась, сервер возвращает только заголовок «304 Not Modified», в противном случае – сервер возвращает заголовок «200 OK» и тело страницы. Браузер не будет грузить одну и ту же страницу снова и снова, а веб сервер будет отдавать меньше данных.

    18. Хлебные крошки (breadcrumbs)

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

    Назначение:

    • Для улучшения юзабилити сайта.
    • Отображают структуру сайта.
    • Создают перелинковку на сайте.
    • Могут влиять на сниппет в выдаче.

    При формировании крошек нужно учесть следующее:

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

    19. Формы обратной связи

    Формы обратной связи — это элементы сайта для взаимодействия с пользователем. Чтобы он мог не только читать контент на сайте, но и что-то на нем делать: складывать товары в корзину и оформлять заказ, задавать вопросы и общаться в чате, звонить, писать.

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

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

    Формы помогают:

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

    20. Поля для SEO

    На этапе разработки сайта важно учесть создание полей для основных мета параметров сайта. Так как часто бывает, что не все эти поля могут быть учтены. Кроме того, все значения полей должны быть разными, то есть H1 например не должен совпадать с title, а title с description.

    Поля в админке, которые нужно делать:

    • Название страницы для админки
    • Поле для title
    • Для description
    • Для keywords
    • Для H1
    • Для текстов (если интернет-магазин — до и после листинга товаров)
    • Поле для ЧПУ
    • Поле для 301 редиректа
    • Поле для названия крошки
    • Поле для пункта меню

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

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

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

    В заключении

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

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    https://ecplegko.ru/ — Сайт компании по изготовлению электронных цифровых подписей для различных сфер применения.

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

    Клиент обратился к нам за ведением уже настроенных рекламных кампаний в Яндекс Директе и Google Adwords. Были настроены коллтрекинг и email-трекинг в системе сквозной аналитики Roistat.

    Google Реклама (Adwords)

    Клиент обратился к нам с задачей снижения CPL в рекламе в Гугле. Мы провели аудит настроек, отметили, что в целом рекламная кампания достаточно хорошо структурирована, но обнаружили критическую ошибку — использование формата широкого соответствия ключевых запросов без модификатора «+». После устранения этой ошибки, добавления модификатора широкого соответствия к ключевым запросам, CPL снизился от 38 до 88% (в разные месяца).

    На графиках ниже изменение стоимости лида: 3 месяца «до» оптимизации (красная сплошная линия) и «после» (красная пунктирная линия)

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Яндекс Директ

    К нам перешла РК в Директе из 47 кампаний. Мы начали разбираться в их структуре и настройках, обнаружили много проблем.

    Проблемы настроек Яндекс.Директа

    1. Хаос в группировке объявлений и кампаний

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

    На выходе получилась всеобъемлющая семантика, которой практически невозможно управлять. Чтобы представить, какого было с этим работать, можно разбросать по компьютеру около 3000 текстовых документов случайным образом по папкам вроде «Новая папка 1», «Новая папка 2» и т.д. до «Новая папка 947», а потом передать другому сотруднику и попросить организовать из этого хороший документооборот, не меняя структуру.

    1. Непроработанные ключевики, смешанные в кучу.

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

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    1. Статус «мало показов» и дубли ключевиков

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

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Так, например, было 1226 дублей ключей «эцп» (OMG!)

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    1. Отсутствие вторых заголовков

    90% всех рекламных объявлений были без вторых заголовков, что делало объявления менее заметными и кликабельными.

    1. Кривые заголовки

    До нас прошлые директологи собирали запросы автоматическими средствами и генерили из этого сотни объявлений с не проработанными заголовками.

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Несмотря на все проблемы, которые были в настройках РК, когда клиент к нам пришел, стоимость лида в Директе была ниже стоимости лида в Гугле и с запасом укладывалась в рамки приемлемого для бизнеса клиента CPL. В связи с этим клиент придерживался «золотого» правила: работает — не трогай, не разрешал какое-то время сотрудничества вносить кардинальные изменения в структуру кампаний, допуская только «заплаточные» методы. Мы разделяли позицию, но продолжали предлагать переделку, чтобы результат был еще лучше.

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

    Что было сделано

    • Были выгружены все запросы из текущих РК, всего — 7345. Удалены явные и неявные дубли, нулевые запросы, неэффективные ключи, осталось 2025.

    • Сформировали структуру и логику новых РК.

    • Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%
      Стало красивенько, не правда ли? 🙂

    • Разбили семантику по кампаниям и группам, следуя логике. Благодаря этому становится очевидно, какие направления и группы объявлений дорожают, какие нет, какие стоит отключить, какие доработать. Ими стало можно управлять!
  • Составили новые объявления с вхождением в запрос, заполнили всевозможные параметры.
  • Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

  • Запустили новые РК
  • Результаты запущенных РК

    Для сравнения взяли аналогичные периоды «месяц до» и «месяц после» настройки

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    Как увеличить поток заявок в рекламе при меньшем бюджете, снизив CPL в среднем на 40%

    • Процент конверсии увеличился на 4%

    • Количество заявок увеличилось на 30% при меньшем расходе☝????

    • Ну и самое главное, удалось снизить cpl на 37%. А ожидаемый клиентом результат удалось превзойти почти на 30%

    В заключении

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

    На самом деле рецепт успеха прост: cобрали все воедино, отбросили лишнее, структурировали то, что осталось, оформили в красивую упаковку — готово. Но несмотря на всю простоту рецепта, на его приготовление ушло очень много ингредиентов, а именно, 1150 часов стараний и кропотливого труда.

    Иногда достаточно просто навести порядок и дальше все по инерции складывается как нужно. Ну как по инерции…не без профессионального вмешательства, системного подхода, ну и риска по вкусу. Вот такой рецепт сегодняшнего кейса. Bon appetit 🙂

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»

    О компании

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»

    Компания с 2001 года занимается поставками алюминиевого, медного, латунного, бронзового и нержавеющего проката и является одним из крупнейших игроков на рынке цветного металлопроката в России. ООО ПКФ «Металл СВ» сотрудничает с крупнейшими заводами-производителями и реализует широкий ассортимент цветных металлов для самых различных отраслей строительства и промышленности. Вся продукция поступает и хранится на складе в г. Самара и доставляется в большинство российских регионов.

    Сайт клиента: https://www.sv-metal.ru/

    Задача

    Заказчик поставил перед нами следующие задачи:

    1. сделать полный редизайн сайта — современный, отражающий статус компании;
    2. обеспечить актуальность цен и остатков продукции на сайте;
    3. реализовать на сайте возможность заказа товара через корзину.

    Оценив фронт работ, мы приняли решение разработать новый сайт на фреймворке Yii.

    Этапы дизайна

    Потребовалось несколько итераций, пока дизайн не приобрел окончательный вид — в процессе дизайна кардинально менялись блоки, цвета и шрифты.

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Первоначальный макет главной страницы

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Промежуточный макет первого экрана главной страницы

    Главная страница

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

    Мы компактно, стильно и грамотно показали:

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

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

    Меню

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

    Листинг товаров

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

    В листингах мы:

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

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Макет листинга товаров

    Корзина

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

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Макет страницы корзины

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

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Макет страницы заявки

    Адаптивность

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

    Новый сайт мы сделали адаптивным для всех типов устройств — все блоки и элементы сайта корректно отображаются и удобны для просмотра как с небольших телефонов, так и с больших экранов.

    Сроки разработки: 5 месяцев

    Стоимость разработки: 700 000 рублей

    Доработки дизайна после релиза

    Реализовали карточки товаров

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

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Макет карточки товара

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

    Другие ключевые моменты, которые мы внедрили:

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

    Упростили процесс оформления заказа

    Мы проанализировали поведение людей в Вебвизоре, воронку достижения целей, а также получили живые отзывы от клиентов МЕТАЛЛ СВ и решили упростить корзину. Ранее оформление заказа состояло из двух шагов: переход в корзину для просмотра заказа и оформление заявки. Теперь при переходе в корзину вся информация о заказе и поля для заполнения контактной информации находится на одной странице. На ней же можно скорректировать уже выбранные опции, например, снять/поставить чекбокс резки для любой позиции, скорректировать объем заказа, удалить товар из корзины.

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»
    Макет новой страницы заказа

    Отзыв клиента

    Сайт для поставщика цветного металлопроката «МЕТАЛЛ СВ»

    Кейс: продвижение информационного сайта о карьере

    Кейс: продвижение информационного сайта о карьере

    Сайт: icanchoose.ru
    Тематика: информационный ресурс о карьере, конструктор резюме
    Задача: увеличение целевого трафика
    Регионы продвижения: Россия
    Начало продвижения: январь 2019
    Трафик с поисковых систем за декабрь 2018: 99 108 визитов
    Трафик с поисковых систем за сентябрь 2019: 146 539 визитов

    • О проекте
    • 1-й этап продвижения
    • 2-й этап продвижения
    • Особенности проекта
    • Результаты
    • Вместо вывода

    О проекте

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

    Кейс: продвижение информационного сайта о карьере

    Что предлагает ресурс:

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

    1-й этап продвижения

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

    Главной задачей было убрать из индекса огромное количество мусорных страниц и остановить процесс их генерации. Они образовывались путем добавления в URL-адреса лишнего уровня index.php. Например:

    • https://icanchoose.ru/blog/index.php/blog/10-neubeditelnyh-prichin-dlya-uvolneniya/
    • https://icanchoose.ru/dev/index.php/company/megafon/people/olga/

    Такие битые страницы попадали в поиск, хотя и отдавали 404 ошибку. В итоге Яндекс вообразил себе вот такую структуру сайта:

    Кейс: продвижение информационного сайта о карьере

    Здесь отчетливо видна ошибочная ветка /index.php, а также ненужные разделы /cabinet и /signin (про них написано в следующем абзаце). Программисту была поставлена задача по устранению формирования ошибочных страниц. Через некоторое время они выпали из индекса, генерацию остановили, а Яндекс построил верную структуру:

    Кейс: продвижение информационного сайта о карьере

    В robots.txt не были закрыты бесполезные страницы для поисковых систем. Это:

    • личный кабинет: /cabinet;
    • страница авторизации: /cabinet/signin;
    • результаты поиска по сайту: /search/?q=поисковый+запрос.

    Для решения вышеперечисленных проблем был настроен robots.txt добавлением команд:

    • Disallow: /cabinet
    • Disallow: /search

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

    Кейс: продвижение информационного сайта о карьере

    Для решения проблемы мы проставили 301 редиректы с таких страниц на страницу конструктора https://icanchoose.ru/resume/. Благодаря этому:

    • пользователи из поиска не могли увидеть чужие резюме;
    • поисковики выкинули их из индекса.

    Также в поиске было огромное количество дублей т.к. не был настроен canonical. Они формировались путем добавления UTM-меток в адреса страниц:

    • https://icanchoose.ru/blog/60-samyh-interesnyh-kanalov-na-youtube/?_utl_t=fb
    • https://icanchoose.ru/blog/60-samyh-interesnyh-kanalov-na-youtube/?_utl_t=vk
    • и т.д.

    Для исправления ситуации мы настроили атрибут rel=»canonical» в сторону основного урла для каждой страницы сайта.

    Кейс: продвижение информационного сайта о карьере

    По аналогии были настроены канониклы для страниц пагинации.

    Кейс: продвижение информационного сайта о карьере

    Кроме этого в sitemap.xml было обнаружено 160+ битых страниц, что замедляло их выпадение из индекса. Карту почистили.

    Вот так внесенные правки повлияли на количество страниц в индексе:

    Кейс: продвижение информационного сайта о карьере

    Вот так изменилось количество дублей:

    Кейс: продвижение информационного сайта о карьере

    Кроме этого в первые месяцы работы были сделаны следующие исправления:

    • Настроены 301-редиректы.
    • Заменены битые ссылки по сайту на корректные.
    • Переписаны шаблоны мета-тегов для каждого раздела сайта.
    • Удалены дубликаты Н1.
    • Удалены пустые страницы.
    • Настроены ЧПУ-адреса для ряда страниц.
    • Исправлены ошибки в верстке.
    • Кейс: продвижение информационного сайта о карьере

    • Исправлена работа навигационных элементов (до этого они никуда не вели).
    • Кейс: продвижение информационного сайта о карьере

    2-й этап продвижения

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

    Оптимизация старых страниц

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

    Что мы делали:

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

    Примеры дополнения контента:

    Кейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьере

    Оптимизация новых страниц

    Мы добавляли новые страницы в блог. Подготавливали список тем, которые потенциально могут принести много трафика. Клиент выбирал несколько, а мы писали ТЗ для каждой. После написания проверяли текст и составляли мета-теги.

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

    Кейс: продвижение информационного сайта о карьере

    Мини-кейс: как дать толчок для роста страницам

    С помощью грамотного размещения статей можно дать «пинок» для роста их позиций. В разделе блога на 1-м экране есть карусель с подборками статей.

    Кейс: продвижение информационного сайта о карьере

    В ней можно разместить ссылки на приоритетные для продвижения страницы.
    Сначала мы заменили статью «Как составить резюме в 2018 году» на версию 2019 года. Это дало рост позиций по целевым запросам для новой страницы. После заменили и другие статьи из карусели на новые и они тоже улучшили свои позиции в поиске.

    Почему же это дает эффект? Т.к. блок находится на видном месте, он привлекает внимание и по нему кликают.

    Кейс: продвижение информационного сайта о карьере

    Если вы еще не достаточно хорошо знакомы с отчетами Яндекс.Метрики, советуем прочитать нашу статью: Яндекс.Метрика для начинающих и продолжающих.

    P.S. матерым SEO-специалистам так же будет, что почерпнуть.

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

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

    Кейс: продвижение информационного сайта о карьере

    Особенности проекта

    Правки по нашим ТЗ вносились программистом на стороне заказчика, что вызывало некоторые неудобства. Задачи выполнялись долго и не всегда корректно. Чтобы такого не происходило, рекомендуем у нас заказывать SEO-продвижение «под ключ». Вот несколько причин:

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

    Хотя сайт и является информационным, но связан с сезонной тематикой — поиском работы. С помощью данных Яндекс.Вордстат можно увидеть характерные периоды падения и роста интереса к теме.

    Кейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьере

    Из графиков виден рост интереса:

    • с декабря по январь;
    • с мая по октябрь.

    Падение интереса:

    • с ноября до декабря;
    • с февраля до мая.

    Эти же взлеты и падения видим и по трафику на сайте.

    Кейс: продвижение информационного сайта о карьере

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

    Результаты

    Данные Яндекс.Метрики. Сравнение трафика из поисковых систем на протяжении 9 месяцев работы по сравнению с предыдущим периодом:

    • 429 777 и 532 745 посетителей соответственно.
    • +102 968 уникальных посетителей.
    • Посещаемость увеличилась на 24%:
      • Трафик из Гугла вырос на 27%.
      • Трафик из Яндекса вырос на 6%.

    Кейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьере

    Данные Google Analytics. По его показателям:

    • Посещаемость увеличилась на 32% за 9 месяцев работ по сравнению с предыдущим периодом.
    • 406 508 и 534 227 посетителей соответственно.
    • +127 719 посетителей.

    Кейс: продвижение информационного сайта о карьере

    Данные сайта Ahrefs. Ahrefs — это платный сервис для комплексного анализа сайта и его конкурентов в поисковой системе Google.

    Кейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьере

    Данные сайта Allpositions. Allpositions — это платный сервис для отслеживания динамики позиций сайта.

    Кейс: продвижение информационного сайта о карьереКейс: продвижение информационного сайта о карьере

    Динамика позиций за 6 месяцев
    Запросы Позиции по Москве на 15.03.2019 Позиции по Москве на 05.09.2019
    резюме 2019 5 37 6 1
    резюме на работу 2019 15 34 8 3
    образец резюме 2019 года 6 19 7 1
    пример резюме 2019 10 9 6 1
    создать резюме 6 5 12 1
    создать резюме онлайн бесплатно 19 15 1
    создать резюме на работу бесплатно 26 13 18 3
    шаблон презентации 66 2 9 1
    интересные каналы на youtube 1 1 1 1
    красивое резюме 3 1 3 1
    дизайн резюме 8 5 17 1
    креативное сопроводительное письмо к резюме 1 1 1 1
    конструктор резюме онлайн 3 2 8 1
    резюме онлайн бесплатно 5 7 8 1

    Вместо вывода

    Спустя почти 9 месяцев работы клиент принял решение прекратить SEO-продвижение.

    Кейс: продвижение информационного сайта о карьере

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

    Пагинация для SEO: как сделать пагинацию

    Пагинация для SEO: как сделать пагинацию

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

    Постраничная навигация нужна, чтобы:

    1. Ускорить загрузку страницы — если на ней будет несколько десятков элементов, контент загрузится гораздо быстрее, чем если несколько тысяч.
    2. Повысить удобство поиска и просмотра элементов — это улучшит юзабилити и конверсию, т. е. сделает сайт более эффективным и прибыльным.

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

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

    1. Виды пагинации
    • Номера страниц
    • Пагинация Показать еще
    • Бесконечная прокрутка
    • Буквенная навигация
    • Комбинированная пагинация
  • Ошибки пагинации
    • Дубликаты страниц/некачественный контент
    • Проблема индексации товаров
  • Настройка пагинации
    • Адреса страниц
    • Индексация пагинации
    • SEO пагинация
  • Пример пагинации: чек-лист
  • Виды пагинации

    Номера страниц

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

    Пагинация для SEO: как сделать пагинацию
    Постраничная навигация с номерами используется чаще всего

    Здесь важно не забывать о правильном и понятном интерфейсе:

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

    Пагинация Показать еще

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

    Пагинация для SEO: как сделать пагинацию
    Подгружайте достаточное количество товаров – от 30 до 50

    Бесконечный скролл

    Можно отказаться от кнопки и автоматически подгружать элементы при достижении пользователем определенного положения на странице.

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

    Пагинация для SEO: как сделать пагинацию
    Пример бесконечной прокрутки в Pinterest

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

    Буквенная навигация

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

    Пагинация для SEO: как сделать пагинацию
    Буквенная пагинация на сайте интернет-магазина

    Комбинированная пагинация

    Популярный прием для организации навигации по страницам — это объединение нескольких способов. Например, номера страниц удобны в реализации и индексации, а бесконечная прокрутка показывает лучшую конверсию. Эти 2 способа можно использовать вместе:

    Пагинация для SEO: как сделать пагинацию
    Показать еще и постраничная нумерация часто используются вместе

    Ошибки пагинации

    Оптимизация страниц пагинации для интернет-магазинов и других сайтов крайне важна. Почему? Потому что неправильно настроенные страницы приводят к вероятности появления сразу 2х тяжелых «сео-грехов».

    Дубликаты страниц/некачественный контент

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

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

    Как проверить:

    1. Просканировать сайт с помощью Netpeak Spider или Xenu, чтобы обнаружить дубликаты title и description, и изучить список проблемных страниц.

    Пагинация для SEO: как сделать пагинацию
    Окно проекта в Netpeak Spider

    2. Зайти в панель Яндекс.Вебмастер — Индексирование — Страницы в поиске — Исключенные страницы и проверить те, которым присвоен статус Недостаточно качественная. Если там есть страницы пагинации, то скорее всего дело в дублировании заголовков.

    Пагинация для SEO: как сделать пагинацию
    Яндекс.Вебмастер: Исключенные страницы

    Проблема индексации товаров

    Краулинговый бюджет каждого сайта ограничен, потому что даже поисковики не обладают настолько мощными ресурсами, чтобы сканировать весь интернет каждый день. Вот пример трастового сайта с 44000+ страниц в индексе — средний показатель визитов ботов Google держится на уровне 12500. Если сайт меньше или на него никто не ссылается, то и посещений робота будет меньше.

    Пагинация для SEO: как сделать пагинацию
    Скрин графика сканирования из Google Search Console

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

    Не рекомендуем полностью закрывать пагинацию от роботов — это только ухудшит ситуацию с индексацией товаров.

    Как проверить:

    Зайти в панель Яндекс. Вебмастер — Индексирование — Страницы в поиске — Все страницы и скачать список всех страниц из базы поиска Яндекса.

    Пагинация для SEO: как сделать пагинацию
    Яндекс.Вебмастер: Страницы в поиске

    Отфильтровать строки в таблице по названию URL и проверить сколько карточек товаров попали в индекс. Если их меньше 90% от реально числа, то с индексацией есть существенные проблемы.

    Настройка пагинации

    Итак, без пагинации не обойтись, это действительно важные страницы сайта. Но как настроить SEO пагинацию правильно?

    Адреса страниц пагинации

    Адреса могут быть как статическими, так и динамическими.

    Пример статического URL:
    https://www.site-shop.ru/catalog/page-2/

    Пример динамического URL:
    https://www.site-shop.ru/catalog?page=2

    Формат URLа не имеет решающего значения, его выбор, как правило, зависит от особенностей CMS.

    Первая страница — это всегда начальная страница каталога, поэтому https://www.site-shop.ru/catalog/ и https://www.site-shop.ru/catalog/page-1/ будут по сути одной и той же страницей, дубликатами. Важно проследить, чтобы нигде в блоке навигации не формировалось ссылки на первую страницу с параметром. В любом случае обязательно проставьте 301 редирект с https://www.site-shop.ru/catalog/page-1/ на https://www.site-shop.ru/catalog/.

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

    Индексация пагинации

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

    Ничего не делать

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

    Закрыть страницы пагинации

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

    1. размещением мета-тега <meta name=”robots” content=”noindex, follow” /> в секции страниц пагинации;
    2. добавлением соответствующей директивы в файл с инструкциями для роботов robots.txt.

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

    Пагинация для SEO: как сделать пагинацию
    Страницы с мета noindex не будут проиндексированы роботом

    Здесь же стоит добавить и про второе значение атрибута content — follow/nofollow. Значение nofollow означает инструкцию для робота не выполнять переход по ссылкам на странице. Внутренние ссылки не стоит помечать nofollow в любом случае. Хорошо, если робот проигнорирует эти инструкции, но таким способом можно и прекратить сканирование, и нарушить передачу внутреннего веса другим страницам сайта.

    Добавить на страницы пагинации rel=»canonical» со ссылкой на первую страницу

    Несколько лет canonical-пагинация считалась оптимальной в Яндексе. Надо добавить тег с атрибутом rel=»canonical», указав первую страницу в качестве канонической. Например,

    
    url: https://www.site-shop.ru/catalog/?page=3
    
    Пагинация для SEO: как сделать пагинацию
    Яндекс утверждает, что его робот проходит по ссылкам на неканонических страницах

    В качестве преимущества данного подхода можно выделить:

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

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

    Добавить на страницы пагинации rel=»canonical» со ссылкой на страницу со всеми товарами

    Алгоритмы Google считают single-page content (чем больше товаров на странице, тем лучше) оптимальным выбором. Соответственно, если уж мы делаем какую-то страницу канонической для пагинации, то это должна быть страница со всеми товарами.

    Например, мы создаем страницу с параметром page-all и устанавливаем ссылку на нее типа Смотреть все на других страницах каталога. Также прописываем canonical для страниц пагинации, где канонический адрес это страница page-all.

    
    url: https://www.site-shop.ru/catalog/
    
    Пагинация для SEO: как сделать пагинацию
    Появляется новая страница на сайте со всеми товарами

    Здесь есть сразу несколько подводных камней:

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

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

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

    Добавить на страницы пагинации rel=»canonical» со ссылкой на самих себя

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

    Пагинация для SEO: как сделать пагинацию
    Этот подход распространен в англоязычном SEO

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

    Использовать атрибуты next и prev

    До марта 2019, когда ведущий аналитик и специалист по качеству поиска Google Джон Мюллер написал свой твит, эти теги также широко рекомендовались к использованию. Разметка prev-next указывает связь между страницами пагинации.

    Для первой страницы мы указываем следующую за ней:

    
    

    Для второй уже обозначаем и предыдущую страницу:

    
    

    Для последней N-страницы указывается уже только предшествующая:

    
    
    Пагинация для SEO: как сделать пагинацию
    Последовательная перелинковка страниц пагинации

    Но, как оказалось, Google уже несколько лет не использует эту разметку для сбора сигналов с группы страниц пагинации. И на поиске это никак не отразилось.

    Так что если на вашем сайте есть эта разметка, то не надо ее удалять — она никак не влияет на ранжирование сайта и страниц пагинации. Кроме того, prev-next рекомендована W3C и используется другими поисковиками и браузерами.

    SEO пагинация

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

    Как настроить страницы пагинации, чтобы избежать данной проблемы:

    Уникализируем title

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

    Например, первая (основная) страница раздела:

    
    url: https://www.site-shop.ru/catalog/udochki/ 
    title:
      Удочки для рыбной ловли - купить удочку для рыбалки в интернет-магазине
    

    Страница пагинации #2:

    
    url: https://www.site-shop.ru/catalog/udochki/?page=2
    title:
      Удочки для рыбной ловли - купить удочку для рыбалки в интернет-магазине | Страница 2
    или
      Удочки для рыбной ловли - Страница 2
    

    Короткий вариант более удобен и поместится на вкладке целиком.

    Уникализируем description

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

    Уникализировать содержимое мета-тега можно опять же с помощью переменной “Страница #”.

    Например, первая (основная) страница раздела:

    
    url: https://www.site-shop.ru/catalog/udochki/ 
    description:
      Купить удилища для рыбалки в интернет-магазине. Каталог и цены удочек на сайте. 
      В наличии и на заказ 223 удочки от мировых производителей. Доставка по всей России.
    

    Страница пагинации #2:

    
    url: https://www.site-shop.ru/catalog/udochki/?page=2
    description:
      Купить удилища для рыбалки в интернет-магазине. Каталог и цены удочек на сайте - Страница 2.
    

    Не допускаем повторов текста

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

    Использование пагинации в продвижении

    Еще одна возможность применить страницы пагинации в SEO — использовать их в качестве посадочных для запросов близких по смыслу, но «не садящихся» на одну страницу.

    Например, у вас магазин детской мебели и вы не имеете возможности разбить в каталоге колыбели и кроватки, они выводятся вперемешку в одном разделе. Тогда первую страницу раздела оптимизируем под более частотную группу «детские кроватки», а вторую — под «колыбель». Title, description и текст должны быть настроены отдельно для каждой страницы.

    Пример пагинации: чек-лист

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

    ✔ Каждая страница пагинации, начиная со второй, должна иметь собственный URL, динамический(/catalog/?page=2) или статический (/catalog/page2/). Выбор определяется оптимальностью технического решения.

    ✔ Страницы пагинации, для которых не хватает товаров, например page=100000000, должны отдавать 404.

    ✔ Первая страница в строке пагинации должна вести на основной урл, а не на page=1.

    ✔ Страница пагинации #1 (/catalog/?page=1) должна возвращать код ответа сервера не 200, а 301 на основную страницу раздела (/catalog/).

    ✔ Title каждой страницы пагинации отличается от title первой страницы и образуется по маске [Заголовок раздела — страница #], если не решено иное.

    ✔ Description страниц пагинации формируется по маске с использованием переменных «Название раздела» и «Страница #».

    ✔ Заголовок h1 на страницах пагинации не имеет критического значения. В зависимости от конкретной ситуации он может повторять заголовок на основной странице раздела или образовываться по маске «Страница # Название раздела».

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

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

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

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