On-Page SEO: полное руководство

Что такое On-Page SEO?

Во вступлении мы уже намекнули, что такое On-Page SEO, но теперь, чтобы получить более широкую картину, дадим определение:

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

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

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

Различия между On-Page SEO и Off-Page SEO

Если On-Page SEO — это всё, над чем мы можем работать (и что, следовательно, контролируем) внутри сайта (контент, внутренние ссылки, изображения, ключевые слова...), то Off-Page SEO занимается исключительно оптимизацией факторов, внешних по отношению к сайту: входящих ссылок (backlinks), социальных сетей и вирусного маркетинга.

По отдельности обе дисциплины закрывают разные факторы оптимизации, но вместе они образуют всю конструкцию SEO-пирамиды.

Ключевые факторы On-Page SEO

Дальше разберём факторы, которые вступают в игру при реализации стратегии On-Page SEO:

Домены

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

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

Представим, что у нас интернет-магазин и мы продаём сноуборды, а наше доменное имя — «www.snowboards.com». Сам факт регистрации такого домена добавит сайту очков для попадания на верхние позиции поисковых систем по запросу «snowboards».

Однако купить домен с целевым ключевым словом нашей стратегии не так просто. Часто выяснится, что имя уже занято в нескольких вариантах (.com, .net, .es и т. д.). В этот момент, скорее всего, придётся выбрать доменное имя с дефисом (в нашем примере: «www.snow-boards.com»). Такой домен с точки зрения ранжирования стоит ровно столько же, сколько и без дефиса, но, разумеется, с точки зрения брендинга домен без дефиса гораздо эффективнее.

Пример домена с точным вхождением ключевого слова.

Доменное имя, содержащее запрос, который ищут наши потенциальные клиенты, — важное SEO-преимущество.

Возраст домена

С точки зрения ранжирования в SEO можно сказать, что сайт с определённым возрастом домена имеет вес для поисковых систем. Это логично: недавно созданному сайту нужно от полутора до двух месяцев, чтобы проиндексировать весь контент и начать ранжироваться по самым общим запросам. Чтобы попасть на верхние позиции SERP, времени нужно чуть больше (от 6 месяцев до 1 года)... при условии, что вы работаете системно и применяете практики «White Hat»!

На рынке есть инструменты, например Whois, которые позволяют проверить данные домена (имя домена, возраст, имя сервера, IP, DNS...) через поиск на базе протокола TCP (запрос/ответ).

Припаркованные домены

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

Совет SEO: Если вы решили запустить проект на припаркованном домене, рекомендуем сначала сосредоточиться на создании качественного контента, а по прошествии разумного срока (минимум 6 месяцев) зарегистрировать домен в Google, сгенерировать новый файл sitemap и начать добавлять его к домену, всегда следуя рекомендациям поисковой системы по качеству.

Метатеги и структурированные данные

Метатеги — ключевой элемент стратегии оптимизации On-Page SEO: именно через них Google считывает данные и показывает их в выдаче. Если вы используете систему управления контентом вроде WordPress, есть отличные плагины, например Rank Math, с продвинутыми возможностями оптимизации этих метатегов — они могут вам очень пригодиться.

Рекомендуем статью: Rank Math: лучший SEO-плагин для WordPress

Оптимизация тега Title

Теги <title> страниц не только положительно влияют на SEO сайта с точки зрения релевантности, но и очень заметны пользователям в SERP. Поэтому критически важно оптимизировать их по советам, которые мы даём в SEO Alive:

• ›Заголовки должны быть релевантными, описательными и уникальными (конкретными) для каждой страницы сайта.
• ›Они должны отличаться от метаописаний и дополнять их.
• ›Самые важные ключевые слова страницы всегда должны стоять в начале заголовка.
• ›В конце должно быть название сайта и/или бренда.
• ›Они должны быть ясными и краткими (Google показывает от 55 до 60 символов), поэтому важно не выходить за эту длину.

Пример сниппета с оптимизированным тегом «Title» с zalando.es

Оптимизация тега Meta description

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

И снова в SEO Alive мы хотим дать вам несколько советов по оптимизации метаописаний вашего сайта:

• ›Они должны быть уникальными, описательными и релевантными для каждой страницы сайта.
• ›Они должны дополнять и расширять информацию из <title>.
• ›Добавьте CTA, приглашающий зайти на сайт (это повышает вовлечённость).
• ›Не превышайте количество символов, которое допускает Google (150-160 максимум).

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

Пример оптимизированного Meta description

Оптимизация заголовков

Заголовки — это те части контента, которые оформляются тегами <h1>, <h2>, <h3> и т. д. Они используются для названий и подзаголовков контента страницы, и как поисковые системы, так и пользователи придают им большое значение, чтобы понять и отразить тему страницы.

Для хорошей структуры контента, а значит и прочной иерархически-семантической архитектуры, заголовки должны быть согласованы между собой: h1 — главный, а h2, h3...h6 — более низкого иерархического уровня.

Ниже покажем пример использования и оптимизации заголовков:

Пример использования и оптимизации тегов заголовков в SEO Alive

Географический таргетинг: тег Hreflang

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

Теги hreflang должны находиться в секции </head> HTML-кода (хотя их можно задать и в http-заголовке, и в файлах XML sitemap), а цель — указать для каждой страницы её язык и, опционально, страну, включая также альтернативные версии для других языков и стран.

Теги hreflang на TripAdvisor

Как избежать дублей контента: тег rel= "canonical"

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

Тег rel= "canonical" используется в поисковой оптимизации, чтобы избежать этой проблемы и указать Google, какая версия является «канонической» и какую мы хотим показывать пользователю, — чтобы не прибегать к практикам, негативным в глазах поисковой системы.

Есть стратегии борьбы с дублями контента: использование редиректов, разумеется сам тег canonical или внедрение директив сканирования для поисковых ботов через файл robots.txt.

Если хотите погрузиться в тему глубже, наш SEO-специалист Rocío Luque подготовила очень техничную статью о применении и важности этого тега. Не пропустите!

Рекомендуем статью: Важность тега rel= "canonical" в SEO

Rich Snippets

Rich snippets — это фрагменты структурированных данных, которые появляются в SERP Google при поиске по конкретному запросу или ключевому слову. Обычно они состоят из заголовка, двух строк текста с контентом, релевантным поисковому намерению пользователя (изображения, видео, отзывы, рейтинги...), и URL сайта, к которому относятся.

С помощью так называемой разметки структурированными данными, правила которой определяет schema.org, можно добавить определённую информацию и сделать сниппеты привлекательнее — XHTML-кодом (микроформатами), который Google распознаёт и превращает в дополнительную информацию для показа в выдаче.

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

Sitemap.xml

Файл sitemap — это файл в кодировке XML, который нужно загрузить в корень сервера, чтобы сообщить Google обо всех URL, которые мы хотим отдать на сканирование, о приоритете сканирования каждой страницы, дате обновления контента, а также о частоте, с которой мы рекомендуем заходить на неё снова. При этом он не может содержать больше 50 000 URL и весить больше 10 МБ.

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

Типов sitemap.xml много, и ниже мы показываем пример sitemap одного из клиентов агентства SEO Alive, чтобы вы получили представление о его структуре и кодировке:

Пример файла sitemap.xml нашего клиента Chess.com, организованного по языкам и классифицированного по категориям контента.

Robots.txt

Ещё один фактор оптимизации в стратегии On-Page SEO — файл robots.txt. Это текстовый файл (.txt), в котором мы даём Google определённые директивы, чтобы разрешить или заблокировать доступ к директориям, поддиректориям, страницам и разделам сайта. Так мы контролируем всё, к чему поисковые боты должны или не должны иметь доступ. Если вы не понимаете, о чём речь, посмотрите наш гайд, где мы подробно объясняем всё, что нужно знать об этом файле, столь необходимом для ранжирования.

Рекомендуем статью: Полное руководство по файлу robots.txt

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

Если вы хотите, чтобы проект вышел на верхние позиции поисковой выдачи, вы не можете позволить себе игнорировать стратегию внутренней перелинковки. Перелинковка жизненно важна не только для того, чтобы поисковые пауки легко находили все страницы сайта, но и для передачи link juice — популярности и релевантности — между ними. Позаботьтесь о внутренних ссылках: они помогут улучшить ваше On-Page SEO!

Оптимизация изображений

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

Уникальный релевантный текст в описании ALT (атрибут «alt» в теге <img> в HTML-коде) каждого изображения, который описывает картинку и использует ключевые слова, по которым вы хотите ранжироваться, добавит очков вашему On-Page SEO. Не забывайте оптимизировать их!

Важность оптимизированного контента

Сколько раз мы слышали фразу «Контент — король»? И да, в SEO она верна на 100%! В SEO Alive мы хотим дать вам несколько советов, как сделать контент хорошо оптимизированным:

• ›Создавайте контент, доступный и индексируемый для поисковых систем и, разумеется, видимый пользователю.
• ›Контент должен быть релевантным и описательным для темы, которую раскрывает, и естественно использовать ключевые слова, по которым вы хотите ранжироваться.
• ›Контент должен быть уникальным для каждой страницы, не дублироваться внутри сайта (на других его страницах) и снаружи (с других сайтов).
• ›Создавайте минимум 500 слов конкретного текста на страницу, чтобы не скатиться в Thin Content — «бедный контент».
• ›Создавайте контент, который отвечает интересам пользователей и бизнес-цели вашего сайта.

Следуйте этим советам — и выжмете из On-Page SEO максимум!

Архитектура сайта

Последний по счёту, но не по значению фактор в стратегии оптимизации On-Page SEO — архитектура сайта. Хорошая иерархическая организация всего контента на уровне таксономий и фолксономий помогает ранжированию, способствует перелинковке, индексации и сканированию поисковыми системами, а также помогает пользователям находить нужный контент. Прочная SEO-архитектура необходима вашим проектам!

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

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

WPO (Web Performance Optimization)

Ещё в 2018 году Google официально объявил, что вес скорости загрузки как фактора ранжирования и её влияние на позиции будут учитываться для всех сайтов, которые хотят ранжироваться в поисковике. Причина во многом связана с пользовательским опытом (UX): с ростом использования мобильных устройств пользователи всё настойчивее требуют быстрых сайтов с хорошей производительностью.

Показатели скорости WPO в GTMetrix для нашего сайта.

В SEO Alive мы всегда идём на шаг дальше! Поэтому мы подготовили очень полный гайд по WPO, где объясняем, как измерять скорость загрузки сайта, какие инструменты нужны для корректного внедрения, как настроить кеширование, минифицировать HTML- и JS-код, какие плагины WordPress помогают решать эти задачи... и многое другое!

Рекомендуем статью: Гайд по WPO: как ускорить ваш сайт

AMP (Accelerated Mobile Pages)

Ещё одна революция, о которой Google объявил в 2015 году и которая стала бумом в SEO-мире, — страницы с внедрённым AMP. Принцип работы — создание более лёгких страниц с меньшим числом ресурсов. Для этого JS-код грузится асинхронно, а критические пути CSS пересчитываются, и страница получается гораздо быстрее.

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

К преимуществам использования AMP можно отнести:

• ›Очень позитивное влияние на скорость сайта.
• ›Способствует видимости в мобильном поиске в Google News и Google Discover.
• ›Облегчает монетизацию визитов и трафика, полученного на сайте.

С другой стороны, недостатки такие:

• ›Высокая стоимость внедрения, которая может потребовать серьёзных вложений в ресурсы и выделенный персонал.
• ›Показатели CTR заметно ниже уровней, желательных для уверенного ранжирования.
• ›Высокие показатели отказов, которые во многих случаях доходят до 80-90%.

В SEO Alive мы рекомендуем оценить и взвесить, уместно ли внедрение (ведь каждый бизнес разный). Ясно одно: использование AMP может помочь вашей стратегии On-Page SEO.

Оптимизация под мобильные устройства (Mobile First Indexing)

Примерно в том же 2015 году поисковые тренды радикально развернулись. В октябре того года Google объявил, что поиск с мобильных устройств считается ключевым фактором ранжирования: родился Mobile First Index. С тех пор поисковый гигант сосредоточился на выработке рекомендаций по лучшим практикам Mobile SEO и разработал специального бота (Googlebot для смартфонов), который сканировал и проверял такой контент, чтобы классифицировать сайты в мобильной выдаче.

С этого момента SEO-сообщество занялось этой оптимизацией, и вместе с ней появились инструменты вроде Page Speed Insights для улучшения производительности и скорости на этих устройствах (планшетах и смартфонах). По всем этим причинам рекомендуем серьёзно оценить, оптимизирован ли ваш сайт, адаптивен ли он и дружелюбен ли к мобильным устройствам с точки зрения поисковых систем. Используйте инструменты вроде официального Mobile-Friendly Test от Google Developers или того же Page Speed Insights. Это, несомненно, поможет вам поднять сайт выше в поисковых системах!

Инструменты для работы над On-Page SEO

В SEO Alive мы хотим вам помочь! Поэтому оставляем список инструментов, которые помогут в планировании и реализации вашей стратегии On-Page SEO:

Google Search Console

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

Screaming Frog

Инструмент-краулер, который поможет провести глубокую и тщательную работу над On-Page.

Safecont и Onpage.org

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

Semrush, Sistrix и Ahrefs

Мощные «All in One» SEO-платформы, которые помогут и с подбором ключевых слов, и с управлением ссылочным профилем, и во многом другом.

SEO Alive Software

Разумеется, не мог не попасть в список и наш собственный инструмент. Он серьёзно расширяет то, что даёт Search Console: мы извлекаем и обрабатываем данные из её API, а также предлагаем новые возможности, например видимость, которая превратит ваши данные в мощные и очень ценные инсайты. Откройте для себя наш SEO-софт БЕСПЛАТНО прямо сейчас!

График SEO-видимости нашего проекта (SEO Alive) в SEO-софте.

Выводы

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

А вы, дорогой читатель... какую стратегию On-Page SEO применяете в своих проектах? Расскажите в комментариях. Ответим как можно скорее. До встречи!