Размещение данных на главной странице блога. Яркий смысл флэт дизайнов. Шапка с логотипом и футер с технической информацией

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

1. Дизайн главной страницы

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

- Адаптивная верстка.

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

- Визуальные блоки.

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

- Качественные картинки и видео.

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

2. Навигация на главной странице

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

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

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

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

3. SEO - поисковая оптимизация

В этом вопросе не обойтись без традиционной мантры оптимизаторов «title, keywords, description». На главной странице метатеги должны быть прописаны в соответствии с семантическим ядром сайта. Главная страница должна содержать качественный уникальный текст с грамотно вписанными в него ключами.

4. Преимущество над конкурентами

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

- Привлекательные заголовки структурированных текстов.

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

- CTA-элементы или кнопки призыва к действию

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

- Награды, достижения, различные дипломы и сертификаты

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

5. Контент главной страницы

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

6. Акции

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

7. Контакты

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

• телефон;
• электронная почта;
• социальные сети;
• онлайн-консультант;
• форма для обратного звонка.

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

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

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

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

Отведите под описание целей и предмета сайта столько пространства, сколько потребуется. К сожалению, отдача от многих сайтов невелика именно из-за того, что посетители не могут понять, о чем же этот сайт? Для чего он создавался? Что предлагает? А сами создатели недоумевают – как кто-то может не понимать того, что «очевидно». Впрочем, у сайтостроителей вообще много иллюзий относительно их творений 🙂

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

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

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

Текст для главной страницы сайта всегда приковывал к себе особое внимание, как со стороны SEO-специалистов, так и со стороны веб-райтеров. Только вот незадача: каждый из специалистов зачастую рассматривает эту страницу со своей колокольни, в рамках узкой направленности. В итоге на более чем 90% сайтов пестрят одни и те же ошибки: сеошники (особенно новички) постоянно так и норовят вставить в текст как можно больше ключей, а веб-райтеры – либо идут на поводу у сеошников, либо стараются выдать что-нибудь свеженькое и креативное. Результат: страница не выполняет поставленную перед ней задачу, содержит кучу никому не нужной «воды» и терпит жесткое фиаско.

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

Вы готовы? Тогда устраивайтесь поудобнее, мы начинаем!

Задачи главной страницы сайта

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

1. Главная страница должна продавать весь сайт.
2. Главная страница должна вводить человека в нужное состояние.
3. Наполнение главной страницы должно цеплять.
4. Текст на главной странице должен рассказывать о проекте.
5. Текст главной страницы должен затягивать читателя.
6. Главная страница должна переводить человека в другие разделы и т.д.

Знаете, почему я выделил этот блок красным? Потому что это все эти рекомендации вырваны из контекста системы и толку от них не особо много.

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

Другими словами, задача главной страницы – это подзадача глобальной задачи сайта.

Глобальная задача сайта

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

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

С другой стороны, аудитория сайта может состоять из разных сегментов, например:

1. Розничные покупатели
2. Оптовые покупатели
3. Партнеры

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

Или другой пример: сайт ozon.ru, большая часть заходов на который происходит с главной страницы. Вы видите там какой-нибудь текст, цепляющий и описывающий, что это за сайт? Нет, потому что у главной страницы Озона другие функции в рамках глобальной задачи сайта.

Главная страница ozon.ru (нажмите, чтобы увеличить)

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

Или еще один пример – текст на главной странице сайта 37signals.com (к слову, ребята из этой компании написали в свое время отличную книжку – «Rework: бизнес без предрассудков» — рекомендую).

Текст на главной странице сайта 37signals.com (нажмите, чтобы увеличить)

На этой странице Вы видите, что вначале идет миссия компании, а затем перенаправление на 3 основных продукта: Basecamp, Highrise и Campfire. После этого демонстрируется авторитетность, идет блок преимуществ и т.д.

Здесь страница выполняет свою задачу – ведет пользователя по заранее определенному маршруту – к страницам продуктов в первую очередь, а затем у убеждению.

Еще пример:

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

Текст на сайте-одностраничнике

Стратегия и воронка продаж

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

Наглядный расчет: допустим, задача сайта – продажа цифровой техники. На сайт пришли 100 человек. Из них в раздел с фотоаппаратами перешли 30 человек, из раздела на страницу с конкретной моделью – 15 человек. Покупку совершили 3 человека. Итого конверсия сайта: 3%, конверсия продающей страницы: 20%, конверсия главной страницы: 30%.

Следовательно, при таком раскладе главная страница теряет 70% аудитории, и нужно проводить тесты. Чтобы этот показатель был как можно меньше. И здесь появляется масса вариантов.

Способы повышения конверсии текста на главной странице

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

Вот пример сайта, на котором над реализацией стратегии работают и текст, и интерфейс.

Текст и интерфейс главной страницы сайта 100strahovok.by (нажмите, чтобы увеличить)

Существует много элементов, повышающих эффективность текста на главной странице. Главное – использовать их к месту. Вот некоторые из них:

1. Выгоды и преимущества
2. Кейсы
3. Список крупных клиентов
4. Миссия, убеждения
5. Обработка возражений
6. Ответы на основные вопросы
7. Видео и презентации
8. Гарантии
9. Калькуляторы и другие интерактивные элементы

Пятый и шестой пункты подразумевают ответы только на те вопросы, которые в первую очередь интересуют пользователя. Это значит, что не нужно превращать главную страницу в портфолио и FAQ 2 в 1.

Типовые ошибки при написании текстов на главную страницу

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

Ошибка №1: текст «о компании» на главной

Представьте, что Вы зашли на рынок в овощной павильон, чтобы купить яблок. И тут Вам с порога торговец начинает с задором рассказывать, сколько он торгует на рынке, кто его жена и т.д. Вам это интересно? Скорее всего, нет. Вам плевать на него. Вам нужны яблоки. То же самое и с главной страницей сайта – в 99% случаев Ваших пользователей интересует не кто Вы, а что предлагаете и в чем Ваши конкурентные преимущества.

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

Ошибка №2: описание отрасли

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

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

Ошибка №3: шаблоны

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

Ошибка №4: «вода»

Это отдельная тема. Куча не несущих никакого смысла словесных конструкций, уменьшающих эффективность главной страницы.

Типовой пример: «Поскольку вы попали на эту страницу, то, очевидно, что вы заинтересованы в поставках высококачественных кровельных материалов по доступным ценам, однако не знаете, какого поставщика выбрать для дальнейшего сотрудничества. Расслабьтесь, мы не станем вас ни в чем убеждать, мы просто расскажем вам о себе… бла-бла-бла (см. ошибку №1)».

P.S. Вам понравилась эта статья? Пожалуйста, поделитесь ей в социальных сетях, нажав на кнопку в бегунке слева.

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

В этой статье мы расскажем:

Какие функции выполняет главная страница

О чем обязательно нужно написать

Чем можно дополнить текст

В чем отличие между главными страницами сайтов разных типов

Как оптимизировать страницу

Главная страница: что это и как с ней взаимодействуют

Для начала немного аналитики.

Компания Baymard в 2016 году провела исследование главных страниц e-commerce сайтов. Выяснилось, что 70 % посетителей главной быстро скроллят страницу, чтобы сходу определить ассортимент и предложения сайта.

Чек-лист от студии kaplunoff.com

Интернет-магазин

Задача главной страницы интернет-магазина - кратко рассказать об ассортименте и дать доступ в разделы каталога. Лучше всего делать это графически, в виде изображений (например, товаров из этих разделов).

Главная страница магазина подарков pichshop.ru

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

Описание ассортимента в магазине yarkiysvet.ru

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

Сайт, предлагающий услуги

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

Компания военного консалтинга РСБ-Групп (rsb-group.ru) говорит о своих преимуществах, принципах работы и четко очерчивает границы

Тут же можно указать цены на основные услуги. Цена - один из основных факторов выбора.

Корпоративный сайт

Презентация компании

Продвижение бренда, продукции или услуг

Привлечение инвесторов и информирование акционеров

Привлечение сотрудников

Работа над общественным имиджем

Обычно наиболее важны 1–2 из этих задач - вот под них и надо писать текст. Если цель - презентация, можно указать основные факты и цифры о компании. Если нужно привлечь инвесторов или партнеров - подойдут описание бизнес-модели или стратегии, диаграммы с финансовыми показателями. А потенциальным сотрудникам будет интересно узнать об открытых вакансиях и рейтинге компании среди работодателей, почитать личные истории работников.

Тинькофф Банк объясняет, почему он такой хороший работодатель. Сайт weboffice.tinkoff.ru

Личный сайт

Личный сайт небольшой, поэтому главная страница становится действительно главной. Задача такого сайта - доказать профессионализм владельца и добиться того, чтобы к нему обратились. В этом помогут материалы из раздела «Рассказать о себе» в справочнике Главреда .

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

Сайт адвоката Альберта Ихсанова advokat18.ru. Небольшой рассказ о себе и своих услугах, ссылки на практику - все как надо

Информационный сайт или блог

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

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

Главная страница meduza.io (в одном из своих состояний)

Управляющий редактор Russia Beyond The Headlines Всеволод Пуля утверждает в своем посте , что главная страница должна стать информационной повесткой дня. У читателя должно сформироваться четкое и законченное понимание того, что произошло сегодня в мире.

Эти принципы можно перенести и на корпоративный блог или информационный сайт. Выделяйте блок самых полезных материалов и динамические блоки последних записей, сортируйте посты по категориям и рубрикам. Удачно это реализовано на Лайфхакере (lifehacker.ru):

Есть и исключения. Вот, например, главная страница Луркоморья.

Много текста, зато все важно и по делу (сайт lurkmore.to)

Главная в виде мини-лендинга

Главную страницу сайтов услуг часто делают в виде мини-лендинга с разбивкой по смысловым блокам. То же самое - с сайтами, посвященными одному продукту (те же CRM-системы). Задача главной страницы в таком формате - продать продукт.

Первые два блока страницы сайта retailcrm.ru. Интернет-сервисам важно донести суть и плюсы своего продукта уже на главной - у них она почти всегда становится точкой входа

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

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

SEO для главной

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

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

В остальном требования по SEO стандартны. Не вставляйте в текст неестественные ключи («бетонный блок москва купить»), избегайте переоптимизации и пишите о том, что будет полезно читателю. Помните, что у Яндекса появился алгоритм «Баден-Баден» . Он распознаёт пустые тексты «под SEO», а сайты с такими текстами понижает в выдаче. Если все содержание можно уместить в два абзаца, пусть так и будет.

Это пустой текст - написан просто чтобы был. Сайт alltime.ru

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

На главной странице vamsvet.ru до текста надо прокрутить 3 экрана

Что в итоге

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

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

Ответьте на главные вопросы посетителей и отработайте возражения, расскажите о своих гарантиях, если они есть

Если это возможно - дополните текст кейсами, укажите своих клиентов

Разбавляйте текст подходящими изображениями, роликами и презентациями

Не пишите пустые SEO-тексты ни о чем - Баден-Баден не пустит их в топ поиска.

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

Теги: | | |