452 42
SEO Читать 8 минут

Краткий гайд по технической оптимизации

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

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

Pagespeed и ключевые интернет-показатели


SEO-специалисты очень любят Pagespeed. Это действительно помогает в оптимизации. Но, помимо самого показателя pagespeed крайне важны ключевые интернет-показатели – такие метрики как:

  • отрисовка самого крупного объекта (LCP)
  • время ожидания до первого взаимодействия с контентом(FID)
  • совокупное смещение макета (CLS)
  • первая отрисовка контента (FCP)
  • индекс скорости
  • совокупное время блокировки

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

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

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

Микроразметки и где их применить


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

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

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

Article (Статья) – это разметка Schema.org, предназначенная для выделения разного текстового контента. Со всеми вариантами можно ознакомиться в официальной сводке по разметке Article. Данную разметку стоит использовать на всех страницах со статьями на вашем сайте. Ссылка на документацию.
article разметка
BreadcrumbList (Строка навигации) – должна использоваться по всему сайту, кроме главной страницы. Часто SEO-специалисты требуют чтобы последний элемент был некликабелен. Ссылка на документацию.
FAQ разметка
FAQPage (Часто задаваемые вопросы) – накладывается на элементы с блоком «Часто задаваемые вопросы». Ссылка на документацию.
FAQ разметка
Product (Товар) — накладывается на элементы товаров. Можно накинуть как на карточку товаров, так и на каждый товар на странице категории. Ссылка на документацию.
product разметка

Уровень вложенности

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

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

Тег hreflang и правильная локализация


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

Например, многие думают что тег для украинского языка это «ua» что выглядит достаточно логично, но правильный тег «uk» при этом тег для Великобритании будет «en».

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

Склейка версий (зеркал) сайта

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

Если версии сайта (http, https, http://www, https://www) не склеить, то в поиске появятся 4 разные версии сайта. Необходимо чтобы все версии сайта вели или на https версию или на https://www версию. Обязательно использовать при этом 301 редирект.

Каноникализация страниц пагинации


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

Пример:
оптимизация пагинации
Найти дубли страниц на сайте поможет Аудит сайта Serpstat:
поиск дублей страниц на сайте
Персональная демонстрация
Оставьте заявку и мы проведем для вас персональную демонстрацию сервиса, предоставим пробный период и предложим комфортные условия для старта использования инструмента

Ошибки в структуре заголовков при верстке

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

Помните о том, что выше этого заголовка не должны использоваться вообще никакие другие заголовки. Также помните, что у вас при верстке должна сохраняться иерархия заголовков. За заголовком H1 должен идти H2, за H2 должен идти H3 и т.д. Не нужно делать кривую структуру. Также помните, что не нужно использовать скрытые заголовки.

Вот пример как НЕ надо делать:
неправильная структура заголовков H

Страница не должна ссылаться сама на себя


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


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

Ошибки в файлах robots.txt и sitemap.xml

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

Использование нижнего подчеркивания вместо дефиса

Специфика поисковой системы такова, что Google не воспринимает нижнее подчеркивание как пробел. Для разделения слов в url-адресах необходимо использовать дефис.

Выводы

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

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Мнение авторов гостевого поста может не совпадать с позицией редакции и специалистов компании Serpstat.

Оцените статью по 5-бальной шкале

5 из 5 на основе 6 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

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

Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm