Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 18)

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

Рис. 52. Магазин сертификатов на хостинге Тimeweb

На хостинге обычно существует бесплатный тариф для сертификата начального уровня, на конструкторах сайтов все сертификаты платные.

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

Глава 9. Внутренняя структура сайта

В этой главе:

1. Понятие структуры сайта

2. Виды структуры

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

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

1. Понятие структуры сайта

Структура сайта (карта сайта) – это логическая схема распределения страниц сайта по категориям / разделам (папкам). С точки зрения пользователя, структура сайта – это навигация, путь к той или иной странице или категории.

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

Рис. 53. Структура сайта «дерево» (страницы сайта в виде схемы)

2. Виды структуры сайта:

1. Линейная

Линейная структура сайта выглядит в виде цепочки. Подойдет для одностраничных сайтов (якорного меню) и простых сайтов-визиток.

Рис.54. Простая линейная структура сайта

2. Линейно-разветвленная структура

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

Рис. 54. Линейно-разветвленная структура сайта

Такую структуру нужно сначала написать словами, а потом уже сделать из неё схему (см. рис.54). Ниже приведен пример этой структуры в виде текста.

Главная

О нас:

История компании

Сотрудники

Вакансии

Услуги:

Аренда техники

Вывоз мусора

Доставка материалов

Партнеры

Контакты

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

Древовидная структура состоит из множества уровней и разделов (имеет много ответвлений). Самая распространенная структура сайта на данный ммомент, популярная и оптимальная для многостраничных сайтов. См. рис. 55.

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

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

1. Определить название главной страницы.

Эта запись будет «ствол» дерева. От него отходят «ветви» – страницы и разделы сайта.

2. Продумать структуру разделов.

Нужно уяснить и сформировать:

– основные подкатегории;

– определить, сколько потребуется статичных страниц и динамичных записей;

– определить, как будут встраиваться различные медиа материалы (фото и видео);

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

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

3. Конечный пункт – это страница сайта или запись.

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

4. Решетчатая структура, сеть

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

Рис. 60. Решётчатая структура сайта

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

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

Основные рекомендации поисковой системы Яндекс по работе со структурой сайтов:

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

Чем больше вложенность страницы, тем дольше Яндекс будет её индексировать. Лучше не использовать вложенность более чем на 3 уровня.

– Используйте карту сайта Sitemap.

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

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

– В идеале должны быть человеко-понятные URL (не ostrovok.ru/dee26ec1-b711-4979-9c43-4e2df1af14a2/?sid=ec48e5fd-fcaf-4ab0-9a70-be27797b832c, а ostrovok.ru/zakaz) .

– Делайте перелинковку (Линк – ссылка. Внешняя перелинковка – это размещение ссылок со страницы одного сайта на страницу другого. Внутренняя перелинковка – это расставление ссылок, которые ведут на другую страницу того же ресурса).

– Ссылайтесь на релевантные документы.

– Проверяйте корректность symlink-ов. Не должно быть цикличных страниц с большим количеством повторений, например web-revenue/sbor/sbor/sbor/sbor.

Symlink – символическая («мягкая») ссылка (также «симлинк», от англ. Symbolic link) – специальный файл в файловой системе, в котором вместо пользовательских данных содержится путь к файлу, открываемому при обращении к данной ссылке (файлу).

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