Что мешает вашему сайту попасть в топ Google и как продвинуть его в поиске

Дизайн — красивый, контент — качественный, а сайт плохо продвигается в Google. Что пошло не так, и что нужно подкрутить, чтобы попасть в топ поисковика? Давайте разбираться.

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

Чем лучше веб-ресурс подходит под эти критерии, тем выше он будет в поисковой выдаче.

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

Самые важные показатели для Google:

Давайте посмотрим, как помочь сайту добиться высокой оценки Google по этим критериям.

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

ЧТО ПОМОЖЕТ:

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

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

Хорошая читабельность. Грамотно подбирайте шрифты, их размеры и контрастность. Структурируйте контент — абзацы, списки, заголовки разного уровня. И не забывайте прописывать теги H1-H6 для поисковиков.

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

ЧТО ПОМОЖЕТ:

Файлы robots.txt и sitemap.xml. В них описана структура сайта и правила индексации страниц для поисковых систем. Обычно конструкторы и CMS генерируют эти файлы автоматически, но можно также создать их самостоятельно (например, в Taptop есть такая возможность).

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

Корректность ссылок. Проверьте, что на сайте нет битых ссылок и дублей страниц. Для этого существуют специальные сервисы, например, Pr-Cy, Badlinks.

Мета-теги. Добавьте для каждой страницы уникальные теги Title и Description, которые помогут поисковой системе точнее определить ее содержание.

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

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

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

ЧТО ПОМОЖЕТ:

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

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

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

ЧТО ПОМОЖЕТ:

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

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

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

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

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

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

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

1. Лендинг, собранный на Tilda, — https://launchsales.iidf.ru/

2. Лендинг, сверстанный у нас на Taptop, — https://launchsales.taptop.site/

Вот какие получились результаты:

Получается, что сайт на Тильде загружается почти в 2 раза медленнее, чем сайт на Taptop. Общий уровень производительности у Тильды — всего лишь 64, это оранжевая зона, поэтому Google предупреждает о проблеме. С такими показателями невозможно нормально продвинуть сайт в поиске. У лендинга на Taptop получился почти максимальный уровень — 98, что говорит о хорошем потенциале для продвижения.

Почему получилась такая разница? Заглянем в список рекомендаций PageSpeed и увидим, что у сайта на Тильде — почти в 1.5 раза больше элементов в структуре DOM, чем у сайта на Taptop. Поэтому код получается более длинный и перегруженный, соответственно сайт работает медленнее.

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

Как Taptop улучшает производительность сайтов?

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

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

Если у вас возникли проблемы в продвижении сайта в Google, попробуйте улучшить интерфейс и поработать над юзабилити, а также проверьте технические аспекты. А самое главное — делайте сайт более производительным. Без этого все остальные методы работать не будут.

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

Подписывайтесь на Телеграм-канал Taptop — пишем о веб-дизайне и правильной верстке.

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