Как сделать главную страницу сайта: 13 удачных примеров + рекомендации

Как сделать эффективную главную страницу для коммерческого сайта?

1. Структура — сочетание блоков с визуальной и текстовой информацией, элементы навигации: меню и ссылки, кнопки целевых действий. Правильная структура позволяет посетителям легче находить необходимую информацию, перейти на необходимую ему страницу веб-сайта, обратиться к менеджеру сайта или оформить заказ.
2. Дизайн — совокупность цветовых, графических, шрифтовых решений, улучшающих восприятие и удобство работы с сайтом.
3. Графические и текстовые материалы или Контент — грамотно подобранные иллюстрации и тексты, содержащие нужную целевой аудитории информацию о компании, интернет-магазине, производимых или реализуемых товарах и услугах, составленные с учетом требований внутренней поисковой оптимизации. Хороший контент мотивирует пользователя совершить заказ или связаться со специалистом интернет-магазина для консультации или покупки.

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

Важно!

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

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

1. Структура титульной страницы

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

Исторически сложилась следующая структура главной страницы:

1.1. Шапка или хедер — размещается в самом верху страницы

Шапка может включать в себя:

• Логотип или товарный знак компании или сайта.
• Контактные телефон(ы).
• Адрес электронной почты.
• Физический адрес офиса, магазина или склада.
• Время и график работы.
• Ссылку на корзину.
• Ссылку на форму обратной связи с консультантом.

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

Оно включает в себя кнопки со ссылками на структуру товарного каталога и основные страницы интернет-магазина, размещенные под шапкой, такие как:

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

Существуют следующие виды меню:

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

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

Является наиболее ярким и привлекающим внимание элементом главной страницы сайта. Крайне важно уделить дизайну блока максимум внимания — именно от верной подачи и оформления зависят 80% успеха данной рекламы.

Материал может быть оформлен, как:

• Витрина. На главной странице размещаются графически оформленные анонсы товаров или разделы из каталога со ссылками на более полное описание. Витрина может включать в себя 3—10 позиций, способных вызвать наибольший интерес у потенциальных заказчиков. Тут важно использовать действительно популярные товары.
• Рекламные баннеры. В этом случае стоит сделать упор на проходящие акции, актуальные скидки и наиболее выгодные предложения либо конкурсы с ценными призами. Если таких мероприятий несколько, можно оформить блок в виде слайдера. Помните, что элементы слайдера не должны показываться слишком долго или переключаться чересчур быстро. Идеальное время показа каждой картинки — 5 секунд. За это время пользователь успеет ознакомиться с интересующей его информацией и узнает о других предложениях.

1.4. Блок формирования лояльности

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

В него могут входить:

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

1.5. Дополнительная информация

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

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

1.6. Подвал или футер

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

• Ссылки на основные либо все разделы каталога.
• Иконки для перехода в соцсети.
• Полные контактные данные, название и реквизиты юридического лица.
• Копирайт — годы работы и название сайта или бизнеса.
• Ссылка на HTML-карту сайта.

2. Дизайн

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

Рекомендации по графическому оформлению главной страницы:

1. Используемый дизайн должен сочетаться с вашим фирменным стилем, ассортиментом реализуемых товаров или услуг, особенностей вашей целевой аудитории (возраста, социального статуса, уровня доходов, семейного положения, образования и интересов).
2. Юзабилити или степень удобства использования. Визуальные и интерактивные элементы должны помогать воспринимать информацию, выделять важный для клиента контент, сокращать время на поиск информации и достижение целевых действий.
3. Иллюстрации. Все фото, диаграммы или картинки должны быть полезными для посетителей сайта. Не размещайте на главной странице картинки не имеющими отношение к тематике сайта и не позволяющие совершить пользователю дальнейшее прогнозируемое действие.
4. Качество иллюстраций. Все картинки, включая изображения товаров, баннеры, иконки и кнопки, должны быть высокого качества, четкими и не размытыми.
5. Адаптивность страницы и ее отдельных элементов. Важный для пользователя контент главной страницы должен автоматически подстраиваться под размер и разрешение экрана и корректно отображаться на основных типах устройств, которые используют посетители вашего сайта, например, смартфон, планшет, стационарный компьютер, ноутбук телевизор.
   
6. Сочетание цветов. При выборе цветовой гаммы следует использовать не более пяти различных цветов, иначе внешний вид главной страницы будет раздражать пользователя. Цвета должны сочетаться друг с другом.

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

Важно!

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

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

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

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

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

Шаг 3. Текстовый контент

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

Цели текста на главной странице

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

1. Знакомство и представление вашего бизнеса или сайта

Текстовый контент должен помочь посетителю понять:

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

2. Мотивация к совершению заказа или контакту

Текст на титульной странице должен убедить потенциального клиента в том, что:

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

3. Поисковое продвижение главной страницы

Чтобы поисковые системы Google и Яндекс после индексации вашего сайта выдавали в результатах поиска главную страницу сайта по необходимым поисковым запросам при формировании SEO-метатегов и текстов необходимо учитывать актуальные требования по текстовой оптимизации.

Требования к тексту для главной страницы

• Структурирование. Как и у самой титульной страницы, у публикуемого на ней текста должна быть четко выраженная структура: заголовки, абзацы, нумерованные и маркированные списки, иллюстрации, иконки, визуальные акценты по которым пользователь сможет легко ориентироваться и находить информацию. Не стоит размещать большой сплошной текст, его, скорее всего, никто не будет читать! Разбейте его на смысловые блоки подзаголовками, иконками и иллюстрациями. Это улучшит и упростит восприятие материала.
• Отсутствие орфографических и синтаксических ошибок. Статья для главной страницы должна быть написана на 100% грамотно, без логических, речевых или смысловых ошибок, неточностей и опечаток. Красиво и грамотно составленный текст оказывает на клиента такой же эффект, как и правильная речь консультанта: повышает лояльность и доверие к фирме, побуждает к дальнейшему изучению страниц интернет-магазина, подталкивает к заказу.
• Актуальность и достоверность информации. Пользователям не нужна устаревшая информация! Публикуйте исключительно актуальную информацию и вовремя обновляйте или удаляйте устаревшие сведения. Особенно это касается контактных данных, наличия товаров, их описания, стоимости, условий доставки и оплаты.
• Правильная подача. Текст должен быть понятен вашей целевой аудитории. Не надо использовать техническую или узкоспециализированную терминологию (если только вашими клиентами не являются профессионалы в определенной сфере).
  Также не стоит слишком очевидно навязывать товары или услуги, определенное мнение.
• Отсутствие «воды». Любая информация, будь то описание вашего бизнеса, преимущество, товаров, характеристик и тому подобное, должна быть максимально точной и лаконичной.

Важно!

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

Варианты контента для главной страницы

• Краткое описание сайта. Лаконичный рассказ о том, что это за сайт или интернет-магазин, что предлагает своим пользователям. Чтобы не распылять внимание пользователя, опустите подробности, но обязательно оставьте ссылку на каталог вашей продукции — клиент сможет самостоятельно изучить товары и их подробное описание. Метод подходит как для нового, так и для уже давно существующего бизнеса в интернете.
• Рассказ о компании. Краткая история создания бизнеса, которая выгодно выделит вас на фоне конкурентов, либо фотографии сотрудников и руководителя с контактными данными. Такой способ повысит лояльность целевой аудитории при условии, если вы не будете использовать штампы, вроде «динамично развивающаяся компания», «профессиональная команда» и аналогичные избитые выражения. Данный вариант контента подходит компаниям, которые уже давно работают на рынке и имеют действительно нетривиальную историю.
• Цели и ценности компании. Если у вашего магазина есть уникальная миссия (допустим, процент с продаж вы отдаете на благотворительность или ваши товары помогают в борьбе за экологию планеты), вынесите эту информацию на главную страницу. Если же такой миссии нет, вы можете перечислить ваши ценности: сервис высокого уровня, гарантия возврата товара и прочее.
• Преимущества компании. При наличии уникального торгового предложения (УТП) вы можете разместить его на главной странице вместе с подробной информацией о ваших плюсах в сравнении с конкурентами. При этом важно, чтоб преимущества были реальными: бонусы для постоянных клиентов, бесплатная доставка, контроль качества и тому подобное.
• Горящие предложения. Наиболее выгодные для клиента бонусы, действующие ограниченное количество времени (товары со скидками, распродажи, акции), которые можно разместить сразу под меню в виде баннеров со ссылками на каталог или страницу оформления заказа.
• Новые товары и услуги. Аналогичные баннеры, как в предыдущем пункте, однако на этот раз с информацией о наиболее актуальных коллекциях товаров. Больше всего они заинтересуют ваших постоянных клиентов, которые ждут обновлений в онлайн-каталоге магазина.
• Рекламный баннер. Крупный баннер со ссылкой на страницу оформления заказа или продвигаемый товар в каталоге. Размещается сразу под меню. Дизайн обязательно должен быть броским, привлекающим внимание и мотивирующим, содержащим размеры скидок, указанные крупным шрифтом.
• Оригинальное обращение. Креативный и нетривиальный текст, цель которого — привлечь и удержать внимание посетителя сайта. Это может быть небольшой рассказ, цитата, стихи или любой другой текст, который выделит вашу главную страницу на фоне конкурирующих интернет-магазинов.

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

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

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

Информативным, полезным, удобным и приятным глазу. Это если вкратце. Разберем подробнее.

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

На главной стоит обязательно указать:

• Кто вы и чем занимаетесь.
• Что вы предлагаете.
• Почему стоит выбрать вас, а не любую другую компанию.

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

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

Как оформить главную страницу сайта: разбираем подробно

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

Шапка и навигация

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

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

Хороший пример оформления шапки главной страницы сайта – «Сбербанка». Все просто и правильно – под каждую услугу отдельный блок, контакты интегрированы в шапку.

Блоки с информацией

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

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

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

Призыв к действию

Оформление главной страницы сайта должно решает две задачи: привлекает внимание пользователя к нужным вещам и плавно подводит его к покупке. Поэтому важно в подходящий момент подтолкнуть пользователя к нужному решению. С этим всегда справлялся грамотный «Call-to-acton» – «призыв к действию».

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

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

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

Подвал

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

Советы

Не перегружайте

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

Выделяйте выгодные предложения

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

Так сделал «Связной» – акция на виду и привлекает внимание.

Используйте изображения

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

Не перехваливайте себя

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

Постоянно редактируйте страницу

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

Как оформить главную страницу сайта с точки зрения SEO-оптимизации

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

Итоги

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

Источник

Как сделать главную страницу сайта: советы и примеры

Вы знаете, что 62% первых посетителей проводят на сайте меньше 15 секунд?

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

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

А чтобы информация лучше усваивалась, рассмотрим на примере разработанного нами сайта для компании «УГМ Аренда» (см. рис. 1).

Как сделать главную страницу сайта

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

1. Чем вы занимаетесь?

Заходя на сайт в первый раз пользователь попадает на стартовую страницу. Ему нужно понять:

• Какую компанию или бренд представляет данный сайт?
• Какая основная идея или деятельность?

Начальная страница должна дать краткий и емкий ответ. Рассмотрим на примере (см. рис. 2). Логотип и слоган рассказывает о компании и ее деятельности напрямую, без далеких намеков. Надпись на баннере уточняет, что компания ведет свою основную деятельность в Челябинске. Теперь пользователь знает, что вы предоставляете в аренду генераторы, а не товары для дома.

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

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

2. Что вы предлагаете?

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

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

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

3. Чем вы мне интересны?

Будьте уверены, если вы занимаетесь популярным видом бизнеса, то подобных вашему сайту будет сотни. И на всех говорят «мы даем в аренду генераторы». Здесь нужно выделяться.

Удержите внимание посетителя выгодами. На стартовой странице укажите свои реальные преимущества и чем вы отличаетесь от конкурентов (см. рис. 4).

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

4. Сколько это стоит?

Не прячьте цены. Когда потенциальный клиент заинтересован в ваших услугах или продукции — покажите стоимость. Для закрепления результата аргументируйте цену на свой товар выгодами для клиента (см. рис. 6).

5. Как мне заказать / купить?

Потенциальный клиент готов к покупке. Покажите ему «как выполнить целевое действие» (см. рис. 7). Все должно быть просто и понятно. Если для связи с вами нужно заполнить форму обратной связи — разместите форму в развернутом виде. Или укажите куда нужно нажать, чтобы ее открыть.

Разместите интерактивную карту и все контактные данные внизу страницы (см. рис. 8). Это повышает доверие пользователей к вашей компании и сокращает время на поиски ваших контактов. Согласитесь, когда долго ищешь как связаться с продавцом — легче перейти на другой сайт, где контакты видно сразу.

Полезно. На сайте УГМ Аренда, для пользователей выведена мини-инструкция по заказу генератора (см. рис. 9). Таким образом, владелец сайта сразу отвечает на еще один популярный вопрос клиента.

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

P.S. Действуйте! Улучшайте свой сайт, повышайте конверсию и получайте довольных клиентов. А если вы сомневаетесь в своих силах, то свяжитесь с нами.

Статическая страница в WordPress

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

В материале этой инструкции поговорим о создании статической главной страницы. В конце будет ещё и видео! Поехали! 😉

Предупреждение

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

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

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

Введение

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

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

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

Создание страниц

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

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

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

Установка главной страницы

Теперь дело за малым: необходимо пометить нашу только что созданную страницу как главную. Для этого заходим в раздел «Настройки» — «Чтение» и смотрим на интересующий нас блок настроек:

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

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

Советы

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

Используйте существующую страницу

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

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

Ссылка на блоговую страницу

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

Обещанное видео

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

Буду рад услышать ваши вопросы в комментариях! 🙂

Как редактировать главную страницу в wordpress? 2 способа

От автора: всем привет. Сегодня я покажу вам, как редактировать главную страницу в wordpress двумя способами. Действительно, очень часто возникает необходимость немного подправить ее внешний вид, либо изменить полностью. Как же это сделать?

Первый вариант — редактирование файла index.php

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

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

Бесплатный курс «Основы создания тем WordPress»

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

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

Открываем его. Желательно с помощью редакторе вроде Notepad++, а не простого блокнота, где нет никакой подсветки кода. Если вы вообще не знаете php и wordpress-функций, вам может быть очень сложно ориентироваться в коде. И все же я попытаюсь что-то объяснить. В данном случае видим в файле стандартный цикл вордпресса, который проверяет, есть ли посты, и если они есть, выводит их соответствующим образом. Вот он:

Если говорить простым языком, происходит следующее: wordpress проверяет, есть ли вообще записи на вывод, и если есть, то функцией get_template_part передает команду — подключи-ка мне в этот файл тот код, который находится в файле content.php.

Вот мы с вами и пришли к тому, что в случае с шаблоном twentyfourteen редактировать нужно именно этот файл. Открываем его.

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

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

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

Бесплатный курс «Основы создания тем WordPress»

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

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

Второй способ — задать свою главную страницу

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

Теперь на главной выводится вот что:

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

Можно полностью стереть все, что было, и написать свой текст, вставить картинки, цитаты, списки. Я рекомендую вам использовать режим Текст, в котором можно свободно использовать html-теги. Это нужно для того, чтобы у вас было больше возможностей для изменений.

Вот что теперь выводиться на главной:

Итог

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

Что же вам делать, если вы хотите научиться редактировать и создавать свои сайты на wordpress, но пока бьетесь об стену? Выход очень прост — приобрести наш курс по созданию сайтов с нуля на wordpress. Заметьте, по созданию, а не по редактированию. И если вы научитесь делать их с нуля, то подправить что-то в шаблоне потом будет совсем простой задачей.

Что ж, на этом я прощаюсь с вами. Если хотите в ближайшее время совершить резкий скачок вперед в понимании верстки и wordpress, обязательно приобретайте наш курс — подобные продукты в рунете редкость!

Бесплатный курс «Основы создания тем WordPress»

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

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Как сделать страницу стартовой. Справочник по JavaScript

Читайте также

Как Web-сценарии помещаются в Web-страницу

Как Web-сценарии помещаются в Web-страницу Как мы только что убедились, Web-сценарии, формирующие поведение Web- страницы, можно поместить как в саму Web-страницу, так и в отдельный файл. Рассмотрим подробнее, как это делается.Для вставки Web-сценария в HTML-код в любом случае

Как добавить страницу в избранное

Как добавить страницу в избранное Добавляет вашу страницу в «Избранное».Эта возможность позволяет посетителю вашей страницы сделать закладку, если он не успевает просмотреть или просто запомнить адрес вашего ресурса.<a href=»#»http://www.spravkaweb.ru/», «Краткий

getURL — Переход на веб-страницу

getURL — Переход на веб-страницу

getURL — Переход на веб-страницу getURL(Глобальная функция)Загружает документ с указанного адреса (URL) в окно, или передает переменные другому приложению по URL (выполняет сценарии на стороне сервера), либо генерирует событие Macromedia Director.Синтаксис:getURL(URL)getURL(URL, window)getURL(URL, window,

Как Web-сценарии помещаются в Web-страницу

Как Web-сценарии помещаются в Web-страницу Как мы только что убедились, Web-сценарии, формирующие поведение Web- страницы, можно поместить как в саму Web-страницу, так и в отдельный файл. Рассмотрим подробнее, как это делается.Для вставки Web-сценария в HTML-код в любом случае

Переход на целевую Web-страницу при щелчке на пункте полосы навигации

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

Помещение значка статуса на веб-страницу

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

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

10 советов о том, как сделать свою страницу популярной

10 советов о том, как сделать свою страницу популярной 1. Разместите кнопки социальных сетей, в которых у вас есть страницы на вашем официальном сайте. Это позволит привлечь дополнительные «like» и новых читателей.2. Делитесь не только вашими новостями, но и информацией о

1.4. Настраиваем домашнюю страницу

1.4. Настраиваем домашнюю страницу Как выглядит домашняя страница Яндекса (рис. 1.3), знают все, кто пользуется его сервисами. Но знаете ли вы, что ее можно видоизменить, настроить в соответствии с собственными интересами? Кого-то совершенно не интересует работа с каталогом,

6.2.1. Создаем главную страницу

6.2.1. Создаем главную страницу У любого сайта должна быть главная страница, имеющая название index.html. При использовании шаблонов для главной страницы можно выбрать любой из них, но только в разделе Главная страница имя (index.html) будет подставлено правильное. Во всех остальных

Пройдя священные ворота – домашнюю страницу

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

Приложение 1. Как создать вики-страницу: пошаговая инструкция

Приложение 1. Как создать вики-страницу: пошаговая инструкция 1. Создайте ссылку вида:http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы,где:XXX – id вашей публичной страницы;«Название_страницы» – любое слово, которым будет названа страница (рис. 98).2. Перейдя по ссылке, нажмите

Ссылка на главную страницу

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

Как сменить домашнюю страницу?

Как сменить домашнюю страницу? Домашняя страница — веб-страница, которая автоматически открывается в браузере при его запуске. По умолчанию домашней является начальная страница сайта MSN.com. Возможно, вы захотите начинать свои путешествия по Интернету со страницы

Как сохранить веб-страницу?

Как сохранить веб-страницу? Веб-страницы можно сохранять на компьютере в виде файлов. Впоследствии вы сможете открыть и просмотреть их даже без подключения к Интернету.Щелкните на кнопке Страница (1). Откроется меню.Выберите в нем команду Сохранить как (2).Откроется диалог

Как добавить (сделать, настроить), изменить, убрать главную страницу WordPress

Обновлено: 19 июля 2021

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

Перед тем как перейти к описанию настройки главной страницы в WordPress, хотелось бы порекомендовать хостинг NETX. Использую его с 2019 года и до сих пор не было проблем. Цены приятно поражают. За 16 долларов в год я получаю 15 ГБ SSD и возможность разместить 5 сайтов. Когда закончится срок действия других хостингов — перенесу их все сюда. В апреле перенес все сайты на него. Как по мне, очень неплохое предложение.

Как сделать или изменить страницу главной в WordPress

Этот способ управления главной страницей работает, если у вас нет проблем с ней. Если есть — листайте ниже! На первой странице сайта по адресу site.ru по умолчанию выводится список последних записей. Если главная страница создана, чтобы ее отобразить, выполняем следующие действия:

1. Переходим во вкладку Настройки – Чтение.

2. В верхнем пункте «На главной странице отображать» выберите «Статическую страницу (выберите ниже)».

3. Из выпадающего списка выберите нужную страницу.

После выбора главной страницы Вордпресс, опуститесь вниз и нажмите «Сохранить изменения». Теперь по адресу site.ru будет отображаться выбранная вами страница. А с ее основного URL вида site.ru/glavnaya-sajta/ будет автоматически настроена переадресация на основной URL сайта вида site.ru.

Нет пункта «На главной странице отображать»

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

Как всегда, я начал грешить на плагины и хуки. Вспомнил, что ставил или обновлял последним. Это был один из лучших плагинов для SEO-оптимизации, недавно установленный Rank Math. Отключил его – ситуация не изменилась. Активировал заново – все то же, не могу установить или изменить главную страницу WordPress. Пошел следующим образом:

1. Начал поочередно отключать все плагины. Не помогло.
2. Начал поочередно удалять все хуки, прописанные в function.php дочерней темы.
3. Безрезультатно.
4. Стал ломать голову, нервно пить кофе и курить

Через 15 минут раздумий меня осенило, и я переустановил WordPress. Наконец-то все заработало, пункт настроек чтения «На главной странице отображать» вернулся на законное место.

Как ПРАВИЛЬНО убрать или изменить главную страницу WordPress

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

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

Также нужно добавить главную сайта в Google Search Console. Чтобы добавить новую главную страницу, введите ее в верхнее поле и нажмите Enter.

Через некоторое время вам выдаст сообщение о том, что URL есть в индексе Google. Нажмите «Запросить Индексирование».

После того как новая главная страница отправлена на переиндексацию, нужно подумать – что делать со старой? Многие допускают ошибку и оставляют ее как есть. Но эта страница будет доступна по старому URL, например: site.ru/glavnaya-sajta-1/. А это плохо с точки зрения SEO.

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

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

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

Вопросы и ответы

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

Хотя сам я понимаю, что это полезно в трех случаях:

1. Вы пилите крутой проект с заделом лет так на 10;
2. У заказчика есть деньги и их некуда потратить;
3. У вас есть бренд который нужно продвинуть всеми способами.

Вывод собственной страницы на вордпресс

Здесь все просто – вы делаете страницу, можете ее сверстать любым удобным способом. Я как-то заморачивался, прописывал css для картинок, подбирал картинки, рисовал свои… Если у вас инфосайт, то эффект нулевой.

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

Как изменить ссылку на главную страницу

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

Можно в файле .htaccess прописать редирект, но его увидят все. То есть, поисковые системы тоже поймут, что и как вы хотите сделать. Так что есть два варианта:

1. Работать со старым сайтом;
2. Завести новый сайт без 301 редиректов со старого!

Редактирование

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

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

 https://www.computerhope.com/jargon/h/homepage.htm 

 https://www.computerhope.com