Каким должен быть идеальный одностраничник?

Каким должен быть одностраничник

Каким должен быть одностраничник

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

Первое правило: простота страницы

Нельзя превращать одностраничник в детскую раскраску. Никаких лишних фонов, сложных фигур и большого количества текста в колонках. Текст должен легко читаться. Для этого со времен изобретения печатного станка ничего нового не придумали: это темный шрифт на белом (светлом) равномерном фоне. Ни в коем случае не делайте и не заказывайте никаких пестрых фонов, на которые потом наносится текст. Лучше белый, чистенький, спокойный фон без сложных элементов. Дело в том, что на сложном фоне ни вы, ни простой (недорогой) дизайнер не подберете нормальный цвет шрифта – это целая отдельная наука. Если есть сложный фон, на текстовых блоках обязательна равномерная светлая подложка. И не забывайте о том, что в мире не так уж мало людей с цветовой слепотой, которые не смогут прочесть ваш сайт даже в специальном цветовом режиме. В общем, от изысков вроде красного текста на желтом фоне придется отказаться.

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

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

Второе правило: «классический» вид цены

Многие начинают мудрить с ценой, стараются изобразить ее как можно более красиво, вычурно и оригинально. Цена должна быть написана как на ценнике в любом магазине. Это значит: простым шрифтом, цифрами, без лишней графики, с припиской «руб.» и так, чтобы она выделялась. Люди привыкли видеть цену такой, они интуитивно ищут ее в таком привычном образе. Размещать ценник рекомендуем возле кнопки «заказать».

Третье правило: простота заказа

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

Но как тогда узнать адрес покупателя для доставки? Легко, ведь у вас уже есть его номер телефона. Все равно заказ нужно будет подтвердить звонком, чтобы убедиться, что это не какой-то хулиган написал в заказе чужой номер и что товар действительно заказывали. Тогда и узнается адрес.

Если в форме требуется много данных, нужно разделить шаги.

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

Второй шаг: когда покупатель нажимает кнопку «Заказать», он получает сообщение, что заказ оформлен, и для того, чтобы как можно удобнее привезти товар, предлагается заполнить еще пару строк. Тогда человек заполняет адрес и другие поля. Секрет в том, что когда имя и телефон уже заполнены и нажата кнопка «Заказать», заказ уже попал к вам в список, а дополнительные данные отправляются к вам отдельно. Если человека что-то оттолкнуло (например, не помнит свой почтовый индекс), он может и не заполнить. Но его телефон уже будет у вас, и по звонку вы наверняка продадите ему то, что он почти заказал.

На наших проектах такая форма уже не используется, потому что мы делаем ставку на обученных операторов: они «добивают» людей по телефону, убеждают, спрашивают адреса, делают допродажи и т.д. Но хороший call-центр – это способ на будущее, а сейчас вам важно сделать грамотную форму заказа.

Важные элементы лэндинга

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

  • Логотип или название сайта. Его лучше всего расположить в левом верхнем углу. Если у вас еще нет логотипа, можете написать красивый слоган.
  • Номер телефона, по которому можно сделать заказ и расспросить о товаре или бонусах.
  • Услуга «заказ звонка»: клиенты ей активно пользуются.
  • Меню, которое сдвигается вместе с текстом. На нем должны быть такие пункты, как «О нас», «Гарантия», «Доставка», «Самовывоз». Ваш сайт остается одностраничником, а эти ссылки просто переводят на соответствующий участок текста – это так называемые якоря. Их сделает любой программист.
  • Минимум две формы заказа: в начале и в конце.

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

10 составляющих идеального лендинга

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

  • сразу дает посетителю понять, куда он попал;
  • показывает ему уникальность вашего предложения.

Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

Читайте также  Как организовать пруд для платной рыбалки?

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

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

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.

Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

  • содержит имя и реальное фото клиента;
  • содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.

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

8. Тарифы или пакеты услуг

Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.

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

9. Примеры Лендинг Пейдж

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

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

Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.

10. Реальные контактные данные в футере

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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

Каким должен быть идеальный одностраничник?

Добавлено в закладки: 0

Вы когда-нибудь задумывались о самом приемлемом из всех имеющихся в настоящее время способов продажи товаров и услуг в Интернете?

Несомненно, одни читатели скажут, что это виртуальные магазины, другие могут рассказать о преимуществах пользования обычной доской объявлений, третьи станут приводить в пример группы в социальных сетях. Некоторые же будут доказывать эффективность Landing Page – одностраничных сайтов. И как ни странно, именно они окажутся правы, поскольку именно данный метод продажи товаров и услуг во всемирной паутине считается максимально результативным.

Большинство из вас спросит почему? Ответ прост: Landing page – наиболее конверсионный относительно других торговых площадок вариант.

Чтобы понять определение, конверсия интернет-магазина, стоит привести пример. Обычно она варьирует в пределах 3-5%. Если создать идеальный одностраничник Landing page, то конверсионный показатель можно увеличить до 20-25%. Например, среди современных разработков, постепенно начинают набирать популярность проекты по разработке продающих страниц – Lapa1. Они могут иметь конверсию от 5 до 70%, которая зависит от специфики, тематического направления и профиля.

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

Хедер

Первое, на чем стоит заострить внимание, хедер, который обязан содержать:

  • Логотип с высокой уникальностью. Необязательно, чтобы он давал определение какому-либо понятию. Важно, чтобы он был мастерски разработан.
  • Уникальное торговое представление или дескрипт сайта. Над этим необходимо немного потрудится. Поскольку в начальные секунды пребывания, после того, как ваш посетитель сайта зашел к вам в гости, ему необходимо предельно ясно понимать, где он находится и что на этой страничке можно приобрести. Если вы не можете самостоятельно разработать торговое предложение, начните с самого элементарно – дескрипта “Продажа ХХХ” – как минимум этот заголовок разъяснит вашим покупателям, чем вы занимаетесь.
  • Контактная информация с яркой кнопкой о возможности заказа бесплатного звонка.

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

Offer и форма сбора контактов

Предложение – самый важный и ключевой фрагмент, влияющий на конверсионный показатель страницы сайта. Согласно расчетам конверсия сможет увеличиться более чем на 500%, при корректировках вашего спецпредложения. Например, изначально показатель составлял 10%, а в результате увеличился до 40%.

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

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

Помните, ваше предложение обязано быть доступным и прозрачным, чтобы его могли понять даже дети. Например: Заказав тренажер для пресса, в подарок вы получите эспандер. Согласитесь, все понятно и доходчиво.

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

Схема работы

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

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

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

Читайте также  Договор аренды дома

Проблемы

Существует формула, превосходно работающая в Landing Page – это Pain-Hope-Solution, предполагающая эффект маятника.

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

Но какая связь с клиентами? Очевидная. Делитесь со своим покупателями типичными впросами клиентов вашей сферы бизнеса. Опишите около 5-10 наиболее общераспространенных ситуаций, с которыми встречаются покупатели в вашей области при работе, не скрывая всех рыночных нюансов.

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

Кейсы или клиенты

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

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

Существует несколько этапов доверия отзывов:

  1. Текстовая информация + фотография
  2. Описание + наименование + фотоснимок
  3. Характеристика + название + фото + ссылка на аккаунт
  4. Аудиозапись + наименование + фотография + ссылка на аккаунт
  5. Видеозапись + имя + фотоснимок + ссылка на аккаунт

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

Идеальная Landing Page — 10 обязательных составляющих. Проверьте свою!

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

Все мы знаем, что лучше один раз увидеть, чем 100 раз… Поэтому рассмотрим пример. Сегодня под разбор попал лендинг с индивидуальной проработкой для изыскательской компании «Гектар Групп». Кстати, крутые ребята, если что… Посмотреть лендос можно на нашем тестовом сервере по ссылке.

Эта статья будет полезна тем, кто собирается делать лендинг, и тем, у кого есть лендинг, но он хочет улучшить его «продающесть». Время прочтения — 7 минут.

Идеальная продающая структура LP, какая она?

В каждом конкретном случае — она своя. Структура всецело зависит от задач лендинга, потребностей целевой аудитории, сферы бизнеса и еще много чего.

Но есть принципы, которые остаются неизменными.

Первый экран — УТП

Уникальное торговое предложение (УТП) — то, что вы хотите донести и закрепить в сознании клиента. То, чем вы отличаетесь от конкурентов. То, почему стоит купить у вас. То, ради чего вы создаете лендинг, в конце концов.

Нет УТП — значит нет “изюминки”. Значит, вы — такие как все. Значит и лендинг будет похож на сотни таких же безликих одностраничников с “Индивидуальным подходом” и “Гарантией качества”. А чтобы этого не произошло, внимательно и ответственно заполняйте бриф с наводящими вопросами (в самом начале разработки). Но это уже история другой статьи.

Итак, первый экран — УТП. Запомнили, едем дальше.

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

Клиент больше любит читать о себе. Ему совершенно неинтересно, что вы там используете. Ему важно знать, что он получит. Я думаю, посыл понятен.

Блок — услуга

Конкретно, по сути и без воды опишите здесь, что вы предлагаете. Помните, что 1 лендинг разрабатывается под 1 тип товаров или услуг.

Самая распространенная ошибка — пытаться продавать на лендинге и строительство домов, и укладку шифера, и жалюзи от проверенного производителя.

Многократно подтверждено, что конверсия такого LP в РАЗЫ ниже. И это логично. Задумайтесь, рациональна ли такая экономия.

Однако если в рамках одной услуги у вас есть 1-3 под услуги, смело ставьте их. И не забудьте добавить кнопки [Подробнее]. Пусть клиент выбирает.

Блоки — самые крутые выгоды

Помните, мы смотрели чуть выше блок Выгод. Ну там, где 4-6 штук в виде небольших буллетов (абзацев) на одной страничке.

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

Если оно реально крутое, чего на нем экономить место.

Таких блоков может быть 1,2,3. Все зависит от того, какие смыслы вы хотите донести. Насколько они важны для целевой аудитории. Насколько хорошо они закрывают ее потребности.

Я думаю, смысл понятен. Поехали дальше.

Блок — Схема работы

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

Блоки доверия

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

Показывайте только то, что есть на самом деле. Придуманные отзывы уже давно не работают.

Блок боль-решение

Скажу честно, он уместен далеко не всегда . Но если вам действительно есть, чем “припугнуть” клиента, почему бы и нет.

Только потом в конце обязательно закройте эту боль. Конечно же, с помощью Блока — Решение.

Форма заявки

Весьма ценный и важный элемент. Убедитесь в том, что форма заявки выглядит прилично, а также в том, что она проста и удобна в эксплуатации. Пусть в ней будет не больше 1-2 полей (желательно с 1 обязательным к заполнению).

Вспомогательные блоки

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

Ну а теперь немного поболтаем…

Для разработки индивидуального проекта требуется глубокое погружение в бизнес (изучение процессов) с целью:

  • Отстройки от конкурентов
  • Формирования УТП
  • Создания эффективной структуры LP (для конкретного бизнеса)
  • Правильной подачи смыслов
  • Выявления и закрытия болей клиентов.

Напоминаю, что структура LP будет различной в каждом конкретном случае. Над ней работает маркетолог. Далее копирайтер пишет текст с использованием различных технологий маркетинга (ХПВ, AIDA) и пр.

А когда будут “упакованы” смыслы, в работу включается дизайнер, который вручную отрисовывает уникальный дизайн макет. Затем проект переходит к верстальщику и программисту (при необходимости).

Читайте также  Защита прав кредиторов

Таким образом, над разработкой работают:

  • Маркетолог
  • Копирайтер
  • Дизайнер
  • Верстальщик, программист
  • Аккаунт-менеджер (который согласовывает каждый этап с вами)

На стоимость лендинга также напрямую влияют:

  • Объем одностраничника
  • Текущее состояние маркетинга компании и требуемая глубина погружения в бизнес
  • Требования к дизайну (количество правок)

А что такое шаблонный лендинг?

Большинство фрилансеров и микростудий выгружают готовые шаблоны LP без проработки структуры, заказывают текст «подешевле» у коллег-фрилансеров, загружают картинки и вуа-ля лендинг готов. Только вот чего-то не продает 🙁

В Digital-агентстве Клиенты Здесь мы поступаем несколько иначе. Для клиентов с ограниченным бюджетом есть уникальный продукт — шаблонный лендинг с маркетинговой проработкой. В ближайшее время я расскажу о нем подробнее в видео на сайте.

Такой лендинг:

  • Содержит продающую структуру и текст
  • Реально продает
  • Окупается за 1-2 месяца
  • При этом стоит в 2 раза дешевле (за счет отсутствия уникального дизайна). При формируется уникальная структура (верстальщик создает ее из готовых блоков шаблона: модернизирует их, ставит в нужной последовательности).

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

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

А кто она такая? Все время говорит про лендинги.

Меня зовут Юлия Чмыхало, я — руководитель Digital-агентства «Клиенты Здесь» (4 года на рынке). В прошлом — ведущий копирайтер компании LPgenerator и по совместительству маркетолог.

Лично создала структуру и текст для > 450 лендингов и продолжаю это делать. Консультирую владельцев бизнеса по стратегии продвижения в онлайне.

Кому интересно дружить, стучите в личку в Вконтакте или мессенджерах. Благодарю за внимание и до новых встреч.

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

Но опять же все индивидуально по нишам.

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

В итоге одноэкранный сайт чаще будет дешевле и эффективнее.

Одностраничники и SEO. Секреты оптимизации

Задумываясь о создании своего первого веб-сайта или создания нового сайта, вы наверняка слышали об одностраничнных сайтах, или иначе «одностраничниках».

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

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

В статье я постараюсь помочь с выбором, а также раскрою некоторые секреты SEO одностраничников.

1. Выбираем тип сайта

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

Однако если вам нужен один из следующих типов веб-сайтов:

• Сайт-визитка
• Сайт-портфолио
• Промо-сайт
• Лендинг

То одностраничник точно вам подойдет.

Итак, если вы сделали свой выбор в пользу одностраничного сайта, то вот вам список «плюсов» этого решения:

  1. Одностраничные сайты дешевле и быстрее создаются. Например, на любом конструкторе сайтов одностраничный сайт даже неподготовленный пользователь может создать и наполнить за 1 день, а стоимость составляет от 3000 рублей в год!
  2. Одностраничные сайты значительно лучше отображаются на смартфонах, нежели многостраничные – посетителю сайта не нужно «прыгать» по страницам, а достаточно привычным образом прокручивать страницу на экране.
  3. Одностраничные сайты обычно имеют более высокую конверсию – вы располагаете на одной странице последовательно все этапы предваряющие конверсию (совершение требуемого действия посетителем сайта).

2. Создание одностраничника с учетом SEO

Подбор ключевых слов

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

Группировка ключевых слов

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

3. Структурирование и оптимизация контента

Оформление разделов в виде блоков

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

Создание тегов H1-H2 для каждого раздела

Все SEO-специалисты вам в один голос скажут, что на странице должен быть только один тег H1 – ведь этот тег говорит о содержимом страницы.

Все верно. Однако! Разделив сайт на блоки (разделы) мы имитируем многостраничность, а значит для каждого блока мы используем тег H1.

Относительно тега H2 – то тут особых ограничений нет, но злоупотреблять не стоит.

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

4. Настройка меню

Меню является не только элементом навигации, но и важным пунктом SEO-оптимизации. Особенно в случае с одностраничными сайтами. И чтобы выполнить этот пункт нужно каждый пункт меню связать с якорной ссылкой соответствующего блока вашего одностраничного сайта. Например:

5. Заполняем теги Title, Keywords и Description

Ну и наконец заполняем классические уже теги самого сайта — Title, Keywords и Description. И хотя некоторые SEO-специалисты утверждают, что эти теги уже не имеют никакого значения, а Поисковики заявляют, что содержимое этих тегов не играет существенной роли в поисковой выдаче – пренебрегать этим не рекомендуется.

Конечно, я не берусь утверждать, что все перечисленное гарантирует выведение одностраничника в топ в поиске, но считаю, что эти советы как минимум помогут его продвижению.

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