Приложение 1

Приложение №2. К договору 19/01/2015 от 19.01.2015 года
«19» января 2015 г.
Техническое задание на разработку сайта
Оглавление
1. Заказчик …........................................................................................................................................................2
2. Доменное имя сайта ….....................................................................................................................................2
3. Тип сайта: корпоративный сайт.......................................................................................................................2
4. Язычность сайта: русский................................................................................................................................2
5. Целевая аудитория:...........................................................................................................................................2
6. Цели и задачи, которые должен решить сайт.................................................................................................2
7. Описание типов пользователей.......................................................................................................................2
8. Требования к надежности................................................................................................................................2
9. Требования к системе по защите информации (СЗИ) от несанкционированного доступа.........................2
10. Структура сайта..............................................................................................................................................2
11. Описание модулей сайта................................................................................................................................3
11.1 Поиск............................................................................................................................................................. 3
12. Описание разделов Сайта...............................................................................................................................3
12.1 Главная страница................................................................................................................................3
12.2 Раздел “О компании”..........................................................................................................................6
12.3 Раздел “Комплексные решения”........................................................................................................6
12.4 Раздел “Котлы”...................................................................................................................................8
12.5 Раздел “Услуги”..................................................................................................................................8
12.6 Раздел “Преимущества”.....................................................................................................................8
12.7 Раздел “Наши проекты”.....................................................................................................................8
12.8 Раздел “Контакты”..............................................................................................................................8
13. Административная часть Сайта.....................................................................................................................9
14. Требования к веб-браузерам..........................................................................................................................9
15. Требования к информационному наполнению.............................................................................................9
16. Технические требования................................................................................................................................9
17. Система сбора и анализа статистических данных посещаемости сайта...................................................10
18. SEO-требования:...........................................................................................................................................10
1
1. Заказчик
2. Доменное имя сайта: alterenergy.com.ua
3. Тип сайта: корпоративный сайт
4. Язычность сайта: русский.
5. Целевая аудитория:
Интернет-пользователи, занимающиеся закупками систем отопления.
6. Цели и задачи, которые должен решить сайт
Основным назначением Сайта является представление компании и услуг Заказчика в сети
Интернет. Целью создания сайта является обеспечение информационного присутствия Заказчика в сети
Интернет, поддержание положительного имиджа заказчика, продвижение услуг компании.
7. Описание типов пользователей
• Неавторизованный пользователь – имеет полный доступ к информации и сервисам сайта.
• Администратор – авторизованный пользователь, обладающий полномочиями для создания
новых и редактирования существующих информационных материалов Системы.
8. Требования к надежности
Система должна обеспечивать восстановление информации при программно-аппаратных сбоях
(отключения электропитания, отказах носителей информации, вирусах и т.д.), стабильность работы в
многопользовательском режиме. Для этого в систему будет интегрирован модуль для резервного копирования Баз Данных. Периодичность создания резервной копии Баз Данных обсуждается с заказчиком
отдельно. Все дополнительные затраты, связанные с предоставлением места для хранения информации
(Баз данных), берет на себя Заказчик.
9. Требования к системе по защите информации (СЗИ) от несанкционированного доступа
СЗИ должна обеспечивать необходимую и достаточную защиту ресурсов Системы от
характерных угроз безопасности:
• Проверка входных данных на sql - инъекции (способы взлома сайта, основанные на внедрении
в запрос произвольного sql — кода).
• Защита от XSS.
10. Структура сайта
Структура сайта – древоподобная, с четкой навигацией по страницам и обозначением положения
на сайте в определенный момент на определенной странице.
Структура сайта задается администратором сайта, который создает и редактирует разделы, их
названия и размещение. У разделов сайта предполагаются подразделы:
1. Главная
2. О компании
2
3. Комплексные решения
3.1. Отопление жилых домов
3.2. Отопление офисов
3.3. Промышленное отопление
3.4. Модернизация энергосистемы
4. Котлы
5. Услуги
5.1. Проектирование
5.2. Монтаж и пуско-наладка
5.3. Ремонт и обслуживание
5.4. Ввод в эксплуатацию
6. Преимущества
7. Наши проекты
8. Контакты
Администратор сайта имеет возможность редактировать, добавлять и скрывать неактуальные
страницы, менять последовательность отображения категорий, отображаемых в соответствующих
разделах.
11. Описание модулей сайта
11.1. Поиск
Поиск осуществляется по текстовому содержимому разделов, в которых он размещен. Результаты поиска выводятся на отдельной странице с одноименным названием «Результаты поиска «название
запроса:» в виде ссылок на страницы с выделенный искомым фрагментом. На странице присутствует постраничная навигация.
12. Описание разделов Сайта
12.1. Главная страница
Главная страница является основной точкой входа на сайт. Главная страница содержит в себе
следующие элементы, общие для всех страниц и состоит из:
• Шапка. Содержит логотип компании и горизонтальное верхнее меню. Изображение логотипа
является ссылкой на главную страницу. Верхнее меню содержит ссылки на разделы «Главная»,
«О компании», «Комплексные решения», «Котлы», «Услуги», «Преимущества», «Наши проекты»,
«Контакты». При наведении на разделы «Комплексные решения», «Услуги» появляются
выпадающие меню с соответствующими подразделами.
• Центральный блок. Содержимое этого блока меняется в зависимости от типа страниц. В
верхней части центрального блока главной страницы расположен слайдер со сменными
3
изображениями комплексных решений или услуг, краткой информацией и кнопкой призыва к
действия («Оформить заявку», «Узнать больше», прочее). Под слайдером размещен блок «Наши
преимущества». Каждое преимущество представлено в виде графического изображения и
краткого текстового описания. Ниже находится блок «Наши проекты». Блок состоит из заголовка
«Наши проекты», а также графических изображений и названий проектов, расположенных в ряд.
По клику на изображение или название проекта осуществляется переход на страницу описания
проекта. Ниже расположен блок «Услуги». Каждая услуга представлена графическим
изображением и кратким текстовым описанием услуги. По клику на изображение, заголовок или
подзаголовок осуществляется переход на страницу описания услуги. Внизу центрального блока
находится кнопка «Перезвоните мне», по клику на который появляется форма обратной связи с
полями «Имя*», «Телефон*», «Сообщение» и кнопкой «Перезвоните мне».
• Нижний блок (footer). Содержит копирайт компании, ссылку на разработчика сайта,
горизонтальное меню, со ссылками на разделы: «Главная», «О компании», «Комплексные
решения», «Котлы», «Услуги», «Преимущества», «Наши проекты», «Контакты»; содержит
ссылки «Скачать презентацию», «Отопление жилых домов», «Отопление офисов»,
«Промышленное отопление», «Модернизация энергосистемы», «Проектирование», «Монтаж и
пусконаладка», «Ремонт и обслуживание» «Ввод в эксплуатацию», Также содержит кнопки
соц.сетей, контактную информацию и информацию о графике работы.
4
5
12.2. Раздел «О компании»
В верхней части центрального блока страницы раздела располагается текстовая и графическая
информация о компании, а также ссылка «Скачать презентацию», по клику на которую начинается
скачивание файла презентации.
Ниже находится заголовок «Технологии», под которыми каждая технология представлена
графическим изображением и названием. По клику на блок происходит переход на страницу
технологии.
Ниже находится заголовок «Новости», под которым каждая новость представлена в виде блоков,
состоящих из графического изображения и заголовка. По клику на блок происходит переход на страницу
новости.
Внизу находится ряд логотипов партнеров компании, которые не являются ссылками. Страницы
одной отдельной новости и технологии организованы следующим образом:
• Страница одной технологии. Центральный блок страницы технологии содержит текстовую и
графическую информацию с описанием технологии. Справа колонкой выводятся информация
о других технологиях компании в виде блока с графическим изображением и названием. По
клику на блок происходит переход на страницу другой технологии.
• Страница одной новости. Центральный блок содержит графическое изображение и текстовую
информацию, а также кнопки социальных сетей (Like, Share). Внизу центрального блока
находится дата публикации новости. Справа колонкой выводятся информация о других
новостях компании и модуль поиска. Новости в колонке представлены в виде блока с
графическим изображением и заголовком. По клику на блок происходит переход на страницу
другой новости.
12.3. Раздел «Комплексные решения».
Данный раздел содержит информацию о комплексных решениях компании. Раздел включает
следующие подразделы:
• Отопление жилых домов
• Отопление офисов
• Промышленное отопление
• Модернизация производственных узлов
На странице раздела выведены блоки с текстовой и графической информацией о комплексных
решениях. По клику на блок осуществляется переход на страницу — подраздел комплексного решения.
Страница комплексного решения содержит графическое изображение, под которым находятся блоки,
описывающие преимущества решения. Блок преимущества состоит из графического изображения и
краткого текстового описания. Ниже расположена текстовая информация о комплексном решении, под
которыми находится кнопка «Оформить заявку». По клику на кнопку выводится форма обратной связи с
полями «Имя*», «Телефон*», «Сообщение» и кнопкой «Отправить».
6
7
12.4. Раздел «Котлы»
На странице выведены блоки с текстовой и графической информацией о котлах. Каждый котел
описан в отдельном блоке. Блок содержит графическое изображение, рядом с которым выведена
текстовая информация, описывающая характеристики котла. Текстовая информация структурирована
форматированием текста или при помощи графических изображений.
12.5. Раздел «Услуги»
Центральный блок страницы раздела содержит информацию об услугах компании, которая
выводится в виде блоков. Каждый блок состоит из графического изображения и краткого текстового
описания услуги. По клику на блок происходит переход на страницу услуги.
Страница услуги содержит текстовую и графическую информацию с описанием услуги. Справа
колонкой выводится информация о других услугах. Услуги в колонке представлены в виде блока с
графическим изображением и названием. По клику на блок происходит переход на страницу другой
услуги.
Раздел «Услуги» содержит следующие подразделы:
• Проектирование
• Монтаж и пусконаладка
• Ремонт и обслуживание
• Ввод в эксплуатацию
• Кнопку «Перезвоните мне», по клику на который появляется форма обратной связи с полями
«Имя*», «Телефон*», «Сообщение» и кнопкой «Перезвоните мне».
12.6. Раздел «Преимущества»
На странице раздела выведены изображения с текстовым описанием преимуществ. Центральный
блок страницы раздела содержит информацию о преимуществах компании, которая выводится в виде
блоков. Каждый блок состоит из графического изображения и краткого текстового описания
преимущества.
12.7. Раздел «Наши проекты»
Раздел содержит информацию о реализованных компанией проектах. Центральный блок
страницы содержит блок с вкладками «Отопление жилых домов», «Отопление офисов», «Промышленное
отопление», «Модернизация энергосистемы». Каждая вкладка содержит соответствующие проекты,
которые представлены в виде графического изображения, названия-ссылки, краткого текстового
описания. По клику на изображение, название-ссылку осуществляется переход на страницу с описанием
одного отдельного проекта. Центральный блок страницы отдельного проекта содержит текстовую и
графическую информацию с описанием проекта. Справа колонкой выводятся информация о других
проектах в виде блока с графическим изображением и названием. По клику на блок происходит переход
на страницу с другим.
12.8. Раздел «Контакты»
На странице представлена google-map офиса, контактная информация офиса компании, кнопки
соц.сетей, форма обратной связи с полями «Имя*», «Телефон*», «Сообщение» и кнопкой «Отправить».
8
13. Административная часть сайта
Система управления контентом Сайта должна обеспечить администратору сайта возможность выполнения следующих действий:
• добавление и удаление услуг и их описаний
• редактирование услуг и их описаний
• добавление и удаление котлов
• редактирование мета-данных разделов (служебная информация для улучшения
индексации Сайта поисковыми системами)
• добавление и удаление контактов
• добавление и удаление изображений
• возможность форматирования текста
• редактирование alt, title
• добавление и удаление файлов для скачивания
• добавление и удаление видеороликов на страницах (embembed-code)
Изменение дизайна и структуры Сайта, а также доработка существующего и создание нового
функционала должны происходить в рамках процедур поддержки сайта Исполнителем в соответствии с
отдельными договорами на указанные виды работ.
14. Требования к веб-браузерам
Сайт должен корректно отображаться в следующих версиях браузеров: Google Chrome,
Explorer 9.0 и выше, Mozilla 14 и выше, Opera 12.0, Safari 5.0 и выше – с минимальным разрешением –
1024 на 768.
15. Требования к информационному наполнению
Исполнитель проводит обучение уполномоченного представителя Заказчика управлению сайтом
и размещению материалов. Компания-разработчик может наполнить тестовой или предоставленной заказчиком информацией до 5 страниц сайта для тестирования функционала. Если заказчик не предоставляет контентной информации, уникальные шаблоны наполняет контент-менеджер тестовой информацией.
16. Технические требования
• программная платформа сайта будет адаптирована под операционную систему unix и
веб-сервер apache
• в качестве сервера баз данных предлагается использовать mysql
• скрипт-язык: php 5.xx
9
17. Система сбора и анализа статистических данных посещаемости сайта
На сайте будет установлено программное обеспечение Google analytics и Yandex metrika, которое
накапливает данные о посещаемости сайта и позволяет формировать на их основании различные отчеты.
18. SEO-требования:
18.1 Наличие слешей в конце адреса
Для того, чтобы предупредить дублирование контента необходимо, чтобы выполнялись правила
построения URL адресов. Важно, чтобы каждая страница была доступна только с конечным символом
«/», либо без него. Редирект на выбранный вариант должен происходить с помощью 301 серверного
редиректа.
Пример HREF=http:// www.site.com.ua /rus/services/
В случае, если адреса страниц заканчиваются на расширение (*.html, *.php) слеш в конце адреса
находиться не должен.
18.2 Адреса страниц должны быть регистронезависимыми
18.3 Человекопонятный URL
Обязательно необходимо использовать ЧПУ
корректировать данный адрес.
(человекопонятный URL)
и возможность
Пример сайта с ЧПУ http://www. site.com.ua/building/category/product Пример сайта без ЧПУ
http://www. site.com.ua/index.php?route=category/product &Id=100
18.2 Тег Title
Тег Title должен кратко описывать содержание страницы, при этом следует использовать
ключевые слова. Желательно, чтобы он был не длиннее 50-80 символов. Этот тег должен присутствовать
на каждой странице сайта и быть уникальным для каждой страницы.
По умолчанию выводить автоматически сгенерированное по шаблону содержание тега Title.
Пример: Название страницы | Название сайта
18.3 Description
Мета-тег Description должен быть на каждой странице сайта. В административной панели сайта
должна быть возможность заполнения и редактирования мета тега Description.
18.4 Keywords
Мета тег Keywords должен быть на каждой странице сайта. В административной панели сайта
должна быть возможность заполнения и редактирования мета тега Keywords.
18.5 Canonical
В административной панели сайта должна быть возможность дополнения и указания тега
«Canonical». По умолчанию на страницах этот тег должен отсутствовать.
18.6 Robots
10
В административной панели сайта должна быть возможность дополнения и указания мета тега
«Robots». По умолчанию на страницах этот тег должен отсутствовать.
18.7 Теги <h1>-<h4>
Заголовок страницы следует размещать в теге <h1>. Использовать <h1> можно только один раз
на странице. Также в тексте должны быть подзаголовки, которые следует заключать в теги <h2>–<h4>.
Шрифт тегов <h1>–<h4> должен отличаться, так тег <h1> должен иметь самый большой размер, <h2>
чуть меньше и так далее. Важно, чтобы тег <H1> был как можно ближе к началу страницы, затем <H2> и
так далее.
18.8 Alt для изображений
Очень важно, чтобы у каждого изображения на странице был заполнен специальный атрибут alt «альтернативный текст». Этот текст выводится на месте изображения когда браузер не загрузил
изображение. В административной панели сайта следует предусмотреть возможность заполнения этого
атрибута.
18.9 Навигационные ссылки
Навигационный ссылки заключенные в скрипты, могут создавать препятствия поисковым ботам
при индексации. В навигационных меню по сайту, желательно не использовать скрипты. В случае, если
нет возможности отказаться от их использования, можно произвести дублирование навигационного
меню в другой части сайта (например в футере) уже без использования скриптов.
18.10 Абсолютные ссылки
В текстах страниц необходимо использовать абсолютные ссылки. Абсолютная ссылка - ссылка,
которая содержит в себе полный адрес страницы. (http://site.com.ua/page)
18.11 Ссылка на главную с логотипа
Следует ставить ссылку с изображения логотипа на главную страницу сайта вида http://site.com.ua
18.12 Валидация
В коде страниц сайта не должно быть грубых ошибок при валидации html или css, которые могут
препятствовать корректной индексации. При этом, допускается некоторая невалидность кода.
18.13 Блок для SEO-текста
Для каждой страницы сайта добавить возможность вывода текстового блока.
18.14 Блок контента
Рекомендуется размещать блок с контентом выше по коду. Также следует убирать
закомментированные куски кода, которые не несут никакой смысловой нагрузки, кроме комментариев
разработчиком типа <!- start left block--> и <!- end left block-->.
18.15 Слово SEO
В коде html, css, js не должны употребляться слова «SEO», «CEO».
18.16 Хлебные крошки
11
Рекомендуется на каждую страницу сайта размещать «хлебные крошки». «Хлебные крошки»
упрощают навигацию пользователя по сайту, а также служат внутренней перелинковкой.
Пример: Главная страница / Каталог/ Страница товара
18.17 Требования к хэш-тегам
Наиболее оптимальным вариантом переключения между вкладками, например в товаре будет
использование # в адресации, тогда URL переключения на закладку об отзывах должен иметь вид
www.site.ua/tovar#review или похожий. Таким образом мы не допустим появление дублированного
контента.
18.18 Удаление циклических ссылок
Страница сайта не должна ссылаться сама на себя.
18.19 Настройка редиректов
Перед началом продвижения необходимо определить основной адрес сайта (с www или без www)
и настроить соответствующий 301 редирект на основной адрес.
18.20 Коррекция 302-ых редиректов
На сайте стоит избегать редиректов с кодом 302 Moved Temporarily («Перемещен временно»).
Использование редиректов с кодом 302 должно зависеть от целей перемещения страницы. Например:
если вы временно хотите перенаправить пользователя на другую страницу сайта. В случае для страниц,
изменивших свой адрес в связи с изменением адресной структуры сайта, следует объединять 301
редиректом.
18.21 Обработка 404 ошибки
При запросе несуществующей страницы сайт должен переадресовать пользователя на урл
404.html 301-м редиректом со статусом страницы «404 Not Found».
18.22 Коррекция оформления внешних исходящих ссылок
Для эффективного продвижения сайта, сохранения «ссылочного веса» все внешние ссылки
необходимо оформлять следующим образом:
а. С помощью JavaScript
b. Через промежуточные внутренние
http://www.site.com.ua/go.php?url=www.anothersite.ua)
ссылки-перенаправления
(конструкции
вида
c. С использованием атрибутов <A> rel=”nofollow”
18.23 Проверка скорости загрузки сайта
Скорость загрузки сайта — является важным показателем качества работы сайта, который важен
как для пользователя, так и для поисковых систем. Нужно, чтобы страницы сайта загружались не более,
чем за 2-3 секунды.
18.24 Создание карты сайта
12
Для полной индексации сайта необходимо обязательное наличие карты сайта в формате xml и
html. Sitemap.xml должен находиться по адресу http://www.site.com.ua/sitemap.xml, и не содержать ссылок
на служебные страницы.
HTML карта сайта должна содержать ссылки на все страницы сайта, и не содержать ссылок на
служебные страницы.
18.25 Кодировка сервера и страницы
При несовпадении в реальной кодировке сайта и информации о кодировке в заголовке,
отправляемом сервером, возникают проблемы отображения страниц сайта у посетителей. Кодировка
сервера и страниц должна соответствовать.
18.26 Проверка на «битые» ссылки
На сайте не должно быть «битых» ссылок, т.е. ссылок, которые ведут на несуществующие
страницы. Найденные «битые» ссылки следует удалить или настроить их работоспособность.
13
Исполнитель:
Заказчик:
Директор _________________//
14