Сбалансированные показатели сайта. Часть 2: Техническая оптимизация

Сбалансированные показатели сайта. Часть 2: Техническая оптимизация

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

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

image

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

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

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

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

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

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

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

Домен

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

  • Основной домен должен быть на втором уровне, а не site.siteconstuctor.com;
  • Все, что выносится на домены третьего уровня ранжируется как отдельные сайты, поэтому там должен быть только уникальный контент.

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

В категориях или папках будут храниться товары и услуги (site.ru/catalog/item). И поскольку они участвуют в формировании семантического ядра (то есть тех ключевых запросов, по которым вы планируете продвигаться), то было бы неплохо, чтобы в URL-адресах страниц ключевые слова встречались хотя бы частично. А это переводит нас к теме…

CMS и код

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

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

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

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

Какая конкретно система лучше — вопрос, не имеющий ответа. Если не видите между ними разницы, могу дать ссылку на статью, где есть чек-лист для SEO: habr.com/ru/post/433516. Платная или нет — ключевого значения не имеет. Единственное, что однозначно не подойдет — это онлайн-конструкторы. Это нужно просто принять.

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

Читать статью  10 этапов SEO-продвижения сайта

Онлайн-конструкторы не дадут вам копаться в коде и настраивать важные для SEO параметры: в этом сама логика подхода к любительскому сайтостроительству: шаблоны и минимум творческой свободы (чтобы у вас не было возможности все поломать). Оставьте этот инструмент для узкотематической таргетированной рекламы и маркетинговых экспериментов.

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

Вам будет нужно работать с мета-тегами, title, заголовками h1-h6, микроразметкой и другими способами оформления всех видов контента. Вручную это делается очень долго, для больших проектов не стоит и пытаться. Значит, выбираем такую CMS, которая сделает это за нас.

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

Поисковые сервисы

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

Для этого нам понадобятся поисковые сервисы для вебмастеров. И прежде всего, Яндекс.Вебмастер и Google Search Console. Это замечательные инструменты, которые позволяют решать некоторые вопросы намного быстрее, чем они бы решились сами.

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

  • ход и частоту индексации сайта;
  • количество и тип выявленных ошибок;
  • страницы, участвующие в поиске;
  • правильность составления sitemap и robots.txt;
  • запросы, по которым приходят к вам на сайт.

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

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

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

Обратите внимание и на другие сервисы поисковиков. Например, на Яндекс.Справочник и Google Business Center. Здесь можно разместить информацию о вашей компании, причем очень разную. В дальнейшем поисковики будут использовать эти данные как в поиске, так и в других сервисах. Например, отображать вашу компанию на карте или добавлять контактную информацию к сниппету сайта.

Сервисы на стороне поисковых систем — идея замечательная, но всех задач не закрывает. Нам понадобятся собственные…

Метрики

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

Что устанавливать: Яндекс.Метрику или Google Analytics? И то, и другое. А лучше и Roistat (о котором чуть ниже). У обоих инструментов есть отчеты, которых нет и быть не может у другого просто потому, что нет доступа к конкурирующей поисковой системе.

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

Теперь важный момент: нам нужно не просто посчитать посетителей, пусть и уникальных. Наша цель — в деталях знать, как они попали на сайт, что на нем делали, куда и почему перешли, откуда и почему ушли. Классическая воронка продаж, в которой важны все этапы, а не “вошло — вышло”.

Вспоминаем нашу цель продвижения, расписываем целевые действия, настраиваем соответствующие “Цели” в метриках. Если это оформленный заказ, то система должна фиксировать все этапы: попал на страницу товара -> положил в корзину -> заполнил форму -> оплатил. Так вы узнаете, с каких запросов приходят покупать, а с каких бросают корзину.

Специальные сервисы, вроде реализованного на базе Яндекс.Метрики Вебвизора, позволяют отслеживать реальные действия пользователей на сайте. Более подробно об этом — в главе о Юзабилити.

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

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

К сожалению, система платная и для полноценной настройки придется привлекать специалистов. На начальном этапе вполне хватит самых популярных и бесплатных Яндекс.Метрики и Google Analytics.

Читать статью  Оптимизация и SEO раскрутка сайта

Итого

При выработке Стратегии мы определили:

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

SEO оптимизация сайта бесплатно: полная пошаговая инструкция

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

1. Кабинеты вебмастеров и счетчики

счётчики и вебмастера

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

Однако, недостаточно просто добавить домен, кабинеты необходимо правильно настроить. Например, в Яндекс.Вебмастере не будет лишним:

  • добавление карты сайта sitemap.xml в соответствующий раздел (статья по теме)
  • указание региональности (статья по теме)
  • проверка robots.txt на правильность составления (статья по теме)

Помимо прочего, вебмастера располагают массой полезных инструментов:

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

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

2. Robots.txt

robots.txt

Текстовый файл robots.txt должен присутствовать у каждого сайта и быть доступен по адресу example.ru/robots.txt. Это первый файл, к которому обращаются роботы при посещении сайта и в котором хранятся инструкции для них.

Простыми словами, robots.txt – свод рекомендаций, которые указывают, что можно индексировать, а что нельзя (но не факт, что роботы будут следовать им строго).

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

  1. Должны быть указаны правила для разных роботов (User-agent: Yandex, User-agent: GoogleBot и т.д.), т.к. правила и директивы для каждого из них могут отличаться.
  2. Закрыты от индексации все системные ресурсы (шаблоны, исполнительные файлы и т.д.).
  3. Закрыто все, то что не должно присутствовать в поиске (страницы регистрации/авторизации, результаты фильтрации/поиска и т.д.).
  4. Указана директива Host для робота Yandex.
  5. Указана карта(ы) сайта sitemap.xml.
  6. Для робота GoogleBot должны быть открыты файлы, влияющие на отображение сайта (js, css, изображения, шрифты). Подробнее об этом можно почитать тут.

Более подробно о настройке robots.txt можно прочитать здесь и здесь.

3. Sitemap (карта сайта)

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

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

sitemap.xml

Для многих популярных CMS существуют специальные плагины, позволяющие создавать и настраивать карту (например Google XML Sitemaps для WordPress или XMap для Joomla). Если сформировать карту при помощи дополнений нет возможности, то здесь помогут различные онлайн-генераторы, например MySitemapGenerator, или же настольные приложения, например ComparseR, Sitemap Generator.

Не будет лишним добавление карты сайта в формате html (обычная страница со списком разделов и ссылок). Она облегчит навигацию как для посетителей, так и для роботов. Не стоит делать её слишком объемной, например, для интернет-магазина достаточно будет сделать иерархию из основных разделов и категорий.

sitemap.html

4. Битые ссылки

Битая ссылка – это ссылка, которая ведет на несуществующую страницу (документ, изображение, другой сайт).

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

404

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

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

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

5. Исключение дублей

Дубли страниц – это доступность одного и того же материала по нескольким адресам.

Наличие дублированного контента приводит к следующим проблемам:

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

Пожалуй, это одна из основных трудностей технической оптимизации сайта. Если нет возможности устранить дубли технически, нужно воспользоваться канонической ссылкой с атрибутом rel=canonical тега link.

Читать статью  SEO продвижение нового сайта в Яндекс и Google

Предположим, что материал доступен по двум адресам:

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

‹link rel=»canonical» href=»www.site.ru/page» /›

Он должен присутствовать в коде обеих страниц между тегами ‹head› и ‹/head›.

Если и это не удается сделать, имеет смысл закрыть дубли в robots.txt или настроить 301 редирект. Подробнее читаем тут.

6. Настройка ЧПУ

Семантический URL, или человеко-понятный урл (ЧПУ), или SEO-Friendly URL – все это названия URL-пути, состоящего из понятных и наиболее предпочтительных слов как для пользователя, так и для ПС.

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

Перед тем, как начать формировать адреса, придется определиться, под какую из поисковых систем вы будете подстраиваться. Для Яндекс рекомендуем транслитерацию, для Google – прямой перевод. Например, есть страница «О компании»:

  • Так ЧПУ будет выглядеть для Яндекс: example.ru/o-kompanii
  • А так для Google: example.ru/about-company или просто example.ru/about

Несколько советов по настройке ЧПУ:

  • адрес должен быть простым и коротким
  • адрес должен соответствовать содержимому страницы (в идеале использовать название документа)
  • избавьтесь от расширения (php, html, htm и т.д.)
  • для разделения используйте дефис (-), а не символ подчеркивания (_)
  • старайтесь устранять использование идентификаторов (idXXX и т.д.)

7. Основное зеркало

Почти у каждого домена есть синонимы, по которым доступен ресурс. Это может быть самая распространенная пара example.ru и www.example.ru, или же прикрепленный к основной версии домен на кириллице, домен третьего уровня и т.д. А если установлен SSL сертификат, то и вовсе количество зеркал может возрастать до четырех:

  • http://example.ru
  • http://www.example.ru
  • https://example.ru
  • https://www.example.ru

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

  • следует выбрать главным зеркалом самый предпочтительный вариант (после подключения SSL: https://example.ru)
  • прописать директиву Host в файле robots.txt для Yandex бота
  • настроить 301 редирект со всех неосновных зеркал на основное (для всех страниц)
  • добавить главное зеркало в вебмастера и работать только с ним

8. SSL сертификат

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

Не поленитесь подключить такой сертификат для вашего сайта.

На данную тему уже написана статья, которая даст ответы на все вопросы и поможет корректно перейти на httpS.

9. Семантическая разметка Schema.org

Семантическая разметка (микроразметка) данных Schema.org – это использование специальных html атрибутов и их свойств для отдельных частей контента, которые позволяют улучшить внешний вид сниппетов в поисковой выдаче.

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

Товары

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

Статьи и навигационную цепочку

разметка статей и хлебных крошек

Рецепты

разметка рецептов

Семантика также позволит вывести контакты, отзывы об организации и многое другое.

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

10. Ответ сервера

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

200 – со страницей все в порядке

404 – несуществующая страница (советы по оформлению страницы 404)

503 – сервер временно недоступен

Бывает, код статуса отдается неверный. Например, страница рабочая, а статус-код 404, или наоборот, несуществующие страницы отдают код 200. Это нужно обязательно отследить и провести корректную настройку статус-кодов в файле .htaccess.

Особенно важно настроить 404 ошибку. Если страница существует, а сервер при ее запросе сообщает о 404 ошибке, страница не будет проиндексирована поисковиками.

Проверить коды статусов можно с помощью соответствующего инструмента в Яндекс.Вебмастере или приложения «Firebug» для браузера Mozilla Firefox.

11. Скорость загрузки

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

На этот момент активно обращают внимание и поисковики. Ведь то, что не нравится пользователю – не должно нравиться и ПС.

Чтобы оценить и выявить факторы, которые тормозят работу ресурса, можно воспользоваться инструментом Google PageSpeed Insights. Результатом будут два относительных показателя с рекомендациями необходимых работ для поднятия скорости:

  • Для мобильных устройств: скорость на мобильных устройствах
  • Для компьютеров: скорость на компьютерах

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

Итог

Все это только основные моменты, которые следует учесть для технической оптимизации сайта. Помните, грамотное SEO, а в частности техническая оптимизация – это результат большого объема работ, которые в сумме дают хороший эффект, и довольно часто пренебрежение хотя бы одним из параметров может все труды «свести на нет». Если хотите проверить, всё ли у вас в порядке с технической оптимизацией сайта, то SEO-аудит вам в помощь. Если хотите, чтобы не только проверили, но и правильно всё настроили, то вам необходимо Комплексное продвижение «под ключ». Удачи!

14

2

0

0

1

Спасибо за реакцию, она бесценна! Обязательно подпишитесь на наш Telegram-канал, публикуем много интересных и актуальных материалов. Не пользуетесь Telegram, тогда познакомьтесь с Катей и подпишитесь на нашу рассылку. ×

Источник https://habr.com/ru/articles/441818/

Источник https://1ps.ru/blog/seo/technical-optimization/

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *