Сейчас одностраничные сайты выходят из забвения. В прошлом они были статичными ресурсами с простейшим контентом и дизайном. Сейчас это интерактивные площадки с яркими эффектами и современным дизайном. Такие ресурсы становятся очень популярными, так как они очень дружественны для оптимизации.
Интерактивные страницы
Классическая версия - блок контента, форма регистрации и кнопка Call-to-Action. Такие варианты встречаются сейчас относительно редко – они слабо пригодны для SEO. Продвигать подобные ресурсы в поисковиках невозможно. Зачастую такие одностраничники используют как посадочные страницы и сайты-визитки.
Технологии меняются. И одностраничные сайты сейчас играют новыми красками, показывая свой качественный фунционал.
Ajax может преобразить ресурс. С его помощью создают необычные эффекты прокрутки: параллакс и бесконечный скроллинг. Также Ajax помогает разбить одностраничник на блоки, делая страницу сочной и подвижной. Таким образом ресурс адаптируют для мобильных устройств, и он может удерживать внимание пользователя дольше.
С точки зрения SEO такие одностраничники эффективны только как посадочные страницы. Проблема в технологии Ajax - она затрудняет индексацию. Но есть методика, которая позволит одностраничникам пользоваться скриптами и индексироваться ботами.
Дружественный для оптимизации ресурс
Такой метод предложил Google и составил подробные рекомендации. Необходимо разбить страницу на блоки и каждому присвоить заголовок и URL. Таким образом для бота создается видимость многостраничной архитектуры. Пользователь же будет видеть только скроллинг.
Блоки
Весь контент разбивают на логичные составляющие: «Цены», «Услуги», «Команда», «О компании». Специалисты заботятся, чтобы в каждом блоке содержимое было в достаточном объеме. Тексты обзаводятся ключевиками и заголовками h1.
Структурирование URL
У каждого блока должен быть собственный адрес. Ссылки оптимизируют так, чтобы поисковик смог без проблем индексировать контент на странице с Ajax. Для этого есть два решения:
-
В URL ставится символ #! Робот получает указание, что нужно обратиться за HTML-версией. Символ #! замещается ?_escaped_fragment_=.
Этот метод имеет существенный недостаток: робот не видит верных метрик поведения на странице. Происходит это потому, что контент для ботов и юзеров отображается иначе.
-
Создают структуру полных URL. Символ #! не указывают. Воспользуются методом history.pushState. В результате можно отказаться от блочной структуры с «решетками». Специалист получает более привлекательные ссылки. При скроллинге блока URL динамически изменяется. pushState применяют в новостных лентах социальных сетей. Google считает такой метод самым предпочтительным, но подобная оптимизация требует высокого мастерства разраба. Требуется организовать статические страницы грамотно и разместить на них нужные элементы навигации. Веб-мастер оптимизирует все так, чтобы все работало в плюс SEO, но не в минус. Подобная работа очень дорогая, поэтому ставить на нее нужно исключительно опытного специалиста. Сайтов, оптимизированных по такой технологии, в российском сегменте интернета очень мало.
-
В нашей стране гораздо чаще встречается разметка страницы хештегом - #. С точки зрения SEO подобное лишено смысла: поисковых бот просмотрит только тот контент, который находится до решетки. Остальное опустит.
Заполнение метатегов
Каждый блок, который будет разделен как другая страница, должен получить уникальный метатег title. Он будет динамически подгружаться при прокручивании страницы.
Когда вы сделаете одностраничник готовым к продвижению, начните формировать массу ссылок. Делайте это так, как для обычного многостраничника. То есть добавьте статьи и ссылки. Параллельно привлекайте нужный трафик, используя все доступные каналы: SMM, поисковики, контекст.
Интерактивный одностраничник – достойный способ привлечь к себе внимание. Но разработать действительное качественный продукт очень затратно и трудно. Поэтому подумайте: может, вам больше подойдет статичный многостраничник?