ГЛАВНАЯ СТРАНИЦА САЙТА НЕДОСТУПНА ДЛЯ РОБОТА

• 
  Почему важна оптимизация главной страницы сайта

• 
  Оптимизация изображений и видео

• 
  Дополнительные рекомендации и распространенные ошибки

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

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

В статье собраны примеры 20 главных страниц с разной тематикой. Решайте сами – хороши они или не очень.

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

действия, вовлечь в определенный конверсионный сценарий. Как это сделать? Надеемся, наша статья поможет найти ответ на вопрос, что написать на главной странице сайта.

Штучка

Интернет-магазин товаров для рукоделия.

Особенности

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

3. Отдельный блок отведен под акцию с бесплатной доставкой:

4. Каталог также представлен более подробно – в виде плиточек с категориями товаров.
5. Текстовый блок отведен под короткое описание магазина, схему работы конкурентные преимущества.
6. Затем новостной блок, который не часто обновляется (можно подписаться на рассылку RSS). Последняя запись сделана в День Победы:

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

8. Далее интерактивная карта и подробный список контактных данных:

9. Есть подписка на рассылку, за которую дают 3% скидок:

10. Далее следует блок-портфолио с работами участниц. При открытии любое изображение можно прокомментировать:

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

Главная корпоративного сайта

Задачи корпоративного сайта:

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

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

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

Еще один пример минимализма в оформлении главной можно найти у Apple. Компания может позволить ничего не рассказывать о себе, а просто предлагать ознакомиться и приобрести последние новинки. Упор идет на изображения. Они действительно качественные, подчеркивают статусность продукта и вызывают желание купить.

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

Встречают по главной странице, по ней могут и проводить

Перед вами интернет-магазин обуви
:

Тот случай, когда выводы несложно сделать самим.

1. Шапка сайта:

2. Меню сайта:

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

4. Положительный момент с конкурентными преимуществами:

Финальный блок главной страницы:

• реквизиты интернет магазина + категории товаров + информация по учетной записи + «информация». А в боковом меню тоже «Информация», но другая:

• «Мои купоны» выходят за рамку – тут уже к верстке вопрос;
• к мобильной версии сайта не переходите – я предупреждал;
• самое интересное здесь – информер открытой статистики «Яндекс. Метрики», который красноречиво говорит о сайте:

Вы заметили, что в футере стоит 2013 год? Сам сайт по данным WHOIS создан в конце 2012 года, но как сказала моя жена: «как будто в старые советские времена сделали сайт, а потом его забросили».

Не забрасывайте свои сайты, следите за их «лицом» – главными страницами, периодически делайте контентно-графический макияж. И люди к вам потянутся!

Хотите сайт с продающими текстами? Закажите его разработку в нашей компании!
Подробнее

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

Русский кондитер

Один из крупнейших производителей мармелада на территории России.

Особенности

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

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

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

4. Блок-«вкусняшка» сильно отвлекает от анализа страницы. Но это цифры, которые всегда важны для партнеров и покупателей:

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

6. Отдельного внимания заслуживает блок «Акция» – это настоящее уникальное торговое предложение фабрики! Судите сами:

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

8. Следующий блок – сугубо рекламный, содержащий конкурентные преимущества фабрики:

9. На этом продажи не заканчиваются. Следующий блок усиливает действие предыдущего и завершает страницу:

10. Футер сайта дублирует шапку и содержит все пункты меню и адрес компании.

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

Оптимизация изображений и видео

Оптимальным решением будут фотографии самых популярных товаров или услуг. А если сайт информационный, картинки должны соответствовать его обобщенной тематике. Для размещения видео загрузите его на внешний сервис — подойдут YouTube или Vimeo.

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

Для оптимизации картинок заполните атрибуты alt и добавьте краткие описания. Проверьте robots.txt, чтобы в нем не была заблокирована индексация изображений.

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

Астраханская

Рыболовная и база отдыха.

Особенности

1. Первое, что бросается в глаза – растения и домики:

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

2. Следующий блок рассказывает посетителям сайта о том, что их ждет на базе «Астраханской»:

3. Далее блок с текстом о базе:

4. Далее информация, которую можно охарактеризовать как услуги:

• «Номера» с ценами и кнопками-ссылками на бронирование. При нажатии здесь же появляется форма:

• «Размещение», где рассказывается, что входит в стоимость;
• «Инфраструктура» – развлечения для взрослых и детей, активных и ленивых:

• «Рыбалка» с прайс-листом и заметкой, что ловить вы будет в компании егеря-чемпиона России по охоте и рыбной ловле;
• «Корпоративный отдых» с той же самой формой бронирования, что и у «Номеров»;
• «Оздоровление и отдых» – описано, что туда входит. С такими вот иллюстрациями:

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

+ интерактивная карта с телефонами бронирования и электронной почтой:

Среди подобных сайтов выделяется качественным и информативным оформлением. Поеду рыбачить на Волгу – обязательно открою сайты «Астраханской» и базы «Углянское». И буду выбирать между ними.

Description

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

Рекомендации по формированию Description:

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

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

Чего не должно быть на главной

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

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

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

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

Из рук в руки

Всероссийский портал объявлений.

Особенности

1. Шапка сайта однозначно говорит о том, что мы находимся на портале объявлений:

• нажатие на надписи «Избранное» открывает окно сбоку, где написано, что мы можем добавить в избранное любое понравившееся объявление, нажав на кнопку со звездочкой;
• надпись «Вход» – авторизация на сайте или регистрация (жаль, что всего два способа – стандартная регистрация по логину и паролю и вход через mail.ru);
• кнопка «Добавить объявление» переводит на страницу создания нового объявления;

2. Поисковая строка состоит из трех секций:
   • поиск товара или услуги с поисковыми подсказками;
   • выбор категории;
   • выбор региона.

3. Следующий экран показывает фактически структуру каталога сайта – список объявлений. Весь список оказывается при нажатии на кнопку «Больше категорий»:

4. Следующий блок – «Рекомендуемые объявления»:

5. Ниже следует блок «Из рук в руки для бизнеса»:

6. Футер сайта информативный:

• можно скачать мобильное приложение «Из рук в руки» на смартфон под iOS или Android;
• панель меню, которая встречается только внизу сайта (удивительно, что у портала объявлений есть раздел со статьями);
• ниже дублируются категории из каталога объявлений;
• в самом низу кнопки социальных сетей, ссылки на белорусскую и казахскую версии сайта, в правом нижнем углу – ограничение по возрасту «16+»;
• вы можете оставить отзыв о сайте, нажав на соответствующую кнопку.

ДДТ

Рок-группа под бессменным руководством Юрия Юлиановича Шевчука.

Особенности

1. Когда открываешь сайт, теряешься – кажется, что просто открыл картинку в новом окне. Все, что надо – начать скроллить вниз:

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

3. Затем поклонники и посетители могут посмотреть и купить концертные CD группы:

4. Непременный блок для такого типа сайтов – состав группы:

+ команда поддержки и контактные данные:

5. Завершается страница ссылками на соцсети и магазин атрибутики:

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

Москафе

Недорогой ресторан в центре Москвы.

Особенности

1. Обратите внимание на доменный адрес – это единственный сайт в подборке, где используется тематический домен .cafe.
2. Первый экран привлекает внимание фирменным стилем написания, возможностью переключения языков. Но главное – написанный крупным телефон и кнопка с призывом забронировать столик:

3. А дальше – блок, который показывает положительные стороны кафе:

4. Этот блок усиливается текстом и фотографиями ниже:

5. Следующие два блока – «Популярные блюда» и «Интерьер МОСКАФЕ» содержат фотографии с пагинацией. Любое изображение можно увеличить, но картинки не подписаны:

6. Важнейший блок «Акции» – я бы поместил его сразу под первым экраном:

7. Затем блок с контактными данными, интерактивная карта и форма для бронирования столика «онлайн»:

8. Завершается страница формой подписки на новости и акции «МОСКАФЕ».

Если одним словом описать впечатление от главной страницы кафе, это будет «уютно». Когда поеду в столицу, хотел бы посетить кафе или же просто сделать заказ и вынести еду со скидкой в 20 %.

Викиум

Интерактивная система развития мозга.

Особенности

1. Первый экран говорит, что сейчас будет тренировка мозга (ее можно уже начать, переключившись на английскую версию сайта). Кнопка «Начать развиваться» переводит на страницу с опросом для построения учебной программы. Ссылка «У меня уже есть аккаунт» открывается окно авторизации:

2. Следующий блок «продает» нам идею заниматься ежедневно:

3. Думаете, что вам рано / поздно заниматься? Блок отрабатывает эти возражения:

4. Немного научной информации для закрепления результата никому не повредит:

5. Тренироваться по «Викиуму» легко. Вот простая схема:

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

7. Далее блок, который на профессиональном жаргоне называется «ачивки»:

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

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

Обновление статьи от 02.08.2018

Уникальность, оригинальность, актуальность

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

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

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

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

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

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

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

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

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

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

• Баннер с оффером, акцией и CTA в первом экране.
• Перечисление всех услуг со ссылкой на отдельные страницы (если услуга одна, то она раскрывается максимально детально).
• Основные преимущества компании.
• Прайс.
• Портфолио, фотографии офиса/салона, видеопрезентация.
• Контактные данные.

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

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

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

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

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

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

Также важно, чтобы материал был:

• Актуальным: старые записи не вызывают интереса ни у читателей, ни у поисковиков.
• Структурированным: содержал заголовки, изображения, списки.
• Интересным: необходимо писать то, что действительно важно для ЦА.

Для SEO-продвижения в текст можно вписывать ключи. В условиях ограниченности материала это сделать тяжело. Ключи можно вписать в заголовки, в описания услуг и преимущества.

Задача для профессионалов

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

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

Национальный медицинский исследовательский центр хирургии им. Вишневского

Многопрофильная хирургическая помощь высочайшей степени сложности.

Особенности

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

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

3. После этого идет обращение директора центра, которое, по сути, является рассказом о возможностях центра:

Блок идет в сочетании с новостями:

4. А вот так выглядит весь блок, который появляется при переключении стрелочкой вместо обращения директора и новостного блока:

5. Далее идет блок, который можно смело назвать «продающим»:

6. В футере сайта дублируется шапка. Здесь есть интересная возможность: при нажатии на кнопку
   вы переходите к заполнению анкеты для оценки работы НМИЦ хирургии имени А. В. Вишневского в цифрах.

Texterra

Особенности

1. Первое, на что обращаешь внимание – это акцентуация на омниканальности и ссылка на подробное описание услуги комплексного интернет-маркетинга. Не думаю, что все знаю про понятие «омниканальность» (объяснение более простыми словами, чем в «Википедии» решит вопрос):

2. Далее перечень услуг. Меня удивило, что тут услуги не раскладываются на подуслуги, как на одноименной странице, которые я разобрал в предыдущей статье
   . Краткие описания – информативные, раскрывают суть.
3. Блок «Почемучка»: оформленный буллитами текст, подкрепленный видеороликом + ответ на вопрос, зачем нужен комплексный интернет-маркетинг:

5. Завершает страницу блок с клиентами «Текстерры» (я бы так и обозначил его – «Наши партнеры»). Логотипы постоянно меняются:

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

6. В футере – контактные данные, реквизиты, а также ссылки на представительства «Текстерры» в социальных сетях и продублированное меню.

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

Персона

Салон красоты в Москве.

Особенности

Первый же экран сайта обещает преференции для новых клиентов:



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

Далее идет информационный блок с разными предложениями:

Следующий блок закономерно посвящен ценам и услугам парикмахерского сервиса:

При нажатии на кнопку появляется всплывающее окно. Остается только ввести свой телефон и получить скидку:

Ниже салон красоты рассказывает о своих преимуществах:

Далее следует фотогалерея работ:

Заканчивается страница стандартно: интерактивной «Яндекс. Картой» и информацией о контактных данных.

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

Хороший слоган на вес золота

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

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

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

Holiday Kids

Организация и проведение детских праздников с аниматорами в Москве.

Особенности

1. Первый экран – слова на фоне видео и то, что ждешь от этого всего:

2. Далее блоки, раскрывающие суть детских праздников – какие компания проводит (о каждом можно прочесть подробнее, щелкнув по картинке) и как мы можем заказать их себе. Пункт № 4, правда, по смыслу сюда не вписывается, потому что это рассказ об особенностях работы студии:

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

4. Наконец, блок, до которого, многие быстро долистывают, когда переходят на сайт – ролевые модели аниматоров. Вот лишь фрагмент:

5. Следующий блок – реально на добивание и закрытие сделки:

6. Далее следуют тарифы (!) на детские праздники. Неравенство есть и здесь:

7. Как говорят старые рекламисты, «но и это еще не все»:

8. Кому и этого мало, пожалуйста:

9. Или же:

10. Далее социальные доказательства:

• видеоролики;
• фотоотчеты;
• конечно же, отзывы:

11. Наконец, контакты и форма обратной связи:

12. Ниже текст, который явно было написан больше для нужд SEO, чем для людей:

Завершается страница дублированием блока с географией доставок детских праздников.

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

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

Title

Наиболее значимый мета-тег, однако это не значит, что он обязательно должен включать в себя поисковый запрос. Title должен быть кратким и понятным описанием сайта. Например:

Наш Стиль — интернет-магазин модной одежды и обуви.

Сервис по ремонту бытовой техники «Починим».

В общем случае формула такова: название компании + специализация + название города (если компания работает в определенном регионе).

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

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

Столярная мастерская

Индивидуальное изготовление мебели и предметов интерьера.

Особенности

1. Сайт – одностраничник. Весь первый экран – текст на красивом фоне (представление и короткое описание общими фразами) + призыв к действию в кнопке:

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

3. После следует единая форма подписки на консультацию – неважно, есть ли у вас дизайн-проект или нет.
4. Следующий блок – информация о мастерской:

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

• в блоке «Мы предлагаем» описаны названия услуг и их короткое описание:

• в блоке «Что мы используем в работе» описаны материалы и возможность делать из них нетривиальные изделия. Для наглядности текст иллюстрирован:

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

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

6. Сразу вызывает интерес блок «История нашего клиента», но он подан не в форме от первого лица, а как очень короткий рассказ компании о своих заказчиках:

7. Завершается главная страница стандартной формой обратной связи «Остались вопросы?» и интерактивной картой с адресом офиса продаж.

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

Мы делаем сайты, которые оптимизированы под поисковики и приносят продажи. Обращайтесь!

Подробнее

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

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

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

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

Государственная Третьяковская галерея

Главный музей национального искусства России.

Особенности

1. Один из экранов сайта напоминает о недавно состоявшемся ЧМ по футболу – с мая по сентябрь идет тематическая выставка:

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

2. Далее идет блок с краткой информацией о входящих в Третьяковскую галерею подразделениях:

3. Важнейший блок на главной странице галереи – конечно же, «Выставки»:

4. Ниже – интереснейший блок «Коллекция». Смотрите, что будет при наведении на слово курсора мыши:

5. Далее следуют «События и анонсы»:

6. Дальше – еще интереснее. Блок «Программы» – о том, чем могут заниматься посетители Третьяковской галереи, помимо простого созерцания картин:

7. Завершает страницу новостной блок Третьяковки:

8. В футере присутствует стандартная для этого раздела информация (дублирование разделов, кнопки соцсетей) + возможность подписаться на электронную рассылку новостей Третьяковской галереи.

Пелси

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

Особенности

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

3. Названия конструкторов не подписаны – их можно узнать, если щелкнуть по конкретной «плитке» – тогда будет переход в карточку товара с описанием конструктора.
4. Новостной блок не обозначен как таковой, а просто показан плитками, с обрывочными анонсами:

5. Наконец, блок с категориями товаров из каталога. Оформление классное:

6. Страница заканчивается красивой пейзажной зарисовкой:

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

Выбор семантики

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

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

Лучше всего выбрать не более 20-30 запросов. Однако не всегда оптимальным для главной страницы выбором будут наиболее высокочастотные ключи. Здесь потребуется узконаправленный SEO-аудит конкурентов, например, с помощью Key Colletcor, или другого автоматизированного инструмента.

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

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

Правильные печи

Производство печей, каминов, барбекю и мангалов.

Особенности

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

2. Блок «О нас» – здесь очень удачно графикой сделаны некоторые слова:

3. Блок «Услуги» с хорошими картинками, кратким описанием и, что здорово, ссылками «читать…» на подробное описание услуг:

4. Фотогалерея – еще один образец нетривиального оформления. Смотрите, что тут можно сделать:

5. Финальный блок «Связаться с нами» – достойное и уютное окончание главной страницы:

6. В футере – ссылки на страницы «Правильных печей» во «ВКонтакте» и «Одноклассниках».

Вместо своих комментариев лучше приведу точную цитату из раздела «О нас»:

“В нашей компании печники – это не просто специалисты по кладке и ремонту печей. Это в первую очередь люди, вкладывающие себя, свою душу и сердце в каждую сложенную ими печь
”.

Москоу Холидей Хотел

Отель в самом центре Москвы
.

Особенности

1. C главной страницы можно заказать обратный звонок, а также изменить язык. Кнопка бронирования ведет на свою собственную страницу. На первом экране пиктограммами с текстом приводятся основные преимущества этой гостиницы:

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

3. В блоке услуги и удобства можно увидеть, чего ожидать от номеров:

4. Далее фото-портфолио:

5. Ниже немаловажный раздел с отзывами:

6. Завершается страница интерактивной картой с контактными данными гостиницы:

7. Отдельно стоит сказать про закрепленную информацию о бронировании номеров:

Альпина Паблишер

Интернет-магазин книг от одноименного издательства.

Особенности

1. Первый экран привлекает внимание к одному своему разделу:

В каталоге книги разделены на 11 категорий и приводится информация о доставке, оплате, скидках и т. д.

2. Следующий блок – радость для глаз – обложки книг-новинок:

3. Следом идут персональные рекомендации книг:

4. Обязательная информация о бестселлерах на подобных сайтах:

5. Далее – «Альпина. Медиа». Самые свежие записи из блога книжного издательства:

6. После этого дет блок с новыми решениями «Альпины» – книжками pocket-формата:

Ниже еще одна находка издательства – блок «Книга недели»

Не забыли и про подборки книг:

Дальше идут два раздела, которые можно объединить словом «Счастье».

9. «Скидки дня»:

10. «Книга в подарок»:

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

12. На десерт:

13. На главной странице есть панель расшаривания в социальных сетях:

14. Далее – обязательная информация доставке и оплате + описание преимуществ работы с «Альпиной»:

15. В футере дублируется основная информация сайта, приводятся ссылки на страницу магазина в «Яндекс. Маркете» и адреса групп издательства в соцсетях:

16. Также здесь есть интересная кнопка «Письмо издательству». При нажатии на нее появляется такое окошко:

Успеть зацепить клиента

Стоит ли загромождать витрину интернет-ресурса тем, что не вызывает непосредственный интерес читателя? Вряд ли. О клиенте нужно заботиться, а не заставлять его продираться сквозь бурелом неактуальной информации (если этот контент «дорог как память», то можно запрятать его в глубь сайта, не выставляя на всеобщее обозрение).

Эксперты интернет-маркетинга даже выделяют временной промежуток – на то, чтобы зацепить читателя, у вас есть не больше десяти секунд. В виде опыта попробуйте представить, что вы и есть тот самый торопливый клиент, и приготовьте секундомер. Что вас привлечет на сайте в первую очередь? Что помешает? Чего будет недоставать? И, самое главное, захотите ли вы воспользоваться услугами? Каждое такое замечание – повод для отдельной проработки первой страницы. Если как следует усовершенствовать «витрину» сайта, то она заиграет новыми красками.

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

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

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

Студия Михайловых

Дизайн интерьеров под ключ.

Особенности

1. Первый экран сделан по схеме «Сфера деятельности + короткое описание + кнопка с призывом к действию»:

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

3. Следующий блок, обращающий на себя внимание – схема работы – тут все проиллюстрировано и подробно описано:

4. Логически верно идущий блок «Есть вопросы?» с рекомендацией перехода в FAQ:

5. Портфолио работ с кратким описанием каждой при наведении курсора (при щелчке откроется окно с подробным описанием работы) и возможность посмотреть все проекты:

6. Далее текстово-графический блок о деятельности фирмы – коммерческие интерьеры домов в Сочи.
7. Завершает страницу калькулятор расчета стоимости:

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

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

Московский машиностроительный завод «ВПЕРЕД»

Завод-производитель рулевых винтов и лопастей к ним для вертолетов семейства «Ми».

Особенности

1. При нажатии кнопки «Меню» в правом верхнем углу показывается подробное меню и дублируется футер:

2. Сайт имеет две версии – русскую и английскую. Переключение происходит автоматически после нажатия на соответствующий флажок.
3. Сразу указывается направление деятельности и дается оформленная в виде кнопки ссылка на каталог продукции, страницу с описанием сервиса, а также на текст о компании.
4. Для каждой модели вертолета указываются варианты изготовления рулевого винта и лопастей со ссылкой на соответствующие страницы каталога:

5. В кратком виде приводятся тексты о производстве и сервисном обслуживании (последний раздел является сквозным для всего сайта). Оба текста можно прочитать, нажав кнопку «Подробнее».
6. Внизу приведен краткий список партнеров, который также можно посмотреть в расширенном виде.
7. В футере продублированы все пункты меню, приведен график работы и контактные данные.

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

Оптимизация текста

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

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

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

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

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

Используйте выявленные особенности при написании собственного текста для главной страницы.

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

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

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

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

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

Деловые линии

Особенности

1. Шапка сайта очень информативная:

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

2. Далее не менее насыщенный информацией блок:

• по нажатию на пиктограмму грузовичка появляется описание конкретной акции:

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

3. Следующий блок состоит из перечня услуг транспортной компании, выстроенной по схеме «название услуги / информация об акциях по ней / порядок оказания / документы для скачивания в формате pdf для этой услуги»:

4. Компания предусмотрела следующее окно, если вы не нашли в этом перечне то, что нужно:

5. Следующий блок посвящен особенностям и конкурентным преимуществам компании. Обращают на себя внимание, конечно же, цифры:

6. Страница завершается текстом о компании:

7. Футер сайта очень большой – содержит все многочисленные ссылки на разделы, кнопки представительств в соцсетях и кнопки расшаривания страницы (!), ссылку на мобильную версию, а также информацию о соответствии деятельности системе качества ISO 9001:

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

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

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

Стартовая страничка интернет-магазина обычно содержит в себе:

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

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

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

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

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

Дополнительные рекомендации и распространенные ошибки

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

1. Дизайн главной страницы сайта
   .
   Он должен быть не только привлекательным и соответствующим тематике, но еще и адаптированным под мобильные устройства — в текущих реалиях со смартфонов ищут информацию чаще, чем с ПК.
2. Юзабилити, удобство навигации.
   Посетитель сайта должен легко найти кнопку перехода в нужный ему раздел, будь то категория товаров интернет-магазина или контакты предоставляющей услуги компании.
3. Форма обратной связи.
   Если вы предоставляете услуги или продаете какой-то конкретный товар, у пользователя должна быть возможность прямо на главной странице оставить свой номер телефона для обратного звонка. Это касается и других подобных элементов. Например, на информационном сайте должна быть форма быстрой подписки на рассылку.
4. Уникальное торговое предложение.
   Если сайт продает товары и услуги, на главной странице должно быть УТП, которое кратко рассказывает о преимуществах компании, и стимулирует сразу обратиться за детальной консультацией или перейти в каталог.
5. Отслеживание эффективности главной страницы.
   Следите не только за позициями в поисковой выдаче, но и за поведением пользователей. Почти всегда, проанализировав их действия, можно выявить возможности для улучшения страницы и поведенческих факторов, которые также влияют на ранжирование в поисковой выдаче.

А вот от чего стоит отказаться:

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

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