Как называется первая страница сайта

Главная страница

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

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

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

Визитная карточка

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

Способ продвижения

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

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

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

Термин: Главная страница

Главная страница — это начальная (стартовая) страница сайта, которая открывается по URL типа http://site.ru/ без дополнительного пути. Главная имеет первый уровень вложенности.

Главную страницу сайта еще называют хомяк — жаргонизм от английского home page («домашняя страница»).

Что разместить на главной

Часто именно с главной страницей впервые контактирует пользователь сайта. Поэтому ее цель:

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

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

Рассмотрим несколько примеров содержимого главных страниц.

Интернет-магазин

Цель главной — дать представление об ассортименте, показать преимущества и выгоды. Поэтому на главной интернет-магазинов стоит размещать:

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

Сайт услуг

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

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

Что важно для любой главной

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

При оформлении главной следует придерживаться нескольких важных правил:

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

Роль главной в маркетинге

Ценность ссылок

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

Влияние на поведенческие факторы

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

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

Конверсия

От качества главной страницы также зависит конверсия сайта.

Бесплатная консультация специалиста PromoPult
Проанализируем сайт, страницу в соцсети или магазин на маркетплейсе и выявим точки роста.

Подберем эффективные инструменты, чтобы получить больше трафика и продаж из Яндекса, Google, ВКонтакте и Wildberries.

См. также

• Вес ссылки
• Доменное имя
• Динамический URL
• Статические URL
• Уровень вложенности

Настроим рекламу за вас

Бесплатная профессиональная настройка вашей рекламной кампании. Идеально для предпринимателей.

Иннокентий, Руководитель библиотеки знаний

Новости системы PromoPult

С днем рождения, PromoPult!

Присоединяйтесь к акции PBN и получите 50% кешбэка на счет аккаунта.

Попробуйте бесплатный биддер для автокампаний Wildberries

Управляйте рекламой и получайте больше продаж при меньших вложениях

25 октября

Акция: запустите продвижение PBN-ссылками и получите 50% от расходов обратно на счет

Используйте кешбэк, чтобы привлечь больше клиентов и нарастить продажи

Инструменты

• Поисковое продвижение
• Контекстная реклама
• Реклама в соцсетях
• Управление репутацией
• Наполнение сайтов
• Профессиональные инструменты
• Повышение конверсии
• Инструменты для Wildberries

Обучение

• Бесплатные курсы и семинары
• Обучающее видео и вебинары
• Информационная рассылка

Технологии

• Контекст+
• PromoPult+
• PromoPult Max
• Естественные ссылки
• Продвижение статьями
• Трафиковое продвижение

Справка и поддержка

• Вопрос-ответ
• База терминов
• Обратиться в поддержку
• API PromoPult.ru

О системе

• О компании
• Карьера у нас
• Сотрудничество
• Заработок в PromoPult
• Договоры и условия
• Логотип

Блог PromoPult

Новости

Способы оплаты:

При перепечатке материала активная ссылка на сайт promopult.ru обязательна.Политика конфиденциальности

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

Настоящий сервис собирает информацию, зарегистрированную в файлах «cookies» для целей адаптации функционала сервиса к потребностям пользователей, в целях сбора статистической информации для анализа и улучшения качества работы сервиса, а также в рекламных целях. При использовании данного сервиса, вы подтверждаете свое согласие на использование файлов «cookies». Файлы «cookies» будут сохранены в памяти вашего устройства (ЭВМ, смартфон и пр.). Вы можете изменить настройки файлов «cookies» в вашем браузере, однако такие изменения могут повлиять на функциональность сервиса и ограничить его использование.

This service collects information registered in cookies for the purpose of adapting the service functionality to the needs of users, in order to collect statistical information for analyzing and improving the quality of the service, as well as for advertising purposes. By using this service, you acknowledge your consent to the use of cookies. The cookies will be stored in the memory of your device (computer, smartphone, etc.). You can change the settings of cookies in your browser; however such changes can affect the functionality of the service and restrict its use.

Главная страница

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

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

body < font: 0.9em/1.2 Arial, Helvetica, sans-serif; >

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

Блок с предупреждением

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

Рис. 6.12. Блок с предупреждением

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

Метод 1. Использование обтекания

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

Пример 6.18. Блок с предупреждением

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

В стилях для изображения головы ставится свойство float со значением left , а тексту заголовка и абзаца смещение левого края через margin-left . Для отмены обтекания к warning добавляется overflow со значением hidden .

section header < background: none; /* Убираем фон */ >.warning < overflow: hidden; /* Отменяем обтекание */ margin: 30px 0; /* Отступ сверху и снизу */ >.voodoohead < float: left; /* Обтекание справа */ >.warning H1, .warning P < margin: 0 0 0 70px; /* Отступы */ >

Метод 2. Фоновая картинка

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

section header < background: none; /* Убираем фон */ >.warning < overflow: hidden; /* Отменяем обтекание */ margin: 30px 0; /* Отступ сверху и снизу */ background: url(images/head.png) no-repeat; min-height: 92px; /* Минимальная высота */ >.warning H2, .warning P < margin: 0 0 0 70px; /* Отступы */ >

Также следует добавить свойство min-height , чтобы при уменьшении высоты блока фоновая картинка не обрезалась. Значение равно высоте изображения head.png.

Блок со ссылками

Каждый блок со ссылкой и её описанием обрамлён тегом , сама ссылка располагается внутри тега , который в свою очередь находится внутри . Такая логика может показаться странной — зачем нам , когда на странице он уже есть, и к чему столько тегов ? В HTML5 своя логика построения структуры документа, которая отличается от привычной схемы HTML4. В предыдущей версии HTML иерархия блоков строилась на основе тегов . . Соответственно, задавал заголовок страницы, и подзаголовки. Чтобы схема документа строилась правильно, на странице должен быть только один . Спецификация HTML5 устанавливает алгоритм генерации схемы документа, включающий в себя новые семантические теги. Этот алгоритм говорит, что теги и создают новый раздел. А в HTML5 каждый раздел может содержать собственный тег .

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

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

a < color: #1b75bc; /* Цвет ссылок */ >a:hover < color: #d6562b; /* Цвет ссылок при наведении */ >a img < border: none; /* Прячем границу вокруг изображений-ссылок */ >section h1 < font-size: 1.5em; /* Размер текста */ font-weight: normal; /* Нормальное начертание */ margin-bottom: 0; /* Отступ снизу */ >

Теперь собираем вместе все наши разделы и получаем окончательный код главной страницы сайта (пример 6.19).

Пример 6.19. Главная страница

HTML5 IE Cr Op Sa Fx