Судоргин Валерий
22 Янв в 08:01
214 просмотров
10 минут
2
Содержание
Нет времени читать статью?

Но вам требуется продвижение сайта или создание сайта-лидера, идеального для SEO? Тогда вы можете оставить заявку на продвижение или заявку на создание сайта. Если вы собираетесь продвигать сайт самостоятельно — продолжайте чтение!

4.5/5 - (2 голоса)

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

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

Где я оказался или общие сведения о бизнесе

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

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

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

B7Bf3486982E4Cc43532E60A741155A7 Xl 1

Самое важное — наверху

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

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

Текстовое сопровождение

Наиболее правильно, если информация на главной странице сайта подается блоками. Текст, который идёт сплошным полотном, пользователь сайта практически никогда не читает. Большое значение имеет и то, чтобы материал был:

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

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

Оформление футера

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

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

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

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

Оформление главной страницы интернет-магазинов

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

Если говорить про типовое оформление главной странички обычного интернет-магазина, то обычно она имеет следующие элементы:

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

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

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

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

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

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

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

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

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

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

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

Нюансы оформления Главной корпоративного сайта

У любого Интернет-ресурса, размещённого в сети есть определенные цели. Сайт компании в этом плане не является исключением. Главными его задачами являются:

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

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

Если говорить о главной страничке сайта компании, то в большинстве случаев на ней присутствуют главные продукты, которые обеспечивает фирме основные продажи. Это могут быть товары-новинки или услуги. Нередко на стартовой присутствует описание компании и указывается её главное достоинство. В отдельных случаях начальная страница сайта состоит всего лишь из одной картинки. Например, такой, как у электронного представительства архитектурной компании Pelli Clarke Pelli Architects.

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

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

Оформление главной информационного сайта

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

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

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

Общие правила оформления главной страницы

Понятная навигация

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

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

Быстрая загрузка

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

Дизайн

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

Адаптивность к мобильной версии

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

Изображение высокого качества

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

Наличие видеоконтента

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

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

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

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

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

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

0
4.5/5 - (2 голоса)

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

Ваш адрес email не будет опубликован.

один × три =