Дизайн — красивый, контент — качественный, а сайт плохо продвигается в Google. Что пошло не так, и что нужно подкрутить, чтобы попасть в топ поисковика? Давайте разбираться.
Привет! Я Игорь Литвинцев, мы с командой разрабатываем no-code платформу Taptop, чтобы дизайнеры и владельцы бизнеса могли самостоятельно создавать крутые сайты без программирования. Мы уделяем много внимания не только возможностям дизайна, но и техническим аспектам, которые помогают успешному продвижению сайтов в поисковых системах. В статье поговорим о том, как подняться в поисковой выдаче и что может этому помешать.
Google пишет, что его цель — предоставить пользователям полезный контент в удобной форме. Поэтому при оценке сайта он смотрит на два аспекта:
Чем лучше веб-ресурс подходит под эти критерии, тем выше он будет в поисковой выдаче.
Контент я оставлю маркетологам и сеошникам. А мы будем разбираться, как создать сайт, который соответствует требованиям Гугла по удобству просмотра.
Вот что написано про удобство просмотра на сайте Google
Самые важные показатели для Google:
Давайте посмотрим, как помочь сайту добиться высокой оценки Google по этим критериям.
Хорошее юзабилити — это про то, что посетители быстро ориентируются на сайте и легко находят нужную им информацию. Позаботитесь о комфортном пребывании пользователей на вашем веб-ресурсе — получите плюсик в карму от Google.
ЧТО ПОМОЖЕТ:
Четкая структура и понятная навигация. Проработайте иерархию страниц и сделайте грамотную внутреннюю перелинковку — меню, каталоги разделов, хлебные крошки и т.п.
Лаконичный и интуитивно понятный дизайн. Не нагружайте интерфейс лишней графикой и используйте знакомые пользователям элементы управления — кнопки, иконки, навигационные элементы.
Хорошая читабельность. Грамотно подбирайте шрифты, их размеры и контрастность. Структурируйте контент — абзацы, списки, заголовки разного уровня. И не забывайте прописывать теги H1-H6 для поисковиков.
Если вы не хотите тратить много времени на продумывание дизайна и разработку интерфейсов, можно взять готовый шаблон сайта. У нас на маркетплейсе Taptop — десятки современных и стильных шаблонов, созданных профи в веб-дизайне. Можно подобрать вариант под любую сферу бизнеса и стилевые предпочтения.
Шаблоны сайтов в маркетплейсе Taptop
При индексации Google проверит также техническую составляющую вашего сайта. Поэтому важно провести техническую оптимизацию и исправить все ошибки.
ЧТО ПОМОЖЕТ:
Файлы robots.txt и sitemap.xml. В них описана структура сайта и правила индексации страниц для поисковых систем. Обычно конструкторы и CMS генерируют эти файлы автоматически, но можно также создать их самостоятельно (например, в Taptop есть такая возможность).
Редиректы. Настройте главное зеркало сайта (URL с www или без него) и редиректы, чтобы избежать дублирования контента при индексации. Это можно сделать в настройках проекта.
SEO-настройки для проекта в Taptop
Корректность ссылок. Проверьте, что на сайте нет битых ссылок и дублей страниц. Для этого существуют специальные сервисы, например, Pr-Cy, Badlinks.
Мета-теги. Добавьте для каждой страницы уникальные теги Title и Description, которые помогут поисковой системе точнее определить ее содержание.
Страница ошибки 404. Создайте специальную страницу, чтобы пользователи не потерялись, если страница не найдена.
Пример кастомной страница ошибки 404 из шаблона Taptop
Сайт должен быть удобен для просмотра с любого устройства и браузера, а также доступен для всех людей, включая слабовидящих.
Google очень высоко оценивает эти показатели, так что если ваш сайт плохо адаптирован для мобильных устройств — он имеет очень маленькие шансы на успешное продвижение.
ЧТО ПОМОЖЕТ:
Адаптация для разных устройств. Прорабатывайте удобное отображение контента на экранах разных размеров и во всех браузерах — перестраивайте лейаут под разную ширину, меняйте размер шрифтов и картинок.
Alt-теги для изображений. Добавляйте альтернативные подписи к картинкам. Они помогут получить доступ к контенту с помощью программ чтения с экрана. Alt-теги также дают возможность сайту попасть в поисковую выдачу по картинкам.
Пример адаптивных версий сайта
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
12171 тендер
проведено за восемь лет работы нашего сайта.
Часто верстка мобильной версии сайта занимает много времени, поэтому дизайнеры ее не любят. Разрабатывая Taptop, мы постарались максимально облегчить эту задачу. На нашей платформе адаптацию сайта можно сделать в разы быстрее, чем в других конструкторах — благодаря авто-лейаутам и относительным единицам измерения. Не нужно перетаскивать блоки вручную: пара кликов — и блоки перестроятся автоматически, а весь контент разместится нужным образом.
Настройка авто-лейаутов в редакторе дизайна Taptop
Страницы должны открываться максимум за 2 секунды, чтобы пользователям не приходилось долго ждать загрузки.
ЧТО ПОМОЖЕТ:
Оптимизация изображений. Уменьшайте размер файлов картинок. Это можно сделать с помощью сервисов оптимизации изображений или конвертировать в специальный формат для веб-страниц WebP. Например, в Taptop конвертация в WebP происходит автоматически.
Ограниченное использование анимаций. Не перегружайте сайт большим количеством сложных анимаций, т.к. они могут замедлять загрузку страницы.
Чистота кода. Чтобы сайт быстро работал, его код должен быть высокопроизводительным и не содержать большого количества лишних элементов. Этот параметр сильно зависит от платформы, используемой для создания проекта.
Производительность сайта — это комплексный показатель оценки его работы, который очень важен для Google. Ее можно проверить с помощью сервиса PageSpeed Insights, который измеряет основные показатели страницы, подсвечивает проблемные места и дает рекомендации по увеличению скорости работы.
Почему у сайта может быть плохая производительность?
Если мы делаем сайт на конструкторе, производительность напрямую зависит от кода, который он генерирует. А код на разных платформах может очень сильно отличаться.
Чтобы на практике увидеть отличия в производительности сайтов на разных конструкторах, мы провели эксперимент. Сравнили показатели PageSpeed у двух лендингов, сверстанных по одному дизайн-макету:
1. Лендинг, собранный на Tilda, — https://launchsales.iidf.ru/
2. Лендинг, сверстанный у нас на Taptop, — https://launchsales.taptop.site/
Вот какие получились результаты:
PageSpeed: Показатели лендинга на Tilda
PageSpeed: Показатели лендинга на Taptop
Получается, что сайт на Тильде загружается почти в 2 раза медленнее, чем сайт на Taptop. Общий уровень производительности у Тильды — всего лишь 64, это оранжевая зона, поэтому Google предупреждает о проблеме. С такими показателями невозможно нормально продвинуть сайт в поиске. У лендинга на Taptop получился почти максимальный уровень — 98, что говорит о хорошем потенциале для продвижения.
Почему получилась такая разница? Заглянем в список рекомендаций PageSpeed и увидим, что у сайта на Тильде — почти в 1.5 раза больше элементов в структуре DOM, чем у сайта на Taptop. Поэтому код получается более длинный и перегруженный, соответственно сайт работает медленнее.
PageSpeed: Количество элементов на сайте на Tilda
PageSpeed: Количество элементов на сайте на Taptop
Для эксперимента мы взяли только один небольшой лендинг. Представляете, что будет, если протестировать многостраничники? Показатели будут отличаться еще больше — разница в скорости загрузки будет в несколько раз.
Проблема с избыточным кодом есть не только у Тильды — она общая для всех конструкторов, которые не позволяют дизайнерам самим управлять версткой. Они используют много лишних оберток у элементов, поэтому код получается перегруженный и громоздкий.
Как Taptop улучшает производительность сайтов?
Платформа Taptop решает проблемы с низкой производительностью, потому что использует другой подход. В нашем редакторе дизайнер может сам управлять версткой, выстраивая структуру и вложенность элементов. Taptop позволяет ему не просто сделать красивую картинку, но и построить сайт по всем правилам профессиональной верстки.
Таким образом, Taptop помогает создавать более чистый и эффективный код без лишних оберток и нагромождений. Поэтому сайты получаются быстрые и производительные.
Если у вас возникли проблемы в продвижении сайта в Google, попробуйте улучшить интерфейс и поработать над юзабилити, а также проверьте технические аспекты. А самое главное — делайте сайт более производительным. Без этого все остальные методы работать не будут.
Советую выбирать более современные инструменты, которые помогут создавать качественные и быстрые сайты. Используя платформу Taptop, вы получите гораздо больше преимуществ для продвижения в Google, чем на стандартных конструкторах с устаревшими методами создания кода.
Подписывайтесь на Телеграм-канал Taptop — пишем о веб-дизайне и правильной верстке.
А еще приглашаю к нам на бесплатный курс от Академии Taptop — научим верстать крутые и быстрые сайты, которые хорошо продвигаются в поисковиках.
