Пример страницы сайта главной страницы – Какой должна быть главная страница сайта? Советы по наполнению главной страницы, которая сможет продавать

Содержание

БОСС-ПОСТ! Текст на главную страницу сайта: как написать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Главная страница ozon.ru

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

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

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

Текст на главной странице сайта 37signals.com

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

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

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

Еще пример:

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

Текст на главной странице сайта-одностраничника

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

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

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

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

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

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

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

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

Текст и интерфейс главной страницы сайта 100strahovok.by

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Избитая «молодая и динамично развивающаяся компания»
  • Команда профессионалов, оказывающих высококачественные услуги
  • Фирма, нацеленная на плодотворное и взаимовыгодное сотрудничество и т.д.

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

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

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

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

Если хотите текстом вызвать доверие – решите задачу посетителя. Так будет и проще, и быстрее.

Ошибка №5: «тупики»

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

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

Ошибка №6: излишнее «мыкание»

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

Ошибка №7: «простыни»

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

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

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

Как написать классный текст для главной страницы сайта

Ну вот мы и подошли к главному вопросу: «Как написать текст для главной страницы?». Чуть ниже я приготовил для Вас простой алгоритм.

1. Абстрагируйтесь от текста

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

Всегда помните о целях сайта. И отталкивайтесь от них.

2. Продумайте структуру

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

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

3. Пишите то, что действительно важно для аудитории

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

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

4. Призывайте

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

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

5. Тестируйте

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

Примеры текстов для главной страницы

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

Пример текста на главную №1

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

Текст для главной страницы сайта kuponator.ru

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

Пример текста на главную №2

Главная страница сайта aviasales.ru. Обратите внимание, как основной контент вынесен в шапку, а чуть ниже размещен текст, отвечающий на основные вопросы.

Текст и калькулятор на главной странице aviasales.ru

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

Пример текста на главную №3

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

Гавная страница markup-service

Главная страница сайта markup-service.com (нажмите, чтобы увеличить)

Пример текста для главной №4

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

Главная страница popupomination.com

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

Особенности главных страниц информационных ресурсов

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

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

Резюме

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

Искренне Ваш, Даниил Шардаков.

Главная страница сайта: как ее сделать правильно

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

Хороший слоган на вес золота

Хороший слоган на вес золота

Когда перед разработчиком стоит вопрос, как писать тексты для главных страниц, он должен в первую очередь задуматься над заголовком сайта (или слоганом. Это нам знакомо по заголовкам новостей в современных СМИ: если фраза яркая, неординарная, емкая, легко читается, то непременно привлечет гораздо большее число посетителей – иногда в десятки раз, нежели тусклый, формальный, который нехотя придумали только ради того, чтобы он был. Сам удачный заголовок – это половина успеха (или даже больше!), в нем сконцентрирована сущность самого сообщения. Нередко читатели по заголовку узнают самое главное о событии или происшествии, а затем в самом тексте по ходу дела уже знакомятся с дополнительными подробностями. Сама культура чтения претерпела огромные изменения, и опытный маркетолог должен обязательно это учитывать.

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

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

Успеть зацепить клиента

Успеть зацепить клиента

Стоит ли загромождать витрину интернет-ресурса тем, что не вызывает непосредственный интерес читателя? Вряд ли. О клиенте нужно заботиться, а не заставлять его продираться сквозь бурелом неактуальной информации (если этот контент «дорог как память», то можно запрятать его в глубь сайта, не выставляя на всеобщее обозрение).

Эксперты интернет-маркетинга даже выделяют временной промежуток – на то, чтобы зацепить читателя, у вас есть не больше десяти секунд. В виде опыта попробуйте представить, что вы и есть тот самый торопливый клиент, и приготовьте секундомер. Что вас привлечет на сайте в первую очередь? Что помешает? Чего будет недоставать? И, самое главное, захотите ли вы воспользоваться услугами? Каждое такое замечание – повод для отдельной проработки первой страницы. Если как следует усовершенствовать «витрину» сайта, то она заиграет новыми красками.

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

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

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

Уникальность, оригинальность, актуальность

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

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

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

«Мертвый» сайт – это верный путь к забвению. Помните об этом, если вы хотите, чтобы ваше виртуальное детище привлекало новых посетителей и приносило доход.

Задача для профессионалов

Задача для профессионалов

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

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

glavnaya-stranitsa-sayta-kak-ee-sdelat-pravilno

Юзабилити главной страницы сайта | Convertmonster

5-vazhnyh-juzabiliti-jelementov-sajta5-vazhnyh-juzabiliti-jelementov-sajta

Алоха, гайз!

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

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

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

Анализ юзабилити сайта

Любые изменения следует начинать с анализа текущей ситуации.

С чего начать анализ юзабилити сайта?С чего начать анализ юзабилити сайта?

С чего начать анализ юзабилити сайта?

Для начала определите портрет своей ЦА. Это важно для выбора формата подачи информации. Чем подробнее будет портрет, тем лучше. Вот отличный пример портрета ЦА, который мне как-то прислали:

Портрет покупателя (писался по данным опросов операторов колл-центра, курьеров компании):

“Женщина, 33 года, замужем, один ребенок, в ближайший год-два появится второй (как минимум они будут с мужем стараться). Живет почти на окрайне Москвы (метро войковская) на семью есть одна машина, есть собака. Она русская, православная. Доход на семью около 80-100 т.р.. У нее часто болит спина (после родов особенно) она недовольна своими волосами (они выпадают и секутся), у нее есть проблемы со здоровьем по женской части.Она очень хочет выспаться, хочет секса, хочет быть хорошей женой, матерью и дочкой, хочет чтобы ей завидовали и мечтает переехать в свой дом или большую квартиру. Она боится остаться одна и боится старости, она переживает за детей и мужа и боится остаться без денег, еще она боится растолстеть, остаться без денег и сглаза, когда она делает покупки — она боится что ее обманут. Она позитивная (часто проявляет позитивные эмоции, воспринимает шутки), не скандальная (ей проще уйти, чем доказывать свою правоту), в целом, она не обращает слишком пристального внимания на товар перед покупкой (по крайней мере не лезет вовнутрь), она увлекается рукоделием (или хотя бы ей это интересно), имеет профили в соцсетях и активно ими пользуется. (Особенно после 21-30, после того как укладывает ребенка спать.) Ее часто можно встретить в ТЦ, поликлинике и на детских шоу (например «Фиксики» в Крокусе)”

Сразу становится ясно, в какой форме лучше всего преподнести УТП для данной аудитории, да?

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

Постарайтесь ответить на следующие вопросы:

  • Почему люди приходят к вам на сайт?
  • Что они ожидают найти на нем?
  • И, наконец, что нужно сделать, чтобы им было проще это найти?

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

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

  • Обозначайте важные утилиты (вход/регистрация/условия доставки)
  • Делайте меню с ориентацией по левому краю с углубленностью не более чем в 3 клика (категория/подкатегория/товар)
  • Не перегружайте навигационное, верхнее меню, оно должно содержать максимум 5-6 пунктов.
Навигационное меню, пример оформления.Навигационное меню, пример оформления.

Навигационное меню, пример оформления.

  • Расположите корректно следующие 5 элементов на главной странице сайта:

1.       Уникальное торговое предложение

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

Пример:

Как правильно составить и разместить УТП на сайтеКак правильно составить и разместить УТП на сайте

Как правильно составить и разместить УТП на сайте

2. Обзоры популярных товаров/услуг

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

Так же, эта подборка ориентирована на заботливого потребителя — тип для которого важны отзывы, рейтинг товара, тут отлично работает элемент: «Этот товар здесь не просто так, ведь многие уже купили его!»

Пример:

Блок популярные товары на сайтеБлок популярные товары на сайте

Не заставляйте покупателя думать!

3. Корзина

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

Тут есть всего два правила:

  1. Она должна находиться в правом верхнем углу страницы.
  2. Она должна быть контрастной.

Пример:

Пример оформления кнопки "корзина" на сайтеПример оформления кнопки "корзина" на сайте

Пример оформления кнопки «корзина» на сайте

4. Контактная информация

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

Что нужно учесть:

  • Не используйте разный цвет и размер шрифта при написании номера.
  • Располагайте контакты в правом верхнем углу экрана.
  • Укажите время для звонка.

Не надо так:

Пример не правильного блока "контакты" на сайтеПример не правильного блока "контакты" на сайте

Код города указан шрифтом меньшего размера, это затрудняет восприятие

Лучше так:

Пример правильного оформления бока "контакты" на сайтеПример правильного оформления бока "контакты" на сайте

Код города и основной телефон хорошо читаются

5. Поиск по сайту

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

Пример размещения:

Добавьте поле поиска по сайту для логической персоны!Добавьте поле поиска по сайту для логической персоны!

Добавьте поле поиска по сайту для логической персоны!

С помощью этих нехитрых рекомендаций вы сможете влиять на основные KPI главной страницы:

  • Снизится процент отказов
  • Увеличится время проведенное пользователем на сайте
  • Вырастет количество просмотренных страниц

Меняйте сайт, упрощайте навигацию, тестируйте и делитесь результатами в комментариях!

Помните, что улучшение юзабилити — лишь первый шаг на пути к идеальному сайту!  Не стоит забывать про SEO оптимизацию и контент-маркетинг, но об этом чуть позже 😉

Создание правильной структуры html страницы для индексации роботами

Структуры страницы SEO - блог Guland

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

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

Содержание страницы

План по построению структуры html страницы

  1. Написание тега “TITLE” (длина 50-80 символов), мета-тегов Keywords-указание ключевых слов и Description – описание информации на странице;

  2. Плотность ключевых слов: 5-7%;

  3. Создать заголовок обрамленный h2-h6 и расположить ключевые слова как можно ближе к началу документа;

  4. Атрибуты Alt, Title для картинок, логотипы;

  5. Добавить Copyright внизу страницы.

HTML пример (рисунок базовой структуры веб страницы)

Графическое изображение структуры страницы под СЕО

Структура интернет страницы

Описание основных мета-тегов

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

Вот что по этому поводу пишет руководство Google и Яндекс для вебмастеров:

  1. Соответствие Title и содержимого страницы — думаю, объяснять не стоит, что писать тег о заработке миллиона, а текст на странице будет о собачках, мягко говоря, не корректно. Во-первых, поисковый робот не найдя соответствие слов между текстом и тегом, будет относиться к такой странице с «подозрением». А во-вторых, посетители, зайдя на страницу, уйдут с нее слишком быстро, что негативно скажется н ПФ.

  2. Уникальность тега – нужно избавляться от дублей титла на сайте. Раньше, при создании статических сайтов, один и тот же тайтл мог быть размножен на все страницы. Из-за чего нельзя все страницы сайта оставлять с одинаковым тегом? Все очень просто, поисковик проиндексирует только одну страницу в активный индекс, а остальные добавит в сопли (страницы будут в поиске, но очень далеко), и это в лучшем случае. А в худшем все Ваши страницы с одинаковым тегом вылетят из индекса. Сейчас это уже не так остро стоит, поскольку при работе с CMS в тег подтягивается название документа.

  3. Название короткое, но точное — не создавайте титл очень длинным, ведь поисковики не показывают его полностью, лучше всего подойдет короткий, но понятный, который передает суть страницы. Чаще всего поисковики выдают текст Title в размере 50-80 символов, а значит целесообразно ограничится данным размером заголовка вашего документа при создании структуры web страницы.

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

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

Плотность ключевых слов

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

В среде веб оптимизаторов ходит мнение о цифрах от 1.5% до 3% для плотности ключевиков. Для себя выбрал средний вариант в пределах 2%. Но все зависит от продвигаемого ресурса и задач, для простых информационных страниц, как мой блог, можно данный процент уменьшить, а для интернет магазинов (продающих сайтов), лучше брать максимальную цифру. Проверить количество ключевых запросов не проблема, если на текст в 1000 слов приходится 20 ключевиков значит, имеем 2%.

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

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

Заглавие текста и блоков текста в правильной структуре страниц сайта

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

  1. h2-H6 — наибольшим весом для роботов обладает h2, поэтому рекомендую заключать в него основной заголовок Вашей статьи и второй продвигаемый ключ. Если имеется еще несколько заголовков, обрамите их h3-h4 или некоторые очень важные предложения, но не переусердствуйте.

  2. Strong — делает текст жирным и увеличивает значение выделенных слов для поисковиков.

  3. Em — делает текст курсивом и повышает значение выделенных слов для поисковых роботов.

! Всеми нами любимые поисковые роботы проходят по всей статье, какого бы она ни была размера, но огромное значение уделяют только началу документа. Мнения очень расходятся, насчет того какое количество слов (символов) входит в сферу заинтересованности роботов. Исследования западных компаний, показало, что страница ранжировалась лучше, если имела больше слов. Сотрудники, проанализировав структуры web страниц из ТОП-10 выдачи по 20 тысячам запросов установили, что среднее количество слов на сайтах из топ выдачи составляет около 5000 — 10000, страница на десятой позиции содержала до 5000 слов, а на первой – почти 10000. Возможно и так, но чем ближе к началу документа располагаются ключевые слова, тем больше внимания на них обратят ПС. Поэтому позволю себе порекомендовать Вам писать статьи в приделах 5000 — 7000 слов, а новости – 1000-2000, но основные слова для продвижения расположить в верхней части своего контента, второстепенными же оперировать в нижней.

Copyright

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

Атрибуты Alt, Title для картинок, Логотип

Атрибут Alt — необходим в том случае, если по какой-то причине не смогла загрузится картинка, тогда вместе нахождения изображения появится ее описание.

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

Для SEO оптимизации данные атрибуты могут оказать существенную роль при продвижении Вашего ресурса. Для этого необходимо добавлять в эти атрибуты ключевые слова. Ключевики в Alt и Title тэга Img могут заметно помочь в ранжировании сайта на страницах Яндекса и Google, а также по поиску картинок (изображений).

Логотип один из необходимых компонентов внутренней оптимизации сайта:

  • Красивая графическая ссылка ведущая на главную страницу сайта. С каждой страницы должно вести 2-3 ссылки на основную и логотип уже одна из них.

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

Структура главной страницы сайта

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

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

  • Клиент не должен «ходить» по всему проекту в попытках отыскать нужную информацию.
  • Кнопка целевого действия должна сразу бросаться в глаза.

Структура посадочной страницы с видео

Структуры страницы SEO - блог Guland

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *