Что должно быть на странице. Какой должна быть страница во вконтакте. Кто вы такой

Основной принцип продвижения в поисковых системах (SEO продвижение) — соответствие сайта ожиданиям интернет-пользователя, который делает запрос к Google или Яндекс для получения наиболее релевантного, т.е. максимально точного ответа.

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

Предположим, что страница создана, содержит уникальный, качественный для потенциального посетителя контент. Остановимся на том, что нужно сделать для её видимости в поисковых системах. Эта задача связана с корректным оформлением элементов страницы (тегов), важных для поиска. Прежде всего это

• заголовки h1, h2, h3 и т.д. (по необходимости);
• тег title — заголовок страницы, который отображается в поисковой выдаче и заголовке вкладки вашего браузера;
• мета-тег description, на его основе формируется сниппет — краткое описание страницы в выдаче;
• мета-тег keywords, ключевые слова.

Также желательно наличие на странице графики, если она нужна по смыслу.

Крайне важно иметь возможность заполнения или изменения этих атрибутов на вашем сайте.

Рассмотрим каждый из этих элементов подробнее.

H1 — это основной заголовок статьи, её название. Это то, что в первую очередь видит пользователь. Поскольку данный атрибут несёт в себе основной смысл, он является важным ориентиром для поисковых систем, сообщающий им, о чём данная страница. H1 на странице должен быть только один. Заголовки h2, h3 и далее по иерархии используются для обозначения разделов внутри статьи и дают поисковикам дополнительную информацию.

Title — это заголовок страницы, который в первую очередь виден поисковым системам. Можно сказать, что если H1 в первую очередь предназначен для пользователя, хотя и для поисковых систем он очень важен, то title предназначен поисковикам. Обычно он составляется на основе ключевых слов, по которым страница сайта должна быть видна в поиске. Рекомендуемая длина 55-60 символов, желательно чтобы он содержал в себе не более 12 слов. Наиболее важные ключи должны быть расположены ближе к началу заголовка. Также необходимо обеспечить уникальный title для каждой страницы — это помогает страницам лучше ранжироваться в поиске.

Мета-тег Description — краткое описание страницы. Грамотно составленный description может целиком попасть в сниппет поисковой выдачи, увеличивая вероятность того, что пользователь кликнет именно на вашу страницу. Поисковая система может формировать сниппет на основе содержания страницы, но так или иначе, решение о её релевантности принимается в том числе по содержимому тега description. Важно тщательно прописывать данный атрибут с использованием ключевых слов. Рекомендуемая длина тега соответствует размеру снипетта в поисковой выдаче, т.е. 120-135 символов.

Мета-тег keywords — перечень слов, наиболее часто встречающихся на странице. Плотность ключевых слов можно проверить через сервис http://istio.com/rus/text/analyz/ . Рекомендуется прописывать 5-6 ключевых слов для одной страницы.

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

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

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

Оформление ссылок. Для того чтобы придать ссылкам на сайте эстетичный вид (иногда они бывают очень длинными), их необходимо вставлять при помощи html-кода, чтобы в тексте отображался только URL самого сайта.

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

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

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

И в чем вопрос. Статья оказывается действительно эффективной? Мы даем верную оценку в 100% случаев или наш мозг спасает нас от ощущения собственного несовершенства? А может в каждой статье есть что-то стоящее, а первое впечатление - это так, ерунда, которая только мешает?

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

Основные элементы сайта

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

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

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

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

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

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

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

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

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

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

Разоблачение и подтверждение заповедей

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

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

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

Единственное, о чем я вас попрошу, говорите о преимуществах для человека, читателя, а не о том, какие вы замечательные: «Мы 180 лет на рынке». Молодцы, очень вам повезло. 180 лет на рынке и ничего не поменялось. Как делали хрень, так и делаем. Очень хорошие спонсоры, не обращают внимание на убытки.

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

Заголовок должен быть уникальным и ценным для читателя, он должен решать его проблемы. «Лучший способ начинать утро с хорошего настроения даже в 6 утра» — неплохо для одностраничника, продающего кофе? По крайней мере такого уж точно ни у кого не было.

• Дополнительная мотивация для совершения определенного действия.

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

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

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

Как сделать, чтобы страницу не закрыли сразу же

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

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

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

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

Хотя есть у меня для вас и другой, на мой взгляд, более интересный совет. Смотрите, у вас есть определенная задача. Думаю, что вы хотите создать совершенно конкретный лендинг. Почему бы не заказать его у фрилансеров на fl.ru или weblancer ? За работу вы заплатите тысяч 5-10. Как договоритесь, но зато увидите чужую работу, посмотрите что нравится, а что вам хотелось бы изменить.

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

Для любой компании главная страница сайта – виртуальная парадная дверь. Если посетителю не нравится то, что он видит, не сомневайтесь, он нажмет кнопку «Назад ».

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

Что делает хороший дизайн главной страницы сайта

1) Дизайн главной страницы четко отвечает на вопрос «Кто я?», «Что я предлагаю?» и/или «Что пользователь может сделать здесь?»

Если вы представляете хорошо известный бренд (например, Coca-Cola ), вам может сойти с рук отсутствие описания того, кто вы и что вы делаете. Но большинство компаний должны отвечать на эти вопросы, так чтобы каждый посетитель знал, что он находится в «нужном месте ». Если пользователи в течение нескольких секунд не смогут понять, что вы делаете, долго они не задержаться.

2) Резонанс с целевой аудиторией

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

3) Сообщение о ценном предложении

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

4) Юзабилити

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

5) Включает в себя призыв к действию (СТА-элемент)

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

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

6) Постоянно изменяется

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

7) Использует отличный общий дизайн

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

Вдохновляющий веб-дизайн: 16 лучших дизайнов главной страницы

1) FreshBooks

Этот дизайн гениален, потому что:

• Прост в использовании. Возникает много споров о том, какие домашние страницы лучше — короткие или длинные. Если вы выберете последний вариант, то должны обеспечить легкое прокручивание и чтение. Эта страница выглядит практически как история;
• Удачно использовано сочетание цветов и позиционирование первичных СТА-элементов . Когда заходите на главную страницу сразу становится понятно, что компания хочет привлечь ваше внимание;
• Очень заманчивый текст на СТА-элементе : «Попробуйте бесплатно в течение 30 дней »;
• Эффектный подзаголовок: «Для более чем 5 миллионов людей, использующих FreshBooks , отправлять счета и следить за расходами теперь не проблема ». Это заявление привлекательно для целевой аудитории, потому что освоение бухгалтерского программного обеспечения, как правило, «мучительно сложно » для фрилансеров и владельцев малого бизнеса.

2) Airbnb

• Это оформление главной страницы сайта пример впечатляет: она встречает посетителей полноэкранным видео с красивыми кадрами, высокого разрешения. Она рассказывает о путешественниках, которые проводят время, как будто они местные жители: готовят пищу на кухне, покупают местные сыры. Выглядит очень естественно и достоверно;
• Прямо по центру главной страницы располагается форма поиска с местом назначения и датой прибытия/отбытия, которую ищет большинство посетителей, направляя пользователей к следующему логическому шагу;
• Форма поиска «умная «: она автоматически отобразит последний поиск пользователя, если тот авторизован;
• Основной призыв к действию («Поиск «) контрастирует с фоном и выделяется, а вторичный призыв к действию виден в верней части.

3) Mint

• Это супер простой дизайн с сильным заголовком и подзаголовком без сленга;
• Домашняя страница обеспечивает безопасную, но спокойную атмосферу, что очень важно для продукта, который обрабатывает финансовую информацию;
• Он также содержит простой и убедительный призыв к действию: «Зарегистрируйтесь бесплатно «. Дизайн CTA также замечателен — иконка в виде замочка попадает точно в цель, сообщая о безопасности еще раз.

4) Dropbox(Consumer)

• Главная страница сайта Dropbox — пример предельной простоты. Ограничено использование рекламы и видеороликов, а также объединено все фоновое пространство;
• По статическому скриншоту выше трудно понять, но этот оформления сайтов вариант привлекает внимание тонким использованием причудливой анимации в графике;
• Подзаголовок — простой, но мощный: «Открывайте свои файлы где угодно и на любых устройствах, и без труда предоставляйте к ним доступ ». Не нужно расшифровывать какую-либо терминологию, чтобы понять, что делает Dropbox ;
• Акцент на одном первичном призыве к действию: «Зарегистрируйтесь бесплатно «.

5) Dropbox(Business)

• Это яркий пример обеспечения поддержки сайта для разной аудитории. Она отличается от главной страницы, которая изначально была создана для потребителя (смотрите выше ). Бизнес-пользователи требуют больше информации, а также дополнительное подтверждение того, что Dropbox(Business) — безопасное и масштабируемое решение для компаний (проблему восприятия Dropbox решает непосредственно на своей домашней странице );
• Dropbox по-прежнему продолжает применять простой дизайн и брендинг. Он включает в себя только то, что важно: большое изображение с поддержкой рекламы и кнопку «Попробуй бесплатную 30-дневную ознакомительную версию «, призывающую к действию.

6) Whitehouse.gov

• , который выступает за целую нацию — задача не из легких. Whitehouse.gov постоянно меняется, чтобы отразить главные проблемы и приоритеты. Тестирование и оптимизация — ключевой компонент блестящего дизайна домашней страницы;
• Что особенно замечательно в Whitehouse.gov так это отличие от большинства сайтов, связанных c правительством. Он имеет чистый дизайн и способствует развитию сообщества;
• Довольно легко найти то, что вы ищете, когда оказываетесь здесь. А если вы не можете сразу найти то, что нужно, есть удобное поле поиска.

7) 4 Rivers Smokehouse

• В сочетании с большой картинкой для оформления сайта заголовок «ГРУДИНКА. 18 лет мастерства. Для вашего удовольствия » звучит заманчиво;
• Прокрутка параллакса проведет для вас краткую презентацию услуг, меню и покажет людей, прекрасно проводящих время – прекрасное использование популярного дизайнерского тренда.

8) Cobb Pediatric Therapy Services

• Заголовок и подзаголовок обращаются к эмоциональной стороне посетителей: «Работайте с компанией. Это стоит того. Доверьтесь нам. Мы были там тоже. Мы найдем вам работу там, где вы сможете полностью проявить себя » Это предложение является уникальным и убедительным;
• Заголовок находится на вращающейся карусели, которая учитывает категорию посетителей, от соискателей до людей, ищущих психотерапевта для своих школ;
• Есть несколько путей для посетителей, по которым можно пройти на страницу. Но призы к действию расположены хорошо, сформулированы просто и контрастируют с остальной частью страницы.

9) Jill Konrath

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

10) Evernote

• За эти годы Evernote превратился из простого приложения, сохраняющего записи в набор инструментов для бизнеса. Это не всегда легко передать на домашней странице, но Evernote проделал хорошую работу по компоновке возможных сообщений в несколько ключевых преимуществ;
• Эта домашняя страница использует сочетание насыщенных, приглушенных цветов в видео, а также подписи ярко-зеленого и белого цвета, чтобы выделить их на общем фоне;
• После простого заголовка («Помни все »), взгляд останавливается на призыве к действию «Зарегистрируйтесь Бесплатно ».

11) Telerik by Progress

• «Скучное предприятие » — это не то чувство, которое возникнет, когда вы зайдете на сайт Telerik . Компания предлагает множество технологий и продуктов, использует смелые цвета, интересные дизайны и видеосъемку с энергетикой подобно Google . Одним из важных аспектов является создание обстановки, чтобы посетители чувствовали себя желанными и знали, что имеют дело с реальными людьми;
• Мне нравится простой, выполненный на высоком уровне обзор шести товарных предложений. Это абсолютно понятный способ сообщить о том, что делает компания;
• Реклама несерьезная и легко читается. Они говорят на языке своих клиентов.

12) Boxbee

• Заголовок представляет собой призыв к действию, направленный прямо на целевую аудиторию: предпринимателей, работающих в индустрии хранения данных;
• Оформление главной страницы сайта имеет чистый и простой дизайн. Он подчеркивает заголовок, а затем сразу же демонстрирует первичный призыв к действию;
• Этот первичный призыв к действию выделяется за счет контрастного цвета.

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

Первое – только настоящий аватар, а не картинки из Google.

Второе – ваши реальные фамилия и имя. Особенно это относится к девушкам, которые пишут что-то вроде "Мария Wolf Соловьева" – абсолютно несерьезный подход, который вызывает смех.

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

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

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

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

Такую небольшую популярность я получил благодаря каналу на YouTube и личным блогам. И меня часто спрашивали: "мол, да?" – что-то объяснять людям было сложно.

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

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

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

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

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

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

1. Информативной. Заходя на сайт, посетитель сразу же должен получить на первой странице короткие и четкие ответы на вопросы:
   • Что это за сайт?
   • Что здесь можно найти?
   • Можно ли доверять этой компании?
   • Чем этот сайт лучше других?
   • Что делать дальше?

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

2. Целевой. Обращаться к своим клиентам необходимо на их языке. Если это крупная B2B-компания, то лучше придерживаться профессионального сленга, сдержанного стиля - все должно подчеркивать профессионализм и серьезность компании. А если это развлекательный ресурс, целевой аудиторией которого является молодежь, то уже можно и нужно придерживаться разговорного стиля написания текстов, более смелого дизайна главной страницы.
3. Удобной и функциональной. Информация и ссылки на главной странице должны быть расположены грамотно, чтобы посетителю было удобно пользоваться ресурсом. Интуитивно понятная навигация, контакт для обратной связи, популярный контент\товар и возможность его заказать непосредственно с главной страницы, адаптированный дизайн сайта - вот только некоторые элементы, которые делают страницу удобной. Но при этом всего должно быть в меру, поскольку перегруженная контентом и функциональными блоками страница отпугнет пользователя.
4. Визуально привлекательной. Это очевидное, но довольно сложное требование. Сложность заключается в том, что у всех свое представление о прекрасном. При разработке дизайна главной страницы необходимо помнить, что она должна нравиться не владельцу ресурса, а его клиентам. А как показывает практика, их предпочтения могут сильно различаться. Дизайн главной страницы сайта должен быть привлекательным, и для его создания необходимо четко понимать, кто является целевой аудиторией ресурса.

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

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

Важные элементы оформления: что должно быть на главной странице сайта?

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

Навигация

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

Пример главной страницы сайта с удачной навигацией:

Если это интернет-магазин, рекомендуем оформить на главной странице небольшой каталог с наиболее популярными товарами, скидками и/или новинками. Если это информационный портал, то это могут быть ссылки на наиболее популярные статьи, последние материалы и т. п. Например:

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

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

Графический контент

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

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

Сравните следующие главные страницы сайтов:

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

Текст

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

Целевые кнопки

Что отталкивает пользователей главной страницы сайта?

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

• музыка и посторонние звуки. Неожиданно начинающаяся мелодия, резкие звуки или звуковые призывы купить товар вызывают лишь одно желание - как можно быстрее найти кнопку и выключить навязчивое аудиосопровождение. И зачастую ей становится кнопка, закрывающая сайт раз и навсегда;
• навязчивая реклама сторонних ресурсов. Мало того, что рекламные баннеры сильно снижают доверие к сайту, так еще и отвлекают Вашего потенциально клиента от конечной цели - покупки/заказа на Вашем сайте. Такая реклама может увести клиента с Вашего ресурса;
• требование регистрации. Никто не захочет тратить свое драгоценное время, чтобы зарегистрироваться на Вашем сайте. Разве что ради внушительной скидки;
• грамматические ошибки. Если уже на главной странице сайта попадаются ошибки и опечатки, грубые нарушения пунктуации, то это вряд ли вызовет доверие посетителя;
• мелкие шрифты или слишком высокий контраст. Сайт должен быть приятен для пользователя - глаза не должно резать от слишком контрастного или мелкого шрифта. Никто не уйдет с сайта только из-за этого, но вкупе с другими недостатками оформления и форматирования это может сыграть не в Вашу пользу;
• Красивые изображения, фотографии, графики - это, конечно же, хорошо. Но нужно помнить, что перед размещением графического контента на сайт необходимо уменьшить его вес для более легкой загрузки. Посетитель не будет долго ждать, пока прогрузится страница. И насколько бы красивой она ни была, ее никто не увидит;
• лишние элементы. Часы, облака тегов, виджеты погоды и другие подобные элементы оформления перегружают главную страницу и отвлекают от основной информации. Избегайте движущихся и мигающих элементов, анимации, бегущих строк. У людей периферическое зрение развито лучше центрального, поэтому такие детали отвлекают внимание и затрудняют восприятие других информационных блоков;
• отсутствует адаптивная верстка. Все больше посетителей заходят на сайты через планшеты и смартфоны. И если сайт не адаптирован под разные устройства, то Вы потеряете огромное количество потенциальных клиентов.

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