Интернет сайт

Структура сайта в виде схемы от А до Я: правильные рекомендации

Сайт с линейной структурой

Иерархия

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

Рис. 2. Иерархическая структура веб-сайта

«Паутина»

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

Рис. 3. Сайт со структурой типа «паутина»

БОльший порядок на сайте можно навести, если установить связи между страницами по принципу «решетки» (рис. 4)

Рис. 4. Структура типа «решетка»

Дата добавления: 2016-06-18; просмотров: 1490;

Иерархия и архитектура сайта

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

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

Классической считается древовидная схема иерархии сайта:

– Главные тематические разделы – обычно не более пяти.

– Субразделы.

– Целевые или посадочные страницы.

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

Функции сайта

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

Какие бывают функции сайта?

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

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

1. Возможность поиска по сайту
2. Возможность скачивать файлы
3. Функция печати страницы
4. Возможность быстрого перехода к нужной главе
5. Просмотр видео и прослушивание музыки
6. Осуществление приема передачи денежных средств
7. Модуль с онлайн консультантом
8. Различные дополнительные функции по типу калькуляторов, если нужно что-то посчитать
9. Прием комментариев
10. Прием каких-то заявок, регистраций
11. Функция тестирования – особенно часто ей пользуются учебные заведения

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

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

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

На этом статья подошла к завершению. Теперь вы знаете, из чего состоит сайт, и какие у него есть функции! Удачи!

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

Что такое трафик на сайте?

Рекомендую:

Быстрый поворот видео на 90 градусов и сохранение его на компьютере в Windows 10

Как увеличить звук на ноутбуке если громкость на максимуме?

Где делать рекламу в интернете платными и бесплатными методами?

Бесплатная накрутка в инстаграме лайков и подписчиков

Что произошло после отключения турбо страниц?

Временный рост трафика, бан сайта и что же мне делать?

Подборка сканеров отпечатка пальца для компьютера — Топ 5

Как открыть дисковод на ноутбуке если нет кнопки?

1+

Чем отличается структура от карты?

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

Вообще структура – это строение сайта, а карта – это конкретная, существующая на сайте страница со всеми ссылками.

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

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

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

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

Если один товар почему-то считается дочерним по отношению к другому товару – это неправильная структура. Товары должны быть вложены в категории.

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

— сайт может быть проиндексирован не полностью;

— поисковик может месяцами не заходить на ваш сайт;

— далеко вложенные страницы, как правило, не попадают в ТОП-10.

Зачем структуру оптимизировать? Это позволяет ускорить индексацию сайта.

Подробнее о том, как оптимизировать структуру..

Когда: на каком этапе создавать структуру?

Лучше в самом начале, чтобы потом не переделывать.

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

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

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

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

• навигационное меню;
• хлебные крошки;
• вспомогательные блоки.

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

Яндекс

Яндекс является самым популярным поисковиком в Рунете. Вебмастера и оптимизаторы, которые занимаются созданием площадок именно под Yandex советуют сделать следующее:.

• Каждая страница площадки должна иметь ссылочную связь хотя бы с одной другой.
• Желательно если перелинковка будет логичной. Страницы должны быть разбиты на категории, а категории на подкатегории.
• На сайте нужно использовать карту в формате XML. Данную карту алгоритмы используют для быстрого сканирования интернет-площадки.
• Каждая страница должна иметь уникальный и понятный для человека URL адрес.

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

Самая популярная поисковая система в мире Google, более требовательная чем ее конкурент из России, но из значимых факторов ранжирования к структуре сайта можно отнести:

• Перелинковку между страницами.
• Удобство использования сайта.
• Использование ключевых слова в URL адресе страниц.

Определение — Что означает веб сайт?

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

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

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

Как красиво оформить альбом с фотографиями, фото с пояснением

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

Свадебный разворот альбома

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

Личный альбом, посвященный юности

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

Ожидание малыша

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

Альбом о путешествии

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

Альбом новорожденного

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

Структура сайта как неотъемлемая часть продвижения

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

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

Просмотры:
2 835

Анастасия Осипенко

Анастасия — контент-маркетолог и редактор в SE Ranking, пишет про SEO, маркетинг и цифровые технологии. Кроме текстов для блога SE Ranking, Анастасия пишет музыку, а также любит старые фильмы и свою собаку.

Хостинг

Хостинг — это набор серверов, с необходимым программным обеспечением. На этих серверах хранятся файлы. Каждый раз при посещении сайта, происходит обращение к данному серверу.

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

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

Как выбрать

Для DNS вид домена не играет роли. Что такое домен с позиции информатики? Это любая уникальная комбинация букв и цифр. 

Но выбранное наименование имеет значение для аудитории. Например, адрес созвучный с названием компании внушает больше доверия пользователям — они понимают, что попали на официальный ресурс. Посредством доменного имени можно обозначить сферу деятельности — metal-opt.ru, cleaning.ua. 

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

Основные признаки хорошего домена: 

1. Краткость. Выбранное имя должно быть коротким. Так его будет проще написать в поисковой строке. 
2. Запоминаемость. Если люди быстро запомнят адрес вашего сайта, они могут ввести его в поиске по памяти. А вот когда пользователь забыл адрес и начинает искать его в браузере, он вполне может уйти к конкурентам. 
3. Ассоциативность. Желательно, чтобы домен отображал тематику сайта или ассоциировался с компанией. Это помогает запомнить адрес. 
4. Лёгкость произношения. Адрес домена должно быть удобно сообщить в устной беседе или произнести по телефону. 
5. Отсутствие «сложных» букв. Некоторым русским буквам при транслитерации соответствует несколько букв латинского алфавита или одну и ту же букву можно транслитерировать по-разному. Например — русская «ф» может выглядеть как «f» или ««ph», а русскую «и» можно написать как «i» или «y». Постарайтесь избегать таких символов. 

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

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

Требования к структуре официальных сайтов

Требования к структуре официальных порталов описаны в следующих нормативных актах:

1. Приказ Рособрнадзора от 29.05.2014 №785 «Об утверждении требований к структуре … сайта образовательной организации».
2. Приказ Минздрава от 30.12.2014 №956н «Об информации,… размещаемой на официальных ресурсах».
3. Приказ Минкультуры от 20.02.2015 № 277 «Об утверждении требований к содержанию и форме предоставления информации…».
4. ФЗ от 09.02.2009 №8-ФЗ «Об обеспечении доступа к информации о деятельности государственных органов…».

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

Базовые требования:

1. Четкая структура. Каждая страница «привязывается» к конкретному разделу. Также должна быть ссылка с другой страницы.
2. Использование карты сайта (xml).
3. Наличие файла robots.txt.
4. Уникальный URL-адрес для каждой страницы.
5. Тестовые ссылки на иные разделы (страницы) портала.
6. Проверка корректности symlink-ов.

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

Базовые требования:

• простая структура;
• понятное строение url;
• слова вместо идентификаторов;
• наличие в url знаков пунктуации (лучше дефис «-»);
• не слишком длинные url.

Как проектируется и разрабатывается структура сайта

Вот как примерно рекомендуется начинать создавать карту для будущего интернет-проекта:

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

А дальше построить навигацию. Добавить разделы/подкатегории

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

д. Так создаётся костяк — графическое отображение архитектуры.

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

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

Комплектация страниц сайт

1. Главная или домашняя страница сайта.
2. Новостной блог ресурса.
3. Основные тематические разделы.
4. Вложенные информационные страницы.
5. Посадочные, целевые, продающие страницы.
6. Служебные страницы: “О нас”, “Контакты”, “Партнерам”, “Пользовательское соглашение”, “Условия конфиденциальности”, HTML Карта сайта.
7. Коммерческие страницы: “ Наши услуги”.
8. Технические страницы и папки, недоступные для людей и служащие для обеспечения правильной работы сайта и настройки взаимоотношений с поисковыми роботами: Карта сайта XML, директория для хранения картинок и фотографий, директория медиаконтента, папка для скриптов и каскадных таблиц стилей.

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

Что понимается под web-страницей и web-сайтом

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

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

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

А вот объединение этих самых веб-страниц между собой одной тематикой, веб-дизайном и ссылками называют web-сайтом.

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

Вот небольшой пример:

Возьмем этот блог – он принадлежит мне Александру Зырянову (частное лицо) и его адресом является домен webnub.ru (имя сайта)

Но есть и такие варианты как:

1. Один сайт располагается на нескольких доменах
2. Один домен включает в себя несколько сайтов

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

• e.mail.ru – почтовый сервис
• go.mail.ru – поиск
• news.mail.ru – новости

Второй вариант в большинстве случаев используют бесплатные хостинги.

Для примера вот один из самых популярных Wix.com.

Не будем отвлекаться и продолжим

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

А предоставляют эти услуги хостинги, которые арендуют веб-серверы.

А вот так они выглядят уже загруженные страница и сайт.

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

И так определение разобрали, теперь давайте рассмотрим, как их создают.

Виды иерархического построения

Различают несколько видов структуры сайта. Их использование должно согласовываться с тематической направленностью портала и эффективностью применения каждой схемы. Структура сайта может иметь следующие виды:

• линейная. Все просто и логично. Информация подается в виде цепочки. Каждая страница ссылается на следующую и посадочную. Применение такой схемы будет оправдано при создании презентационного портала, где главная цель в последовательной подаче информации с достижением логического вывода. Привлечение посетителей посредством подобной структуры страницы сайта невозможно;
• линейная с ответвлениями. Здесь дополнением к простой линейной последовательности страниц является подспудное внедрение промежуточной информации. Ссылки имеются только на очередную страницу и стартовую. Также не самый удачный вариант для продвижения сайта;
• блочная. Схема, в которой все страницы имеют равнозначный вес и ссылаются сразу на несколько соседних. Подобная структура сайта уместна при продвижении определенного продукта, где описание категории будет представлено отдельной страницей. Наличие внутренних перекрестных ссылок увеличивает вес посадочной страницы, что позволяет заниматься ее продвижением;
• древовидная. Это самая удачная схема. Древовидная структура сайта применяется в 99% случаев. Суть «дерева» заключается в наличии отдельных направлений для каждого отдельного товара или услуги, что выражается в появлении разделов и подразделов с информацией. Поскольку каждая страница ссылается не только на стартовую, но и на заголовок раздела, то удается улучшить вес ресурса и качественно его продвигать.

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

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

Структуру стороннего ресурса можно проверить вручную.

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

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

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

В данном случае следует посмотреть на адрес страницы «Установка дверей». Если заметите в нем папку «Двери» (site.ru/dveri/ustanovka-dverei), то подчинение действительно есть. А URL типа site.ru/ ustanovka-dverei показывает, что рассматриваемая страница существует сама по себе. И это неправильно.

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

Только делайте это осторожно, ведь не все из них работают корректно

Как они создаются

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

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

Но давайте не будем спешить и разберем все по порядку.

В области создания сайтов можно выделить два способа:

1. С помощью HTML
2. С помощью CMS

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

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

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

Во втором случае используется целая система управления контентом (CMS) в народе ее называют «движок».

Сейчас существует несколько видов движков вот самые популярные:

• WordPress
• Drupal
• Joomla

Вот кстати этот блог создан на движке WordPress.

И если вам интересно узнать, как все этапы создания выглядят изнутри обязательно подпишитесь на обновления и следите за рубрикой «Реалити по созданию блога на WordPress»

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

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

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

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

На сегодняшний день это способ создания сайтов наиболее популярен.

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

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

Чтобы проанализировать структуру ресурса, поисковики оценивают его URL. Строго говоря, его конструкция – это и есть схема URL. Но в разговоре проще не использовать аббревиатуру URL.

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

«Яндекс»

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

1. Корректность symlink-ов – при переходе по интернет-ресурсу не должны добавляться аналогичные URL (например: example.com/vasya/vasya/vasya/vasya/).
2. Четкая схема ссылок. Каждая запись должна относиться к соответствующему блоку (категории, разделу). На каждую страницу должна ссылаться хотя бы одна другая.
3. Наличие текстовых ссылок на другие записи (разделы). Поисковику так проще анализировать контент.
4. Наличие карты ресурса (xml-карты), которая ускоряет его индексацию.
5. Единственный и уникальный URL-адрес для каждой записи. На разные записи должны вести разные URL, и наоборот – одна запись должна иметь единственный адрес.
6. Ограничение индексирования служебной информации (наличие файла robots.txt).

Как мы видим, «Яндекс» предъявляет немало критериев и требований как к схеме ресурса, так и к нему самом. Но это официальная информация, так что придется подстраиваться.

Рекомендуемые статьи по данной теме:

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

«Google»

Его рекомендации достаточно просты и понятны. Они умещаются всего в один абзац:

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

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

1. Пример удачного оформления отзывов

Слагаемые успеха:

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

2. Эко Хлеб

• Фотографии продуктов и отрисовка элементов выполнены с высоким качеством.
• Цветовая гамма, логотип и детали оформления соответствуют ретро-стилю.

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

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

• Лаконичный дизайн без ненужных элементов. Текст, в котором заключена суть деятельности CloudPassage. Интересная дизайнерская находка для размещения видеоролика.
• Единственный призыв к действию и работа на опережение: потенциальные сомнения пользователей развеиваются фразами «Без кредитных карт», «Без обязательств».

4. Персона

Слагаемые успеха:

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

5. Carbonmade

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

6. Крошка Картошка

Известный бренд фастфуда на своем промо-сайте использовал сразу несколько интересных находок:

• Общий позитивный настрой благодаря логотипу, цветовому решению и графике.
• HotSpot тултип-подсказки расширяют кругозор пользователя интересными сведениями и картошке.
• Доступен для прослушивания гимн компании (аудиомаркетинг).

7. Evernote.com: пример страниц описания сайта

Слагаемые успеха:

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

CTA «Попробуй Evernote бесплатно» расположена удачно – на стыке полей разного цвета, поэтому привлекает внимание деликатно, но настойчиво

8. Бургер Кинг: шрифт как главный герой

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

9. Unlocking

Мы считаем эту главной страницу достойной подражания, потому что:

• У пользователя не вызывает сомнений назначение этого сайта. Блокировка телефона – проблема, знакомая многим, и на странице есть краткая инструкция по ее решению.
• Удачное цветовое решение, основанное на контрасте. Социальные доказательства убеждают в эффективности ресурса: «Доверие миллионов: разблокировано более 4 млн. телефонов».
• Вместо элемента CTA пользователю сразу предлагается заполнить краткую лид-форму: не надо переходить на следующую страницу и ждать ее загрузки.

Подробнее

10. Apidura – бренд велотоваров из Великобритании

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

11. eWedding

К главной странице этого сайта стоит присмотреться, потому что:

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

12. Moosend. Пример успешного редизайна главной страницы

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

13. Tribute Media — маркетинговое агентство из США

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

Классификация и тэги

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

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

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

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

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

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