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

class="p1">14. Сайт имеет разметку для SEO оптимизация: ключевые слова, заголовки, метатеги.

Чек лист для корпоративного сайта:

1. Присутствует оригинальный дизайн сайта в фирменных цветах и с использованием логотипа, фирменного шрифта.

2. Есть качественные фотографии производства, помещений, фото сотрудников, с указанием должностей.

3. Сертификаты, дипломы, разрешения, лицензии, благодарственные письма, отзывы.

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

5. Новости, блог.

6. Модуль «Наши работы» или «Портфолио».

7. Модуль «Контакты» и карта проезда. Фото офиса снаружи. Виртуальный гид по офису или производству.

Распечатайте эти чек-листы и проверьте по ним созданный вами дизайн-сайта, добавьте недостающие элементы.

Глава 3. Типы сайтов

Звонит клиент (девушка-офис менеджер) в веб-студию:

– Здравствуйте, нам директор сказал, что нам нужен сайт, вы же этим занимаетесь?

– Да, конечно…

– Хорошо, только вот у нас бюджет маленький, поэтому нам не нужен дорогой сайт, можно даже чёрно-белый…

Анекдот из сети Интернет

В этой главе:

1. Контент и функционал сайта

2. Классификация сайтов по технологии создания

3. Классификация сайтов по назначению

1. Контент и функционал сайта

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

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

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

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

Для посетителей сайта это:

– Меню.

– Сайдбары.

– Постраничная навигация.

– Формы обратной связи.

– Подписка на RSS-ленту.

– Кнопка заказа звонка.

– Поиск по сайту и прочие элементы.

Для администратора сайта:

– Возможность регистрации и входа в административную панель.

– Удобный текстовый редактор со стандартным функционалом (выделение текста, вставка символов, цитат, подзаголовков, ссылок и так далее).

– Обычные настройки профиля (логин, пароль, аватарка).

– Предоставление стандартных типов записей (рубрики, метки, страницы, посты).

– Настройка урлов (URL).

– Возможность обновления и добавления модулей, плагинов и тем.

– Работа с медиафайлами (фото, видео).

– Базовая статистика по сайту (количество опубликованных постов, комментариев) и так далее.

Расширенный функционал сайта

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

Для посетителей сайта это:

– Галерея, слайдеры, аккордеоны, вкладки.

– Расширенные возможности меню и сайдбаров.

– Содержание постов.

– Возможность поделиться или подписаться в социальных сетях.

– Расширенная система комментирования (можно добавлять фото, видео, подписка на уведомления и так далее).

– Система рейтинга записей и комментаторов.

– Форумы, интернет-магазины.

– Онлайн чат, калькулятор, счетчик, календарь.

– Карта сайта.

– Опросы, квизы.

– Онлайн-консультант.

Для администраторов сайта:

– Расширенная статистика сайта (количество входящего трафика, его источники, ключевые слова, нагрузка на сайт и так далее).

– Расширенный редактор (добавление шорткодов, таблиц и так далее).

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

– Защита сайта (файервол, ограничение роли пользователя, создание бэкапов и так далее).

– Удобное редактирование метаданных записей (прямо в административной части сайта можно прописать title, description, данные для микроразметки).

– Добавление пользовательских типов записей и так далее.

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

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

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

2. Классификация сайтов по технологии создания

Если вы интересовались разработкой сайтов или веб-дизайном, то наверняка слышали, что сайты создаются разными способами (при помощи разных технологий). Старые технологии отступают и дают место новым. На данный момент лидирующими технологиями считаются системы управления сайтами, например, такие, как: WordPress, 1C-Битрик, NetCat, Drupal. Сайты в этих системах «написаны» на языке программирования PHP. Также обороты набирают популярные сейчас конструкторы сайтов и технологии, позволяющие создать сайт простому пользователю ПК, без дизайнеров и программистов.

Классификация веб-сайтов по технологии создания:

1. Технология CMS.

Язык: PHP (язык программирования сайтов).

Определение:

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

CMS обычно состоит из двух основных компонентов:

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

б) приложение доставки контента, которое компилирует контент и обновляет веб-сайт.

 (Определение из Википедии)

Иными словами, CMS (Content Management System) – это система управления контентом. По-простому – «движок» сайта, который позволяет управлять содержимым сайта.

Пять наиболее популярных CMS:

WordPress (сайт wordpress.com)

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

Стоимость: бесплатно. Есть дополнительные платные модули (плагины), например, для интернет-магазина в ВордПрессе используется модуль e-Commerce или WooCommerce.

Язык интерфейса: 19 языков, включая русский, английский, испанский и др.

Интеграции: более 50 тысяч. Самые популярные: Google Analytics, Unisender, все социальные сети, Мой Склад, СДЭК, ИнвойсБокс, Roistat, Битрикс24, Carrot quest и т.д.

Рис. 21. Редактирование страницы в WordPress в административной части сайта

Плюсы WordPress

1. Удобно сделан под блоги, но можно адаптировать под любой сайт.

2. Удобный и интуитивно понятный интерфейс для пользователя