Яндекс – это современный способ поиска информации, новостей и других данных, необходимых пользователям ежедневно. Также здесь можно завести бесплатный почтовый ящик, ознакомиться с расписанием и курсами валют. Унифицированный источник любой информации, настоящий гид по Всемирной Паутине – это отечественный сервис Яндекс.
С чего начать
Попасть на главную страницу яндекса можно, введя в адресной строке браузера: https://yandex.ru/ . После этого пользователь окажется на главной странице сервиса яндекс ру.
Сверху по центру расположились последние новости, правее можно войти в свой электронный ящик и проверить почту. Чуть ниже, слева от логотипа – строка поиска, под которой расположилась основная информация о пробках, погоде и карта города, в котором находится пользователь.
Установка в качестве стартовой страницы
Как только вы запускаете браузер, первая страница, которую он открывает, называется стартовой. При посещении Яндекс, сайт предлагает сделать сервис стартовой страницей. Если вы нажмёте «Принимаю », то при каждом последующем запуске браузера ваша работа будет начинаться с главной страницы.
Поиск в Яндекс
Раздобыть необходимую информацию с Яндекс проще простого. Начните вводить запрос
, и поисковая система автоматически предложит возможные варианты.
Выше строки поиска расположились сервисы, упрощающие этот процесс. Нужны картинки? Нажимайте на соответствующую ссылку. Видео? Не проблема, Яндекс готов искать нужную вам видеозапись. Во вкладке «Ещё» доступны и другие сервисы, упрощающие поиск.
А вот это расширенный поиск.
Здесь можно уточнить конкретный регион, выбрать поиск по интересующему сайту, или отфильтровать сайты по дате публикации. Обратите внимание: в правом нижнем углу Яндекс предлагает установку стартовой страницы и основного поисковика. Нажмите «Ок», и система сделает остальное автоматически.
Местоположение
Яндекс определяет ваше местоположение автоматически для того, чтобы показывать актуальные новости и данные, такие как погода и пробки, для региона, в котором находится пользователь. Хотите изменить регион? Не проблема. Жмите на город, установленный по умолчанию.
После этого вам откроется страница выбора местоположения
. Нажмите «Найти меня», чтобы позволить сервису обновить данные о вашем местонахождении автоматически, или введите название населённого пункта в строку ниже.
Яндекс Новости
Последние события в регионе и мире располагаются в самом верху окна
, где можно переключиться между новостями. Кликнув по интересующему событию, пользователь перейдёт на страницу сервиса Яндекс Новости.
Здесь можно подробно ознакомиться с последними событиями в стране и мире, рассортировать известия по категориям, и ознакомиться с интересующими пользователя событиями.
Дополнительные сервисы
Над строкой поиска находятся дополнительные службы , которые позволяют упростить работу с информацией:
- Видео : найдите интересующий вас видеоролик, или ознакомьтесь с последними обновлениями.
- Картинки : ищите нужные изображения и фотографии с лёгкостью, или просто посмотрите на трендовые изображения.
- Новости : уже описанный выше сервис, позволяет всегда быть в курсе событий.
- Карты : помогает легко ориентироваться на местности, и находить нужные локации прямо на карте.
- Маркет : посмотрите на товары в продаже, и закажите нужный в один клик.
- Переводчик : перевод текстов с поддержкой большого количества языков.
- Музыка : создайте свою коллекцию аудиозаписей, или прослушайте любимые композиции в режиме онлайн.
Всё, что не уместилось над строкой поиска, можно найти во вкладке «Ещё ». Среди доступных опций есть проекты по поиску работы, афиша и многие другие ресурсы.
Дополнительные ссылки
Информация о сервисе расположилась внизу титульной странице, и содержит следующие пункты:
Установка темы
Чтобы сделать оформление более красочным и интересным, разработчики предлагают установить на неё одну из множества тем, меняющих внешний вид сайта. Сделать это проще простого. В верхнем правом углу расположено меню «Настройка
», в котором нужно выбрать пункт «Поставить тему
», после чего откроется список доступных тем. Установка бесплатна, и выполняется в считаные секунды.
Например, тема «Звёздные Войны». 15 секунд – и со стартовой страницы на вас смотрит самый грозный джедай галактики.
Что ещё можно настроить
В том же меню «Настройки » есть и несколько других пунктов:
- Местоположение : как уже говорилось ранее, здесь можно установить населённый пункт, в котором находится пользователь.
- Мои места : добавьте на карту такие места как дом и работа.
- Язык : выбирайте, на каком языке будет отображаться сайт.
- Настройки поиска : несколько опций для упрощения и персонализации поиска.
- Реклама : сделайте её более интересной для себя, или уберите вовсе.
- Уведомления : о чём вы хотите, чтобы Яндекс рассказывал вам?
- Паспорт : дополнительные настройки безопасности и ввод личных данных, таких как номер телефона.
Яндекс Паспорт
Для получения паспорта в Яндексе необходимо ввести имя и фамилию, логин и пароль, а также указать номер мобильного телефона. Регистрация занимает не больше двух минут, после чего пользователю становятся доступны многие опции, в числе которых привязка банковской карты, смена пароля и настройки безопасности, и многие другие функции.
Как задать вопрос службе поддержки
Для того, чтобы узнать о работе сервисов и служб, посетите раздел «Обратная связь
».
Здесь можно ознакомиться с основными инструкциями по работе с порталом, узнать необходимые сведения, и, при необходимости, обратиться к службе поддержки за разъяснениями.
Окинув взглядом главную страницу, средне-статистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого он не просил! Переселение потребителя в интернет сделало из главной страницы «виртуальную парадную» для современной компании. В чем же продающая особенность страничек, убедительно представляющих топ-бренды? Как оформить главную страницу сайта правильно и не получить памятник дизайнерской мысли, вместо инструмента реализации своих целей?
Мнение исследователя конверсии Брайана Мэсси, о том, как должна выглядеть главная страница интернет-ресурса с коммерческим предложением:
Лучший не тот дизайн, с которым вы подчеркнете статус и стиль компании. Лучший тот, что будет способствовать конверсии, имея мотивирующие элементы и отличные описания, побуждающие нажать СТА-кнопку
Подход уверенного лидера на рынке: главная страница Reebok микросайта
Правила оформления главной страницы продающего сайта
- Яркий заголовок усилен подзаголовком, которому релевантно изображение
- Мощный призыв с тонкой анимацией, подчеркивающей предполагаемое намерение
- Положительный образ, привлекая внимание к предложениям бренда, стимулирует потребительское желание обладать понравившимся
- 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 Проработка элементов. Веб-аудитория оценит привлекательность, явно относящуюся к делу – когда качество элементов безупречно, а их необходимость очевидна.
Лирическое отступление. Древний ваятель на вопрос, как он создает скульптуру:
Беру каменную глыбу, образ божественной формы уже есть в ней. Я просто отсекаю лишнее
Сейчас больше возможностей для творческих идей, но они – сырой материал. Промах мастера, все так же загубит проект. Завершая аналогию:
Гибкие решения от скульптора Хосе Лопес: «открывая гранитную страницу»
Еще раз о важном:
- Хороший дизайн не заметен, а ключевые элементы там, где их ожидают увидеть
- Чем шире целевая аудитория, тем больше компромисса в оформлении – требуется БОЛЕЕ хороший дизайн
Читайте также: 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-бонусы (трафик из поиска) с возможностями посадочных лэндинг-страниц , продающий визуал создает эмоциональный эффект вовлечения в нужную атмосферу. С усилением пользовательского внимания, главная страница сайта становится способной генерить готового клиента от организованных маркетинговых кампаний.
В этом уроке я покажу, как сделать стартовую страницу Яндекс. Тогда каждый раз при запуске браузера будет автоматически открываться главная страница сайта yandex.
Способ 1: расширение для браузера
Расширение - это бесплатная программка, которую можно скачать и добавить в браузер. Оно автоматически поменяет начальную страницу и сохранит ее по умолчанию. Сейчас я покажу, как поставить такое расширение:
- Перейдите на сайт home.yandex.ru
- Нажмите на кнопку «Установить»
- В окошке нажмите на «Установить расширение»
Эта кнопка может называться и по-другому: Разрешить, Добавить или Выполнить.
Через минуту расширение установится и в верхней части браузера появится иконка с буквой Я .
Закройте браузер и снова его откройте. Теперь при запуске будет сразу появляться поисковик Яндекс.
Возможно, в первый раз выскочит предупредительное окошко. В этом случае нажмите на «Сохранить изменения».
Способ 2: настройка домашней страницы вручную
В любой программе для Интернета можно настроить сайт, который будет всегда открываться первым. Сейчас я покажу, как это сделать в разных браузерах на компьютере (ноутбуке).
Google Chrome
Нажмите на кнопку с тремя точками в верхнем углу программы и из списка выберите пункт «Настройки».
Откроется новая вкладка, где внизу будет часть «Запуск Chrome». Щелкните по пункту «Заданные страницы» и выберите «Добавить страницу».
Появится небольшое окошко, в котором напечатайте yandex.ru и нажмите «Добавить».
Вот и всё! Чтобы проверить результат, нужно закрыть Google Chrome и открыть его снова.
Yandex
Нажмите на кнопку с тремя горизонтальными линиями в самом верху браузера с правой стороны. Из списка выберите пункт «Настройки».
Откроется новая вкладка с настройками.
Опуститесь чуть ниже, туда, где написано «При запуске открывать». И там щелкните по «Ранее открытые вкладки», а затем поставьте галочку на «Открывать yandex.ru, если нет вкладок».
Вот и всё! Теперь поисковик Яндекс будет постоянно открываться при запуске бруазера.
Opera
Нажимаем на кнопку «Меню» в левом верхнем углу программы. Из списка выбираем «Настройки».
Откроется новая вкладка, вверху которой будет часть «При запуске». Щелкаем по «Открыть определенную страницу или несколько страниц», затем по ссылке «Задать страницы».
В появившемся окошке печатаем адрес yandex.ru и нажимаем OK.
Сразу после этого Интернет портал Яндекс станет начальной страницей в Опере. Чтобы это проверить, закрываем браузер и открываем его снова.
Mozilla Firefox
Щелкаем по кнопке с тремя горизонтальными линиями в правом верхнем углу браузера. Из списка выбираем «Настройки».
Откроется новая вкладка. В части «При запуске» щелкаем по «Показать домашнюю страницу». Затем в части «Домашняя страница yandex.ru
Вот и всё! Закрываем браузер и открываем его снова.
Internet Explorer
Щелкните по кнопке с изображением шестеренки в правом верхнем углу программы. Из списка выберите пункт «Свойства браузера».
Откроется небольшое окно. Там будет показан сайт, который установлен в качестве стартовой в данный момент. Чтобы его сменить, удалите этот адрес, напечатайте вместо него yandex.ru. Чуть ниже щелкните по пункту «Начинать с домашней страницы» и нажмите ОК внизу.
Окошко исчезнет. Теперь закрываем Internet Explorer и открываем его снова.
Как сделать Яндекс поиском по умолчанию
Часто в браузерах основным поисковиком установлен Гугл или Mail.ru. Но его можно легко поменять на Яндекс. Тогда при вводе запроса в верхнюю строку программы будут показаны результаты поисковой системы yandex.
Проще всего скачать и установить официальное приложение .
Или же можно вручную изменить поиск по умолчанию:
В Хроме, Яндекс Браузере или Мозиле нужно нажать на кнопку с тремя горизонтальными линиями, щелкнуть по пункту «Настройки» и в части «Поиск» выбрать из списка нужный сайт.
В Опере нажмите на кнопку «Меню» и выберите «Настройки». Затем перейдите в раздел «Браузер» и в части «Поиск» выберите нужный из списка.
Главная страница — самая первая страница, которая появляется при заходе на сайт.
Главная страница есть у всех сайтов, от солидных интернет-магазинов до популярных форумов. Основная функция главной страницы - это привлечение внимания целевой аудитории и конвертации пользователей в реальных клиентов.
В Рунете главную страницу часто называют «мордой». Данный термин прочно вошел в обиход ввиду своей ясности и краткости. Главную страницу можно именовать и «хомяком». Происхождение этого определение может быть объяснено искаженным произношением английского «home page», или «домашняя страница». Впоследствии вторая часть словосочетания «page» отсеялась, и «home» превратился в «хомяка».
А вот английское «doorway», или «входная дверь», на русской почве сократилось до «дорвея» или «дора» и стало причисляться к методам черного SEO. Дорвей - это чаще всего одностраничный сайт с высокочастотным запросом. При попадании на дор пользователя автоматически перекидывает на страницу настоящего сайта, оптимизированную уже под совсем другие запросы.
Визитная карточка
Главная страница проектируется при помощи CMS (системы управления контентом). Учитывая функцию первой страницы, она должна быть оформлена так, чтобы пользователь смог разобраться в навигации сайта, поближе ознакомиться с ресурсом и захотел перейти на следующие страницы. Поэтому главная страница бывает подчистую просто напичкана полезными инструментами, облегчающими поиск необходимой информации. Но все же самое главное - это текстовая составляющая. Материал на первой странице должен быть построен таким образом, чтобы в считанные секунды заинтересовать пользователя и затем заставить совершить какое-либо действие, например, совершить покупку.
Способ продвижения
С точки зрения продвижения сайта функции главной страницы условны. Первостепенное значение здесь имеют внешние ссылки и их вес, и поисковый бот не видит особой разницы между внешней ссылкой на главную страницу или второстепенную.
Главная страница скорее может заинтересовать модератора поисковой системы, особенно если, по его мнению, она составлена не по правилам. Сайту с такой главной страницей придется очень долго добираться по ТОПа. Пользователь же такую страницу может просто не заметить.
Но значение первой страницы сайта для многочисленных сообществ неоценимо. Чем лучше оптимизирована главная страница, тем больше посетителей она заинтересует, особенно если сайт не узкой тематики. Велика доля вероятности, что заинтересованный пользователь затем перейдет и на другие страницы сайта, чтобы поближе ознакомиться с информацией. Для быстрого перехода с главной страницы на другие, целевые, необходимо снабдить интернет-ресурс картой.
Для любой компании главная страница сайта – виртуальная парадная дверь. Если посетителю не нравится то, что он видит, не сомневайтесь, он нажмет кнопку «Назад ».
Как сделать оформление сайта привлекательным? При этом он должен быть не просто красивым – он также должен работать. Вот почему самые лучшие домашние страницы в этом списке выигрывают не только в красоте, но и в гениальности.
Что делает хороший дизайн главной страницы сайта
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
- Заголовок представляет собой призыв к действию, направленный прямо на целевую аудиторию: предпринимателей, работающих в индустрии хранения данных;
- Оформление главной страницы сайта имеет чистый и простой дизайн. Он подчеркивает заголовок, а затем сразу же демонстрирует первичный призыв к действию;
- Этот первичный призыв к действию выделяется за счет контрастного цвета.
13) eWedding
- Для влюбленных, планирующих важный день, eWedding – прекрасное место для создания свадебного сайта. Домашняя страница не загромождена и включает в себя только необходимые элементы;
- Подзаголовок «Создано более чем 800,000 свадебных сайтов! » — это большое социальное доказательство;
- Включает в себя отличные видеоролики продукта, отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: «Создайте сайт ».
14) Basecamp
- В течение долгого времени страницы Basecamp были удивительными и здесь можно понять почему. У них всегда эффектные заголовки и умная анимация;
- Призыв к действию выделен жирным шрифтом и находится в верхней части страницы;
- В этом случае компания выбрала домашнюю страницу более похожую на блог, которая предоставляет намного больше информации о продукте.
