Зайти яндекс поисковая система и интернет портал. Указываем свое местонахождение, если Яндекс не определил

Главная страница сайта – это витрина, «парадный вход», на котором посетители:

• знакомятся с вашей компанией;
• узнают, о чем этот сайт;
• узнают, чем вы можете быть им полезными.

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

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

Элементы главной страницы

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

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

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

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

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

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

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

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

Что должно быть на главной странице сайта с точки зрения маркетинга

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

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

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

2. Текст или другой контент , который понятно разъясняет:

• кто вы;
• что предлагаете;
• что пользователь может сделать на этом сайте;
• ваше уникальное торговое предложение (УТП), которое пояснит, чем вы отличаетесь от других подобных компаний.

Если пользователю все это будет не понятно, он просто закроет ваш сайт.

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

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

У Дропбокс на главной странице два призыва к действию – войти или попробовать решение для бизнеса.

4. . Обратите внимание – именно выгоды, а не ваши преимущества. Укажите, почему клиенту будет хорошо с вами, какие его проблемы вы можете решить.

Это можно оформить по-разному: слайдером; отдельными блоками; списком. Главное – чтобы это было легко заметить и просто прочесть.

Хороший пример – страница Evernote. Тут очень хороший заголовок, но и перечисление выгод очень хорошо оформлено. Завершает это все четкий призыв к действию.

5. Демонстрация продукта или лучшие работы . Это могут быть фото, или видео, или фотогалерея. Покажите, что вы делаете, убедите не словом, а делом. Картинка (а тем более видео) стоит тысячи слов.

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

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

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

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

Вот пример вывода такой статистики:

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

Сделайте это обязательно:

Примеры главных страниц под разные цели

Текстовая информационная страница

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

Главная страница-лендинг

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

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

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

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

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

С чего начать

Попасть на главную страницу яндекса можно, введя в адресной строке браузера: https://yandex.ru/ . После этого пользователь окажется на главной странице сервиса яндекс ру.

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

Установка в качестве стартовой страницы

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

Поиск в Яндекс

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

Выше строки поиска расположились сервисы, упрощающие этот процесс. Нужны картинки? Нажимайте на соответствующую ссылку. Видео? Не проблема, Яндекс готов искать нужную вам видеозапись. Во вкладке «Ещё» доступны и другие сервисы, упрощающие поиск.

А вот это расширенный поиск.

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

Местоположение

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

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

Яндекс Новости

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

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

Дополнительные сервисы

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

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

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

Дополнительные ссылки

Информация о сервисе расположилась внизу титульной странице, и содержит следующие пункты:

Установка темы

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

Например, тема «Звёздные Войны». 15 секунд – и со стартовой страницы на вас смотрит самый грозный джедай галактики.

Что ещё можно настроить

В том же меню «Настройки » есть и несколько других пунктов:

• Местоположение : как уже говорилось ранее, здесь можно установить населённый пункт, в котором находится пользователь.
• Мои места : добавьте на карту такие места как дом и работа.
• Язык : выбирайте, на каком языке будет отображаться сайт.
• Настройки поиска : несколько опций для упрощения и персонализации поиска.
• Реклама : сделайте её более интересной для себя, или уберите вовсе.
• Уведомления : о чём вы хотите, чтобы Яндекс рассказывал вам?
• Паспорт : дополнительные настройки безопасности и ввод личных данных, таких как номер телефона.

Яндекс Паспорт

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

Как задать вопрос службе поддержки

Для того, чтобы узнать о работе сервисов и служб, посетите раздел «Обратная связь ».

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

Сегодня мы с вами частично рассмотрим поисковую систему Яндекс.

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

О причинах лидерства рассказывать сейчас нет смысла, потому как тема нашей статьи несколько иная, но, если в паре слов, то, Яндекс:

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

Запуск системы состоялся еще в далеком девяносто седьмом году во время презентации на выставке Softool.

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

А также имел собственный алгоритм релевантности той или иной страницы каждого сайта, прошедшего индексацию.

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

Для того, чтобы попасть на главную страницу Яндекса, достаточно ввести в поисковой строке браузера www яндекс или www яндекс ru или ру.

Ну а если вам вообще лень или вы полны нетерпения насладиться доселе невиданным зрелищем – просто напишите «Яндекс» и нажмите на первую ссылку, которая выпадет в поиске.

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

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

На основе всего этого, как конструктор, собирается страница, которая максимально соответствует тому, что мы привыкли называть словом «удобство» или «комфорт».

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

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

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

Ну или она переубедит вас и вы все же решите скачать Яндекс.Браузер хотя бы для интереса.

В конце обзора, кстати, мы предоставим вам видео с подробной настройкой этого браузера.

Сделать Яндекс главной страницей в браузере

У вас может возникнуть вопрос: «А как сделать так, чтобы главная страница Яндекса постоянно была в моем браузере и мне не приходилось постоянно ее искать?».

Сделать это можно абсолютно бесплатно!

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

Нажмете, вам предложат установить специальное расширение и готово – страница стартовая!

Совет! Обратите внимание на картинку вверху. Первой стрелочкой (слева) указана основная ссылка, которая позволяет сделать Яндекс стартовой страницей любого браузера. Однако, если вы пользуетесь браузером Google Chrome, у вас может выскочить удобное объявление (стрелочка слева), которое поможет с установкой специального расширения, которое максимально быстро сделает Яндекс основной поисковой системой в браузере. После этого, каждый раз, как только вы захотите погулять в интернете, автоматически будет загружаться ваша любимая главная страница Яндекса.

Указываем свое местонахождение, если Яндекс не определил

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

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

Но может случиться и так, что Яндекс ошибется и выдаст вам не тот город.

Итак, если вам все еще интересна поисковая система Яндекс, мы продолжим. Переносимся в правый верхний угол страницы и видим там несколько ссылок.

Они позволяют:

• , на котором будет страница

• , подстроив ее под себя

• Завести почту , если таковой у вас нет (есть кнопка « »)

• Войти в систему при помощи кнопки «Вход» после регистрации или при помощи профиля в одной из социальных сетей

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

Новости в Яндексе

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

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

Если ваша страна Россия – будут показаны все новости, которые произошли за сегодня. Если в Украине – будет показан соответствующий контент.

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

В нашем случае это «Днепропетровская область».

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

• Более подробными новостями

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

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

На любой главной странице должны быть следующие элементы:

• Ясный ответ на вопросы пользователя: «Кто вы?», «Что вы предлагаете?» и/или «Что я могу сделать здесь?». Ваша компания ​​должна ответить на эти вопросы так, чтобы каждый посетитель понял, что оказался в нужном месте. Если пользователи в течение нескольких секунд не смогут найти ответ на поставленные вопросы, следующий их шаг — это отказ!
• Резонанс с целевой аудиторией. Главная страница должна говорить с целевой аудиторией на ее языке. Старайтесь избегать «корпоративной абракадабры» и устраните все лишнее и отвлекающее.
• Ценное предложение. Заголовок и еще раз заголовок! Выразите смысл своего товара или услуги в одном предложении так, чтобы у пользователей не возникло желания поискать что-то получше у ваших конкурентов. Решение проблемы — вот о чем необходимо писать; не нужно перечислять технические составляющие оффера.
• Юзабилити. Все страницы, показанные ниже, очень удобны: на них легко ориентироваться, на них нет «кричащих» объектов, например, флэш-баннеров, анимаций или других чрезмерно сложных и ненужных элементов. Многие также оптимизированы для мобильных устройств, что очень важно в современном веб-маркетинге.
• Призыв к действию (). На каждой из 15 примеров главной страницы эффективно использованы первичный и вторичный СТА-элементы. Они направляют посетителей к следующему шагу. Например, «Бесплатная пробная версия», «Купить сейчас» или «Подробнее». Помните, что цель главной страницы — удержать посетителей на вашем сайте и провести их до конца воронки конверсии.
• Общий дизайн. Хорошо продуманная страница — залог успеха в воспитании лояльности пользователей к бренду, настройке связи с целевой аудиторией и продвижении пользователей в воронке конверсии.
• Не останавливайтесь на достигнутом. Если вас устраивает коэффициент конверсии вашего ресурса, знайте, что его можно увеличить на 10-50% с помощью несложного сплит-теста главной страницы.

Этот пример главной страницы сайта html гениален, потому что:

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

2. Золотая семерка: lp пример с удачным оформлением отзывов

Это гениально, потому что:

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

3. CloudPassage: видео на главной странице

Это гениально, потому что:

• Четкий и чистый дизайн страницы. Текстовый контент, точно передающий суть деятельности CloudPassage. Вот как на главной странице сайте разместить вместо фото презентацию или видео, закрепляя послание (месседж, message) с его помощью.
• Только один направляющий призыв к действию. Чтобы у пользователей не оставалось сомнений, ниже указаны два сообщения: «Без кредитных карт», «Без обязательств».

4. Box

Это гениально, потому что:

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

5. Aweber: пример хорошей текстовой страницы

Это гениально, потому что:

• Текстовая страница с сильным заголовком «7 причин подписаться на рассылку бесплатных советов по емейл-маркетингу» сообщает посетителю о множестве бонусов и предъявляет социальные доказательства.
• Данная страница повысила процент подписок на рассылку на 321%.

Это гениально, потому что:

• Оригинальная и забавная графика наглядно демонстрирует, на что способны специалисты этой компании.
• Цифры и краткий, но емкий список преимуществ выглядят очень убедительно.
• Красивая интеграция меню с иконками. Значки главной страницы для сайта, разделов «О нас», «Примеры работ» и «Цены» вызывают улыбку и запоминаются.

7. Evernote.com: пример страниц описания сайта

Это гениально, потому что:

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

Это гениально, потому что:

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

9. Tribal Media: образец для панорамы на главной странице

Это гениально, потому что:

• Впечатляющая городская панорама в хедере главной страницы привлекает максимум внимания. Как сделать картинку для главной страницы сайта? Вы не прогадаете, если последуете примеру Tribal Media.
• Сила заголовка — в отсутствии лишних слов.

Это гениально, потому что:

• Главная страница включает в себя только самые необходимые элементы и ничего лишнего.
• Отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: «Создайте свой ​​бесплатный свадебный сайт за 5 минут». Простой нтмл 5. Пример кода главной страницы будет предоставлен клиенту.

11. Basecamp: сайт с удачной лид-формой

Это гениально, потому что:

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

12. Eventbrite: новость на главной странице

Это гениально, потому что:

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

13. GoodData: удачная картинка на главной странице сайта

Это гениально, потому что:

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

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

Мнение исследователя конверсии Брайана Мэсси, о том, как должна выглядеть главная страница интернет-ресурса с коммерческим предложением:

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

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

Правила оформления главной страницы продающего сайта

1. Яркий заголовок усилен подзаголовком, которому релевантно изображение
2. Мощный призыв с тонкой анимацией, подчеркивающей предполагаемое намерение
3. Положительный образ, привлекая внимание к предложениям бренда, стимулирует потребительское желание обладать понравившимся
4. Hero-хэдер утверждает в сознании посетителей мысль о полезности продукции, показывая, как ей пользуются другие

Главные правила начальной страницы

1. Прежде, выгоды предложения. Для узнаваемости сайта торговой марки Pepsi-Cola, достаточно одного имени. А вашего? В известной книге «не заставляйте меня думать!» Стив Круг рассуждает: «Вы задержитесь на сайте, не поняв его назначения?» И все же в современном коммерческом секторе, видимо не желая отставать от упомянутого супербренда – все стремятся в первую очередь улучшить потребительское мнение о продукте / компании:

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

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

3. Социальные доказательства. Общественная полезность – мерило, по которому принято «оценивать» торговое предложение.

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

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

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

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

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

Хороший заголовок - как пионер:

• Всегда готов! – сфокусирован на удобстве для потребителя
• Всем ребятам пример! – адекватный / «экспертен» / апеллирует к авторитетному мнению, как «Методы оптимизации главной страницы вашего сайта от Matt McGee»

Плохой заголовок - как сосиска:

• Отваривать нужно
• Конверсий быстрых не жди – полуфабрикат нуждается в доработке для годности

Стоит ли его нагружать задачами, от которых теряется меткость? Детализировать уникальное предложение можно подзаголовком, применяемым в паре и усиливающим эффект… . Юзабилити-исследование от KISSmetrics:

Идеальный заголовок - 6-ти словный (3+3): в поисковой выдаче беглый взгляд охватывает три слова (с начала или с конца). MOZ называет оптимальным Title в 57-59 знаков

Признаки эффективного заголовка:

• Синтаксически не перегружен, емко сформулирован – ни убавить, ни добавить!
• Выражает конкурентные преимущества (выгода пользователю), а не «образцовость» и дельные качества
• Выглядит конкретным планом – предложением с реальными сроками
• Психологически внушает доверие – уже является продающим триггером
• Прямо или косвенно напоминает об имеющемся лимите времени / кол-ва
• Хорошо придуман: с переформулировкой, цепляющими прилагательными, побуждающими действовать глаголами
• Провокационен, разжигает интерес и «без условностей» – привычное в новом понимании, с неожиданным противопоставлением и т.д.

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

Согласно исследованиям 3M Corporation:

83 % решений принимаемых человеком основаны на визуальной информации. Визуальный образ – то, что скорее запомнится и доверять будут ему. Зрительное воспринимается быстрее текстового в 60 тыс. раз!

• Для оптимизации пользовательского опыта
• Чтобы общаться на одном языке с нужной аудиторией

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

• Расположение на странице
• Пользовательское восприятие (UX)
• Остальная SEO-стратегия / социальный маркетинг
• Уровень конкуренции / временной фактор / сама полезность

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

Возрастающее влияние фактора «полезности» вполне ожидаемо:

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

Уделите внимание типу трафика: брендированный / нишевые запросы / long tail, чтобы не упускать важных клиентов.

8. Сделайте главную страницу удобной в пользовании. Юзабилити часть UX и если принести в жертву своей индивидуальности (чего-то еще), интересы посетителя имеющего и другой опыт, он ответит:

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

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

10. Привлекательная идея vs Проработка элементов. Веб-аудитория оценит привлекательность, явно относящуюся к делу – когда качество элементов безупречно, а их необходимость очевидна.

Лирическое отступление. Древний ваятель на вопрос, как он создает скульптуру:

Беру каменную глыбу, образ божественной формы уже есть в ней. Я просто отсекаю лишнее

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

Гибкие решения от скульптора Хосе Лопес: «открывая гранитную страницу»

Еще раз о важном:

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

Читайте также: UX-дизайны интернет-магазинов: хорошие и плохие. 21 пример

Главные страницы сайтов™ прод. брендов

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

Эко Хлеб

Достойное оформление – сайт Эко-Хлеб™ с интернет-магазином:

на гл. страницу

• Качественная отрисовка элементов и фотосъемка продуктов
• Уникальность фирменного ретро-стиля с красивым логотипом

Персона

Главная оформлена как промо-страница - сайт торговой марки на Битриксе:

на гл. страницу

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

Читайте также: 40+ лучших дизайнов сайтов о еде и кулинарии

Крошка Картошка

Интересный вариант оформления - промо-сайт фастфуд бренда:

на гл. страницу

• Позитивный брендинг с логотипом концептуального блюда
• HotSpot тултип-подсказки занимают посетителя познавательными описаниями
• Аудиомаркетинг – послушайте гимн компании

Бургер Кинг

Сайт сети ресторанов быстрого питания с декоративным шрифтом:

на гл. страницу

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

Впечатляющее визуальное воздействие

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

Apidura

Главная страница продающего сайта – английский бренд велотоваров:

на гл. страницу

• Впечатляющие фоны с градиентным переходом к разделяющим иконкам. Стильное полупрозрачное меню, контурные кнопки и
• Феноменальный способ продвижение бренда дизайном: сайт уже получил 10000 пинов на досках Pinterest!

Яркий смысл флэт дизайнов

Читайте также: Сайты в стиле флэт: 20 нестандартных дизайнов

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

Все больше flat-интерфейсов выражают стилистику и особенности позиционирования бренда в интернете / за пределами сети. Смотрите сами, как «упрощения» фирменной индивидуальности сокращает дистанцию между бизнесом и клиентом.

Moosend

Пример редизайна главной страницы – позитивный сайт с красивой типографикой:

на гл. страницу

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

Tribute Media

Американское веб-маркетинговое агентство – лаконичный минимум (CMS Drupal):

на гл. страницу

• Стрелки и анимированные иконки указывают на выдвижное меню / дублирующую навигацию по вкладкам
• Призыв размещен в первом экране по F-схеме просмотра: лого> цифры> кнопка

Bizible

Главная страница с отличными идеями – сайт небольшой компании:

на гл. страницу

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

Zendesk

Редизайн главной страницы – сайт современной компании с эффектным контентом:

на гл. страницу

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

Читайте также: Анимация по правилам UX-дизайна: полное руководство

Эффектные страницы с интересными дизайн-решениями

Сегодня не удивишь wow-эффектом на «Главной». В тренде – полезная анимация.phive.pt – португальский фитнес-сайт с интерактивным дизайном на JS и jQuery.

«Танцующий», «изможденный» эффектно решает UX-задачу: предзагрузка страницы – уже побуждает к активности

Ged Group

Пример последовательного визуального стиля – сайт с jQuery эффектами:

на гл. страницу

• Векторная графика согласует главную с внутренними страницами. Больше чем эстетика! – пользователь увереннее на сайте с четко определенной идентичностью
• 2-6х фигурная сюжетная сцена прорисовывается анимированной предзагрузкой
• Ненавязчивые интерфейсные микровзаимодействия, эффект Кена Бернса для картинок и скролл-анимации

Medpraktika

Клиентоориентированный дизайн главной страницы медицинского сайта:

на гл. страницу

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

Главная страница как лендинг

Читайте также: 30+ адаптивных лендинг пейдж шаблонов на HTML (бесплатные, премиум)

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