Структура страницы сайта

Как правильно разработать и оптимизировать структуру сайта?

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

Общие требования к структуре сайта

  1. Логичность. Структура разделов должна быть понятной и логичной для пользователя. Посетитель сайта должен понимать, какая информация находится в том или ином разделе.
  2. Гибкость. Структура должна предусматривать возможность добавления новых разделов, категорий, подкатегорий. Например, если компания решит расширить ассортимент, это не должно привести к кардинальной смене структуры сайта.
  3. Масштабируемость. Костяк структуры должен сохраняться при значительном росте сайта. Например, если число товаров в каталоге магазина вырастет со 100 до 1500, это не должно стать проблемой.

  4. Привычность. Стоит использовать решения, привычные для пользователей или ставшие стандартом в отрасли. Пользователь консервативен, и излишняя новизна может усложнить взаимодействие с сайтом.
  5. Правило трех кликов. На большинство страниц сайта пользователь должен попадать, сделав не более 3 кликов мышкой с главной страницы. Это важное правило для поисковых систем. Роботы-пауки имеют ограничения по уровню вложенности страниц, которые они просматривают и могут добавить в индекс поисковой системы.
  6. Страницы, которые продвигаются по конкурентным запросам, должны получать больше внутренних ссылок с других страниц сайта, чем страницы, которые продвигаются по менее конкурентным запросам.
  7. Структура сайта должна содержать все обязательные страницы. Об этом мы поговорим позже.

Какие страницы обязательно должны быть в структуре сайта?

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

Корпоративные сайты:

  1. Страница «О компании».
  2. Страница с сертификатами или лицензиями, если деятельность подлежит лицензированию.
  3. Страница с перечнем услуг или каталог товаров.
  4. Страница «Отзывы» или «Наши партнеры».
  5. Страница «Гарантии», если гарантии предусмотрены.
  6. Страница с ценами, если на других страницах цены не указаны.
  7. Страница «Контакты» со схемой проезда.


Сайты частных специалистов, фрилансеров:

  1. Страница «Обо мне».
  2. Страница с перечнем услуг.
  3. Портфолио.
  4. Страница «Цены».
  5. Страница «Отзывы».
  6. Контакты.

Сервисы и информационные сайты:

  1. Страница «О сайте».
  2. Информационные материалы или сам сервис.
  3. Страница «Пользовательское соглашение».
  4. Страница «Помощь» с описанием функционала сайта.
  5. Страница «Поддержка» для обращения в службу поддержки.

Интернет-магазины, торговые площадки, агрегаторы:

  1. Каталог товаров.
  2. Страница «О магазине».
  3. Страница с описанием вариантов оплаты.
  4. Страница с условиями доставки.
  5. Страница с условиями возврата товара.
  6. Страница «Поддержка» для обращения в службу поддержки.
  7. Страница с реквизитами компании.

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

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

Данная структура сделана в виде интеллект-карты при помощи программы Mindmeister, у которой имеется бесплатная версия.

пример структуры сайта


Этапы разработки структуры сайта

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

  1. Составьте перечень информации, которую Вы хотите разместить на сайте. Определите список и типы страниц, которые потребуется создать. Например: страница о сайте, каталог товаров, личный кабинет покупателя, служебные разделы (условия оплаты, доставки, возврата товаров, реквизиты), контакты, полезные статьи по выбору товаров (блог).
  2. Создайте навигацию верхнего уровня. Она должна содержать максимум 5-7 ссылок, лучше 4-5 (чтобы была возможность дальнейшего масштабирования). В навигацию верхнего уровня должны входить основные разделы, которые играют значительную роль для посетителей.
  3. Создайте структуру каждого раздела, который вошел в навигацию верхнего уровня. Например, в навигацию верхнего уровня у Вас вошли страницы «О сайте», «Каталог», «Оплата и доставка», «Контакты». Три страницы («О сайте», «Оплата и доставка», «Контакты») являются обычными страницами и подразделов не содержат. Поэтому на третьем этапе Вам необходимо продумать структуру раздела «Каталог», а именно дробление товаров на категории и подкатегории.

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

Оптимизируем структуру сайта: секреты и трюки


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

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

  1. Выделите на сайте страницы, получающие существенный трафик из поисковых систем. Менять оптимизацию данных страниц не желательно, чтобы не потерять (путь даже временно) трафик из поисковых систем. Удалять их тоже не стоит без крайней необходимости.
  2. Если Вы меняете адрес страницы (URL), обязательно настраивайте редирект со старого адреса на новый. Проверьте, что редирект работает корректно!
  3. Вносите изменения в структуру уже работающего сайта постепенно, мелкими шагами. Резкие изменения могут дать негативный эффект. Делайте паузы между изменениями, минимум 2-4 недели, чтобы отследить эффективность доработок и понять необходимость дальнейшей оптимизации структуры.
  4. Часто в крупных разделах каталога имеет смысл сделать несколько подразделов, каждый из которых оптимизируется к средне и низко- частотным запросам. Это позволяет охватить больше запросов и привлечь на сайт больше посетителей.
  5. При внедрении нового функционала на сайте обратите особое внимание на закрытие служебных страниц и результатов поиска от индексации. Также проследите, чтобы в индекс не попали дубли (страницы, содержание которых копирует уже находящиеся в индексе страницы).

  6. Если на Вашем сайте много страниц и часть документов не попадает в индекс из-за лимитов (у каждого сайта есть лимит страниц, которые индексируются поисковой системой), то закройте от индексации второстепенные страницы. Таким образом Вы добавите в индекс более ценные документы.
  7. Часто проблему со структурой удается решить при помощи дополнительных небольших меню. Например, на карточках товаров сделать блок «Аксессуары» со ссылкой на сопутствующие товары. На информационном сайте сделать небольшое меню со ссылками на самые свежие статьи или популярные материалы. Не спешите вносить на сайт глобальные изменения. Возможно, проблему можно решить небольшой доработкой.

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

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

www.kadrof.ru

Типы структуры сайта

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

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


Сайт на сервере хостинга

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

Как посмотреть структуру сайта

Именно так видят наш сайт индексирующие роботы поисковых систем. В Яндекс.Вебмастер есть специальный раздел Структура сайта.
Структура сайта в Яндекс.Вебмастер

Правильная структура сайта

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

Не сложно догадаться, что в контейнере нашего сайта находятся

    Cтраницы:

  1. Главная (index.html)
  2. О компании
  3. Контакты
    Папка:

  1. Услуги
    Внутри папки страницы

    1. Продажа
    2. Доставка

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

Структура больших сайтов — интернет-магазина, каталога

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

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

Вот как с этим справилась другая крупная компания.

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


К сожалению, по сути своей CMS не умеют создавать вложенность контента.
Например, если просмотреть интернет-магазины, то везде категории товаров находятся в одной директории сайта, как правило, это папка с названием группы товаров, например /computer, а товары в другой, например, папка /products или /goods.
Почему так?

В идеальном сайте с точки зрения архитектуры каждая конечная страница с продуктом должна иметь следующую структуру

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

Проектирование структуры сайта

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

Но кому хочется делать лишнюю работу? Вот так и живем. Находим оптимальное решение при минимуме затрат.

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


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

Что делать?

Вариант первый. Если ресурс старый, хорошо индексируется, на страницах есть PR, который страшно потерять, то лучше ничего не делать и оставить все, как есть.

amateurblogger.ru

Что нужно знать для построения правильной структуры сайта

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

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

  1. Что такое структура сайта;
  2. требования к структуре сайта;
  3. типы структуры, примеры в виде схем;
  4. внешняя и внутренняя структуры сайта;
  5. как правильно изменить (переделать) структуру сайта;
  6. чек-лист «Учебка WordPress» — что, как и почему изменилось после смены структуры сайта.

Что такое структура сайта

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

В тезисах структуру сайта можно охарактеризовать так:

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

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

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

Вот вам пример простейшей структуры сайта небольшого интернет-магазина:

struktyra-sajta

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

Какие существуют требования к структуре сайта

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

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

Что же говорят поисковые системы, какие требования к структуре сайта они выдвигают

Требования к структуре сайта от Яндекс

В сапорте Яндекса существует отдельная страница, посвященная описанию требований к структуре. Можете посетить ее и прочитать обо всем более детально, я же расскажу все вкратце и о более важном:

  • Поддерживайте четкую ссылочную структуру на сайте. Каждый документ (страница) должна относиться к своему разделу (категории, блоку). На каждую страницу сайта должна быть хотя бы одна ссылка с другой страницы.
  • Используйте карту сайта (имеется ввиду xml карта сайта), она ускорит индексацию сайта.
  • Ограничивайте индексирование служебной информации, с помощью файла robots.txt.
  • Каждая страница должна иметь уникальный и единственный URL-адрес. Имеется ввиду, что на разные страницы сайта должны вести разные URL, и наоборот одна и та же страница должна быть доступна только по одному адресу.
  • Делать ссылки на другие разделы (страницы) сайта текстовыми, Яндексу так проще анализировать контент.
  • Проверка корректности symlink-ов, при переходе по сайту URL не должны добавляться (example.com/vasya/vasya/vasya/vasya/ пример самого Яндекса).

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

Требования к структуре сайта от Google

Google в отличие от Яндекса вместил рекомендации в один абзац и они довольно просты и понятны:

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

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

Правильная структура сайта, типы структуры, примеры в виде схем

Посмотрев ТОП Яндекса и Google по запросу «структура сайта» нашел много интересной «шлаковой информации», как только не извращаются вебмастера-учителя описывая структуру сайта. Выдумали кучу схем и названий, описания к ним и примеры непонятно от куда взятые.

Итак, давайте все по порядку. Структура сайта бывает:

  • Простая (двухуровневая), главная страница и много внутренних страниц 2-го уровня (home.ru/stranica1 и home.ru/stranica2 и т.д.)
  • сложная (древовидная, три и больше уровней вложенности home.ru/category/stranica1 и home.ru/blog/statya и т.д.)

Все больше вариантов нет! Можно встретить такие понятия как смешанная, линейная, решетчатая и еще куча всякой белиберды можно найти в сети. Только два вида простая (2 уровня вложенности URL) и сложная или древовидная 2 и больше уровней.

Так же можно разделить структура на два типа:

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

Пример простой структуры сайта (схема)

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

struktura-sajta-primer-1

Если кроме главной вы планируете создавать 20-30 или же 100 страниц, обязательно создайте структуру, разбейте страницы и будущие страницы на группы, это будет правильно и в дальнейшем позитивно скажется на продвижении вашего сайта.

Пример древовидной структуры сайта, схема и пояснения

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

%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%80%d0%b0%d1%81%d1%88%d0%b8%d1%80%d0%b5%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80

%d0%ba%d0%bb%d0%b0%d1%81%d0%b8%d1%84%d0%b8%d0%ba%d0%b0%d1%86%d0%b8%d1%8f-%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d1%8b

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

Теперь немного поясню:

  1. примеры 1.1, 1.2, 2.1, 3.1 идентичны, так показал что бы вас не вводили в заблуждения другие «умники». Древовидная структура формируется по принципу Главная/категория/статья или же Главная/категория/подкатегория/статья.
  2. В древовидной структуре может быть несколько веток, каждая из которых может иметь разную глубину вложенности (первая ветка Главная/О компании, вторая ветка Главная/Услуги/SEO анализ, третья ветка Главная/Блог/Самостоятельное продвижение/Методы продвижения), в совокупности эти три ветки сформируют отличную, правильную структуру сайта.
  3. В примере 3.2 показано как делать ненужно, очень глубокое размещение материала не эффективно. Как поисковые роботы так и посетители попросту не дойдут до этой информации, контент будет утерян и не принесет никаких плодов. Опускаться ниже 4-го уровня лучше не стоит, если только вы не владелец Amazon.

Внутренняя структура сайта

То о чем писалось выше и есть внутренняя структура сайта или структура URL, правила и порядок формирования URL и будет внутренней структурой.

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

У меня на момент «переделки» было 170 страниц в индексе, что бы все исправить, добавить контент к рубрикам и подрубрикам (24 страницы), заранее подготовить все редиректы, сменить внутренние ссылки и перелинковку ушло больше месяца. А как вы думаете сколько это будет стоять у наемного рабочего?

Внешняя структура сайта

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

Внешняя структура сайта

Давайте по порядку, рассмотрим базовое размещение элементов на сайте:

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

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

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

Как правильно изменить (переделать) структуру сайта

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

С чего начать изменение структуры:

  1. Первым делом вам нужно вывести (выписать) все страницы вашего сайта на отдельный лист (я это делал в екселе). Это нужно для разбивки и построения материала по рубрикам (темам). Сразу указывайте и текущие url для дальнейшего удобства.
  2. Следующий этап — четкое понимание (заранее составленный) плана, дополнительные рубрики (страницы) с ключевыми словами или без них. В эти рубрики вы будете распределять страницы выписанные в ексель.
  3. Распределить все страницы и записи по соответствующим категориям и страницам. Можно в отдельные листы или файлы.
  4. Придумать (использовать ключи) для формирования будущих дополнительных страниц.
  5. Прописать в файле для каждой страницы будущий URL.
  6. Подготовить тексты или шаблоны контента промежуточных страниц (рубрик).
  7. Подготовить файл (блокнот) с редиректами со старых на новые адреса страниц.
  8. Добавить новые рубрики (страницы) и текст к ним.
  9. Поменять структуру ссылок в вашей CMS.
  10. Проставить к каждой записи принадлежность к тем или иным страницам (рубрикам) что бы новые url совпали с плановыми.
  11. Внедрить перенаправление со старых адресов на новые.
  12. Поменять внутренние ссылки, перелинковку, что бы ссылки со страниц вели на новые URL, а не на редиректы.

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

Теперь давайте быстро пробежим по всем пунктам списка. С 1-го по 7-й можно делать не спеша, никакого «яда» от этого не будет.

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

Последний 12-й пункт можно провести в течении месяца, он не так критичен, как остальные.

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

Чек-лист «Структура сайта Учебка WordPress» — как происходил процесс смены структуры

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

Выводим все названия страниц и их URL в отдельный файл.

struktura-sayta

Формируем дополнительные страницы, рубрики.

struktura-sayta-primer

Прописываем будущие URL и распределяем страницы по категориям.

pravilnaya-struktura-sayta

Изменяем старые URL на новые в екселе.

logicheskaya-struktura-sayta

На основе новых и старых URL формируем лист (блокнот) со всеми редиректами.

razrabotka-strukturyi-sayta

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

analiz-strukturyi-sayta

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

Результаты полученные сайтом «Учебка WordPress» в первый месяц после смены структуры сайта

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

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

Что я вам хочу сказать, Google справился с этой задачей довольно быстро. Примерно за неделю полторы все страницы были переиндексированы. Сразу же после переиндексации почувствовалось влияние новой структуры, трафик стал стабильнее и вырос примерно на 20%. Я думаю что на это не так сильно повлияла смена структуры, как увеличение контента (плюс 24 страницы с текстом в рубриках). Хотя с другой стороны на данный момент по высококонкурентным словам рубрик трафика пока не наблюдалось вообще (прошел только месяц, для ВК ключей это очень мало).

Переиндексация новой структуры сайта Яндексом

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

Яндекс отлично воспринял смену структуры сайта, отблагодарив меня увеличением трафика в первый месяц на 40%, по сравнению с предыдущим месяцем. Графики приведу ниже.

Смена структуры сайта, добавление «хлебных крошек»

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

kak-posmotret-strukturu-sayta

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

yrokiwp.ru

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

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

Структура страницы сайта

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

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

Каждая статья или товар должны размещаться на отдельной странице со своим уникальным адресом (URL).

Желательно, чтобы по адресу можно было определить, что находится на странице и в каком разделе и подразделе её можно найти. Например, для статьи про сосновые стулья подошел бы адрес http://siteforyandex.com/mebel/stool/stool-sosna. Адрес может быть написан и на кириллице, и на латинице — важно, чтобы он был понятным. Помимо адреса, путь до страницы можно выводить на сайте в виде дополнительного меню. Такое меню называется «хлебными крошками»: по ним пользователь может вернуться к более общему разделу сайта.

Посмотреть, какие разделы вашего сайта известны роботу Яндекса, можно в сервисе Яндекс.Вебмастер — с помощью инструмента «Структура сайта».

yandex.ru

План по построению структуры html страницы

  1. Написание тега “TITLE” (длина 50-80 символов), мета-тегов Keywords-указание ключевых слов и Description – описание информации на странице;

  2. Плотность ключевых слов: 5-7%;

  3. Создать заголовок обрамленный <h1-6> и расположить ключевые слова как можно ближе к началу документа;

  4. Атрибуты Alt, Title для картинок, логотипы;

  5. Добавить Copyright внизу страницы.

HTML пример (рисунок базовой структуры веб страницы)

Структура интернет страницы

Описание основных мета-тегов

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

Вот что по этому поводу пишет руководство Google и Яндекс для вебмастеров:

  1. Соответствие Title и содержимого страницы — думаю, объяснять не стоит, что писать тег о заработке миллиона, а текст на странице будет о собачках, мягко говоря, не корректно. Во-первых, поисковый робот не найдя соответствие слов между текстом и тегом, будет относиться к такой странице с «подозрением». А во-вторых, посетители, зайдя на страницу, уйдут с нее слишком быстро, что негативно скажется н ПФ.

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

  3. Название короткое, но точное — не создавайте титл очень длинным, ведь поисковики не показывают его полностью, лучше всего подойдет короткий, но понятный, который передает суть страницы. Чаще всего поисковики выдают текст Title в размере 50-80 символов, а значит целесообразно ограничится данным размером заголовка вашего документа при создании структуры web страницы.

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

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

Плотность ключевых слов

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

В среде веб оптимизаторов ходит мнение о цифрах от 1.5% до 3% для плотности ключевиков. Для себя выбрал средний вариант в пределах 2%. Но все зависит от продвигаемого ресурса и задач, для простых информационных страниц, как мой блог, можно данный процент уменьшить, а для интернет магазинов (продающих сайтов), лучше брать максимальную цифру. Проверить количество ключевых запросов не проблема, если на текст в 1000 слов приходится 20 ключевиков значит, имеем 2%.

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

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

Заглавие текста и блоков текста в правильной структуре страниц сайта

Кроме тега Title есть и другие, которым поисковые системы уделяют повышенное внимание.

  1. H1-H6 — наибольшим весом для роботов обладает H1, поэтому рекомендую заключать в него основной заголовок Вашей статьи и второй продвигаемый ключ. Если имеется еще несколько заголовков, обрамите их H2-H3 или некоторые очень важные предложения, но не переусердствуйте.

  2. Strong — делает текст жирным и увеличивает значение выделенных слов для поисковиков.

  3. Em — делает текст курсивом и повышает значение выделенных слов для поисковых роботов.

! Всеми нами любимые поисковые роботы проходят по всей статье, какого бы она ни была размера, но огромное значение уделяют только началу документа. Мнения очень расходятся, насчет того какое количество слов (символов) входит в сферу заинтересованности роботов. Исследования западных компаний, показало, что страница ранжировалась лучше, если имела больше слов. Сотрудники, проанализировав структуры web страниц из ТОП-10 выдачи по 20 тысячам запросов установили, что среднее количество слов на сайтах из топ выдачи составляет около 5000 — 10000, страница на десятой позиции содержала до 5000 слов, а на первой – почти 10000. Возможно и так, но чем ближе к началу документа располагаются ключевые слова, тем больше внимания на них обратят ПС. Поэтому позволю себе порекомендовать Вам писать статьи в приделах 5000 — 7000 слов, а новости – 1000-2000, но основные слова для продвижения расположить в верхней части своего контента, второстепенными же оперировать в нижней.

Copyright

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

Атрибуты Alt, Title для картинок, Логотип

Атрибут Alt — необходим в том случае, если по какой-то причине не смогла загрузится картинка, тогда вместе нахождения изображения появится ее описание.

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

Для SEO оптимизации данные атрибуты могут оказать существенную роль при продвижении Вашего ресурса. Для этого необходимо добавлять в эти атрибуты ключевые слова. Ключевики в Alt и Title тэга Img могут заметно помочь в ранжировании сайта на страницах Яндекса и Google, а также по поиску картинок (изображений).

Логотип один из необходимых компонентов внутренней оптимизации сайта:

  • Красивая графическая ссылка ведущая на главную страницу сайта. С каждой страницы должно вести 2-3 ссылки на основную и логотип уже одна из них.

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

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

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

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

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

Структура страницы сайта

Структура посадочной страницы с видео

Структуры страницы SEO - блог Guland

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

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

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

Структура страницы сайта

guland.biz

Что такое структура сайта и зачем она нужна

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

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

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

Структура сайта зависит от того, какой вид сайта вообще планируется делать. Если это сайт-визитка, то здесь план-схему сделать проще всего. Здесь будет главная страница, а от неё идут ссылки на разделы:

Что такое структура сайта

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

Зачем нужна структура сайта

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

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

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

Статья в тему: Юзабилити-аудит сайта

Виды структур сайта

Существует несколько видов структур сайта:

Линейная

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

Линейная структура сайта

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

Читайте также: ТОП-10 хостингов для вашего сайта

Блочная

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

Блочная структура сайта

Деревовидная

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

Деревовидная структура сайта

Это интересно: Продающая структура Landing Page

Пример разработки структуры сайта под SEO продвижение

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

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

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

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

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

Читайте также: Как составить техническое задание на сайт

1. Собираем и кластеризуем семантическое ядро.

Для этого можно использовать специальные программы – например, KeyCollector.  Собираем все ключи, убираем ненужные нам, или которые не относятся на самом деле к нашим услугам (например, мы не реализуем стройматериалы оптом; ключ «краска оптом» уже нам не нужен).

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

Более подробно: Как составить семантическое ядро сайта

2. Прорабатываем непосредственно структуру.

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

Из категорий (если судить по ключам) нам нужны:

  • каталог строительных материалов.
  • услуги.
  • доставка и оплата.
  • о компании.
  • контакты.

Каталог и услуги будут включать в себя подкатегории.

У каталога это будут:

  • строительные смеси.
  • кирпич.
  • кровельные материалы.
  • пиломатериалы.
  • лакокрасочные материалы.
  • декоративная штукатурка.

Услуги будут включать в себя подкатегории:

  • грузчики.
  • вывоз мусора.

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

Читай также: Прототипирование сайта

3. Визуализация.

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

Итак, у нас вышло:

Пример структуры сайта

Статья в тему: Что такой CMS и стоит ли делать сайт на CMS

Программы для создания структуры сайта

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

Далее вам нужно будет как-то прорисовать структуру сайта. Это можно сделать:

Word или Excel

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

Draw.io

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

Xmind

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

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

internet-marketings.ru

Для чего нужно правильно разрабатывать план

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

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

Поля на странице и их расположение

Структуру можно разделить на четыре зоны:

Шапка (хедер, header)

Она располагается в самом верху. Это первое, на что обращает внимание пользователь, поэтому ее наполнение должно привлечь и заинтересовать его. Шапка состоит из:

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

Основная часть

Она расположена в центре, занимает основное место и несет главную информационную нагрузку, рассказывает о компании, услугах, предложениях. Она состоит из:

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

Подвал (footer)

Это заключительная часть, она состоит из:

  • полей колонтитулов – адреса и контактные телефоны всех филиалов, данные о партнерах фирмы;
  • нижней навигации по сайту – развернутый список разделов.

Сайдбары

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

Лэндинг, или структура посадочной (продающей) страницы

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

Основное деление на части остается прежним, расположение элементов должно быть следующим:

  1. Заголовок и подзаголовок. Здесь должна концентрироваться основная идея, уникальное торговое предложение, то, почему нужно выбрать именно вас.
  2. В шапке также необходимо поместить логотип компании и контактные данные. Знакомый бренд повысит степень доверия потребителя. Для удобства под номером телефона расположите кнопку обратной связи – «Заказать звонок».
  3. После необходимо презентовать товар – показать его клиентам с лучшей стороны. Это могут быть фотографии, но еще лучше работает видео.
  4. Когда вы уже зацепили пользователя заголовком и заставили задержаться на вашей странице, нужно перечислить свои достоинства. Блок преимуществ должен быть лаконичным, правдивым и заманчивым – четкие цифры и гарантированные выгоды.
  5. Ниже нужно показать подробный перечень услуг с кратким описанием.
  6. Лид-форма или окно обратной связи. Оно должно находиться ниже блока с преимуществами и услугами, чтобы клиент успел оценить товар. Его стоит расположить в правой части, так как человек при прочтении переводит взгляд слева направо.
  7. Кнопка Call to Action, или CTA. Это самый важный элемент, он переносит потребителя к финишной прямой – к заказу. Призыв должен побуждать кликнуть на окно, он должен быть персонифицирован, например, «Я хочу купить» вместо «Купить».
  8. Дополнительные убеждающие блоки: «кратковременная» акция; сертификаты; партнеры; отзывы реальных клиентов.

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

Какой должна быть правильная структура страниц сайта

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

  • Чтение с экрана в среднем на 25% медленнее, чем с бумажного носителя, поэтому немного реже до конца воспринимают даже интересный контент. Чтобы задержать пользователя на странице, используйте: заголовки h1, h2, h3; маркированные и нумерованные списки.
  • Текст с небольшой длиной строчек (45-100 символов) читается легче, поэтому сплошное полотно лучше разделить на столбцы.
  • Наибольшее внимание читателя приходится на верхний левый угол с непродолжительными движениями глаз вправо. Читатель цепляется за абзацы и скользит по ним, это напоминает букву «F». Поэтому оптимальнее всего выравнивать текст по левому краю и начинать предложения с главного.
  • Располагайте активные кнопки и ссылки рядом с ярким, привлекающим внимание текстом. Это обусловлено тем, что при чтении курсор интуитивно ведется туда, на чем сейчас сконцентрированы глаза.
  • Текст лучше воспринимается, если он снабжен иллюстрациями. Помещайте важный текст вместе с картинками. Это же касается ссылок – кликнуть по фотографии легче, чем по надписи

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

semantica.in


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector