Техническое задание на разработку сайта

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

техническое задание на разработку сайта

На нашем сайте вы можете найти 3 брифа на создание самых распространенных видов сайта:

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

Техническое задание на разработку сайта должно включать две составляющие:

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

Почему так важно создать ТЗ для сайта?

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

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

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

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

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

техническое задание на разработку сайта - это ваша безопасность

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

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

1. Делайте сайт под Boodstrap

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

2. Заголовки на странице

H1, H2, H3, H4, H5, H6. Последние три заголовка меньше чем обычный жирный шрифт. Ими редко пользуются на сайте, но лучше, чтобы их запрограммировали сразу.

Заголовок H1 — должен встречаться только 1 раз на странице и всегда быть первым.

3. Теги для заголовков

Заголовок должен иметь открывающийся и закрывающийся тег.

Например:

Правильно: <h1>Заголовок страницы</h1>
Неправильное написание: <div class="h1 text-center">Заголовок</div>

В таком виде, поисковики Google и Яндекс не понимают заголовки, как заголовок.

4. Заголовки H1-H6 должны использоваться только в блоке основного текста.

Заголовки H1-H6 не должны использоваться в главном меню, в меню справа или слева, футере, форме обратной связи и т.д.

5. В дизайне и редакторе в админке должны быть настроены все стили шрифтов

Шрифты:

H1-h6
Основной шрифт
Жирный, курсив, подчеркивание
Символы (степень, нижний индекс, градусы).
Выравнивание
Выравнивание текста по левому и правому краю, а также по середине.

Списки:

  • маркированный список;
  • нумерованный список.

Настроен список, если слева от него стоит картинка.

6. Не использовать списки или другие стили для формирования меню и других элементов на сайте

Например:

Правильно

Списки:

  • маркированный список;
  • нумерованный список.

Неправильно, когда делают в админке так, а отображается на странице “Списки”-жирным

  • Списки:
  • маркированный список;
  • нумерованный список.

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

7. Блок “О нас” и “Отзывы” на главной странице

Должны отсутствовать на главной странице!

Могут присутствовать только, если они не дублируют текст с других страниц — то есть они уникальные.

В крайнем случае д.б. закрыты от индексации.

То есть, если у вас на сайте есть отдельная страница “О нас”, то нельзя выводить часть текста с этой странице на главной. А если очень хочется, то потрудитесь написать другой текст.

8. Меню в футере

Не должно дублировать главное меню сайта.

В крайнем случае д.б. закрыто от индексации.

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

9. Фото материалы для сайта

Должны быть в реальном размере или пропорциональны ему.

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

10. Превью (описание) к статьям, новостям и т.д.

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

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

 

11. Страница 404

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

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

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

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

Однажды мы сделали сайт с двухколончатой структурой страниц.

Результат показал:

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

 

14. Кнопки “Заказать”, “Заказать звонок”, “Отправить заявку”, “Пройти тест”, “Купить”, “Узнать цену”

Должны быть контрастными по сравнению с общим дизайном сайта и не сливаться с разделами.

15. Хлебные крошки

  • Легче воспринимаются слева, чем справа или посередине.
  • Путь начинается с главной страницы.
  • Если в пути указано “Название страницы”, то оно должно быть не кликабельным (без ссылки).

16. Возможность вставлять в редакторе

  • фото
  • видео из YouTube
  • pdf-файлы
  • таблицы

17. Ссылка под логотипом на главной странице

Не должна быть активной.

18. Ссылки в меню на соответствующих страницах

Не должны быть активными.

Например, когда вы находитесь на странице “О компании”, то ссылка под меню “О компании” не должна быть активной.

19. Микроразметка

Должна быть. Гугл и Яндекс рекомендуют использовать для разметки метод микроданных (Schema.org).

20. Раздел “Новости”

То ли он на главной странице, то ли это отдельный раздел, новости должны формироваться автоматически.

21. Страница категории “Новости”, “Блог”, “Акции” - должны быть ссылки под картинкой, заголовком, кнопкой подробнее (Каталог).

“Подробнее” — заключить в <NOINDEX>
Картинка — атрибут rel=noffollow
Индексироваться может только ссылка под заголовком.

22. Заголовки конкретных страниц из блога, новостей, статей...

Не должны быть кликабельными на соответствующих страницах.

23. Слайдер

В идеале использовать плагин (модуль), а не делать через создание страницы или поста. Это не правильно!
Если все таки делается так, закрыть от индекса в файле Robots.

24. Ссылки на сайте

Должны быть ЧПУ — без цифр и дат.
Используйте транслит на латинице.

25. Карта сайта

Должна быть и соответствовать файлу Robots.txt.
<30 ссылок на странице. Если их больше, то разбить на несколько страниц.
Карт сайта может быть несколько, например, для каждого раздела отдельно, если в разделе более 1000 товаров или статей.

26. Названия разделов меню (WordPress)

Должна быть возможность редактирования. Если это WordPress — то в настройках меню должна быть возможность независимо от названия страницы — написать название меню кратко.

27. Файл Robots.txt

  1. Закрыть главное зеркало сайта.
  2. Указать адрес карты сайта в xml.
  3. Закрыть от нежелательных поисковых систем, например, Yohoo.
  4. Закрыть от индексации все необходимые страницы или разделы и открыть только нужные.

28. SEO оптимизация

Должны быть:

  • title
  • description
  • alt для картинки
  • ответ 200
  • 301 редирект
  • ответ 404
  • адаптивная верстка
  • URL — самый длинный до 150 символов

29. Ссылка на сайт
http://www.site.ru/
http://www.site.ru/index.php
http://www.site.ru
http://site.ru
https://www.site.ru/

Правильная ссылка:
https://www.site.ru/

Должен быть настроен 301 редирект и
прописано в файле Robots.txt

30. СЕО-текст на страницах категорий товаров

Если у вас есть пагинация по категории, то СЕО-текст пишется только на первой странице, на всех остальных страницах текстового блока не должно быть.
Например, у вас есть страницы 1, 2, 3, 4, 5, …
Текст будет только на странице - 1.

31. Сортировка страниц в интернет магазине по дате, цене, бренду

  1. Закрываются nofollow, noindex.
  2. К URL этих страниц дописываются переменные и закрываются через файл Robots.txt

32. Не заменяйте длинное тире на дефис

Длинное тире и дефис — это два разных знака в русском и украинском языках.

Делюсь от чистого сердца. Скачивайте этот список в формате pdf — Технические требования к сайту.pdf

Никогда не экономьте на создании технического задания для сайта, это сэкономит вам месяцы работы и много тысяч гривен, а иногда и долларов!

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