Эффективный сайт для малого бизнеса!

Занятие №6

08 октября 2014 г.

Что нужно учесть при создании сайта?

Я Вам сбрасывал

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

И еще важны требования к готовому проекту

Давайте разберем основные пункты более подробно

Потому что не понимая их Вам будет тяжело понять зачем они нужны

Если Вы делаете проект под ключ, нам не важны промежуточные требования, но

важны следующие пункты:

По окончании работ над дизайном должно быть передано следующее:

– PSD-файлы макета дизайна и, для сверки, JPEG-файлы макета дизайна, сохранять строго в RGB

– Исходники в векторном виде всех изначально векторных графических элементов (3D-модели, пиктограммы и пр.), использующихся в дизайне сайта.

– Список всех использующихся в дизайне сайта шрифтов.

Верстка:

• КроссбраузерностьСайт должен нормально работать в IE7+, FF3+, Opera9+, Safari4+, Chrome последней версии

• Чтобы макет проходил html-валидацию

http://validator.w3.org/

• Тэг H1 должен быть на каждой странице сайта ТОЛЬКО один раз.

Требования к юзабилити

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

2. Номер телефона расположен на одном и том же месте на всех страницах

3. Все ссылки в текстах подчеркнуты

4. Все ссылки на форму обратной связи или номер телефона снабжаются призывами к действию «Позвоните нам», «Задайте вопрос»

5. На всем сайте используется единый принцип выравнивания текста

6. Цвета шрифтов и фона контрастны

7. Страница 404 ошибки выполнена в дизайне сайта и содержит ссылки на основные навигационные страница сайта

8. При минимальном разрешении экрана (1024×768) горизонтальная полоса прокрутки отсутствует при просмотре в основных браузерах: IE, Firefox, Operа

9. При наведении на кликабельные элементы (кнопки) курсор должен быть в виде руки

10. Расстояния между абзацами должно быть больше, чем междустрочное

11.Все тексты должны легко читаться при масштабировании

12.Текущий пункт меню всегда выделен

13.Ссылка в меню на текущий пункт не активна

14.Используются «хлебные крошки» для всех страниц сайта. Если на сайте есть страницы более 2-Ур

15.Поиск всегда должен иметь результаты

SEO-требования

• Не должно быть дублей страниц (одинаковых страниц по тем же адресам)

• Не должно быть битых ссылок на сайте (отдающий ошибку 404)

• Чтобы сайт грузился не более 4 секунд (все страницы)

• В url не должно быть кириллических символов и пробелов (только латиница)

• Чтобы сайт хорошо индексировался (Все страницы отдавали запрос 200 ok)

• Меню сайта необходимо делать текстовым. Т.е. элементы меню могут быть графическими, но текст в виде графики – это нетрудно реализовать через CSS.

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

• Не использовать в качестве навигационных элементов Flash и JavaScript.

• Все JavaScript и стили надо выносить в отдельные файлы, чтоб не засорять код.

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

• Каждая страница должна содержать только один тег H1, он должен быть уникальным, для каждой страницы и содержать главные для неё ключевые слова.

• Очень важно делать «хлебные крошки», они упрощают навигацию и поисковики их любят.

• В шаблоне сайта нельзя использовать теги strong, em, а также заголовки h1-h6.

• h1-h6, title, description, keywords должны быть редактируемыми.

• URL у страницы должен быть ОДИН, УНИКАЛЬНЫЙ и постоянный. Не допускается автоматическое генерирование адреса страницы в зависимости от пути прихода на страницу или используемых фильтров, или чего бы то ни было. Не допускается размещение разного контента на одном адресе (обращайте на это внимание при использовании скриптов!).

• URL у страницы должен быть ЧПУ на транслите (не перевод!).

• URL должен быть редактируемым.

• Необходимо корректно отдавать серверные заголовки (особенно last modified) и проставить верное время и дату.

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

• Внешним ссылкам прописываются атрибуты rel="nofollow" и target="_blank" для открытия их в новой вкладке.

• На сайте должна присутствовать карта сайта в формате html + карта сайта, которая генерируется системой управления сайтом в формате xml.

• Должен присутствовать файл robots.txt с возможностью редактировать его.

• Для сайта должно быть определено главное зеркало с «www» или без «www» и реализован 301-й редирект на соответствующий вариант.

• Главная страница сайта не должна быть доступна по адресу «site.com/», «site.com/index.php», «site.com/index.html». Нужно сделать 301-й редирект на «site.com».

• Для всех изображений сайта должна быть возможность прописывать теги atl и title.

• Если на страницу записи/поста с общей ленты можно попасть через ссылки H1, «читать далее», «читать все», «подробнее» — одну из ссылок нужно закрыть в nofollow

Проект готов!

Что дальше?

Точно ли он готов?

На что нужно обратить внимание перед запуском?

Домашнее задание

• Обязательно приложите к ТЗ эти требования

• Пройдите следующие уроки, если Вы делаете по шаблону

Запись появиться на этой странице:

http://homichenko.ru/start/site_joomla/dz66/

В скором времени!

На этом все!Спасибо за внимание!

Если остались вопросы

Буду рад ответить на них!