Download - Эффективный сайт 3 (задание 4)
![Page 1: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/1.jpg)
Эффективный сайт для малого бизнеса!
Занятие №6
08 октября 2014 г.
![Page 2: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/2.jpg)
Что нужно учесть при создании сайта?
![Page 3: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/3.jpg)
Я Вам сбрасывал
Требования к дизайну и верстке
И еще важны требования к готовому проекту
![Page 4: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/4.jpg)
Давайте разберем основные пункты более подробно
Потому что не понимая их Вам будет тяжело понять зачем они нужны
![Page 5: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/5.jpg)
Если Вы делаете проект под ключ, нам не важны промежуточные требования, но
важны следующие пункты:
![Page 6: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/6.jpg)
По окончании работ над дизайном должно быть передано следующее:
– PSD-файлы макета дизайна и, для сверки, JPEG-файлы макета дизайна, сохранять строго в RGB
– Исходники в векторном виде всех изначально векторных графических элементов (3D-модели, пиктограммы и пр.), использующихся в дизайне сайта.
– Список всех использующихся в дизайне сайта шрифтов.
![Page 7: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/7.jpg)
Верстка:
• КроссбраузерностьСайт должен нормально работать в IE7+, FF3+, Opera9+, Safari4+, Chrome последней версии
• Чтобы макет проходил html-валидацию
http://validator.w3.org/
• Тэг H1 должен быть на каждой странице сайта ТОЛЬКО один раз.
![Page 8: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/8.jpg)
Требования к юзабилити
![Page 9: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/9.jpg)
1. Логотип хорошо заметен и размещен в верхней части каждой страницы, кликабельный
2. Номер телефона расположен на одном и том же месте на всех страницах
3. Все ссылки в текстах подчеркнуты
4. Все ссылки на форму обратной связи или номер телефона снабжаются призывами к действию «Позвоните нам», «Задайте вопрос»
5. На всем сайте используется единый принцип выравнивания текста
![Page 10: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/10.jpg)
6. Цвета шрифтов и фона контрастны
7. Страница 404 ошибки выполнена в дизайне сайта и содержит ссылки на основные навигационные страница сайта
8. При минимальном разрешении экрана (1024×768) горизонтальная полоса прокрутки отсутствует при просмотре в основных браузерах: IE, Firefox, Operа
9. При наведении на кликабельные элементы (кнопки) курсор должен быть в виде руки
10. Расстояния между абзацами должно быть больше, чем междустрочное
![Page 11: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/11.jpg)
11.Все тексты должны легко читаться при масштабировании
12.Текущий пункт меню всегда выделен
13.Ссылка в меню на текущий пункт не активна
14.Используются «хлебные крошки» для всех страниц сайта. Если на сайте есть страницы более 2-Ур
15.Поиск всегда должен иметь результаты
![Page 12: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/12.jpg)
SEO-требования
![Page 13: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/13.jpg)
• Не должно быть дублей страниц (одинаковых страниц по тем же адресам)
• Не должно быть битых ссылок на сайте (отдающий ошибку 404)
• Чтобы сайт грузился не более 4 секунд (все страницы)
• В url не должно быть кириллических символов и пробелов (только латиница)
• Чтобы сайт хорошо индексировался (Все страницы отдавали запрос 200 ok)
![Page 14: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/14.jpg)
• Меню сайта необходимо делать текстовым. Т.е. элементы меню могут быть графическими, но текст в виде графики – это нетрудно реализовать через CSS.
• У каждого изображения на сайте должны быть прописаны alt и title. Если не вручную, то автоматически.
• Не использовать в качестве навигационных элементов Flash и JavaScript.
• Все JavaScript и стили надо выносить в отдельные файлы, чтоб не засорять код.
• На сайте не должно быть ссылок на несуществующие документы или битые картинки.
![Page 15: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/15.jpg)
• Каждая страница должна содержать только один тег H1, он должен быть уникальным, для каждой страницы и содержать главные для неё ключевые слова.
• Очень важно делать «хлебные крошки», они упрощают навигацию и поисковики их любят.
• В шаблоне сайта нельзя использовать теги strong, em, а также заголовки h1-h6.
• h1-h6, title, description, keywords должны быть редактируемыми.
• URL у страницы должен быть ОДИН, УНИКАЛЬНЫЙ и постоянный. Не допускается автоматическое генерирование адреса страницы в зависимости от пути прихода на страницу или используемых фильтров, или чего бы то ни было. Не допускается размещение разного контента на одном адресе (обращайте на это внимание при использовании скриптов!).
![Page 16: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/16.jpg)
• URL у страницы должен быть ЧПУ на транслите (не перевод!).
• URL должен быть редактируемым.
• Необходимо корректно отдавать серверные заголовки (особенно last modified) и проставить верное время и дату.
• Вес страницы не должен превышать 10 mb. Т.о. нужно ставить соответствующие ограничения на заливаемый контент и делать легким шаблон, не использовать тяжелый флеш.
• Внешним ссылкам прописываются атрибуты rel="nofollow" и target="_blank" для открытия их в новой вкладке.
![Page 17: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/17.jpg)
• На сайте должна присутствовать карта сайта в формате html + карта сайта, которая генерируется системой управления сайтом в формате xml.
• Должен присутствовать файл robots.txt с возможностью редактировать его.
• Для сайта должно быть определено главное зеркало с «www» или без «www» и реализован 301-й редирект на соответствующий вариант.
• Главная страница сайта не должна быть доступна по адресу «site.com/», «site.com/index.php», «site.com/index.html». Нужно сделать 301-й редирект на «site.com».
• Для всех изображений сайта должна быть возможность прописывать теги atl и title.
• Если на страницу записи/поста с общей ленты можно попасть через ссылки H1, «читать далее», «читать все», «подробнее» — одну из ссылок нужно закрыть в nofollow
![Page 18: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/18.jpg)
Проект готов!
Что дальше?
Точно ли он готов?
![Page 19: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/19.jpg)
На что нужно обратить внимание перед запуском?
![Page 20: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/20.jpg)
Домашнее задание
• Обязательно приложите к ТЗ эти требования
• Пройдите следующие уроки, если Вы делаете по шаблону
![Page 21: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/21.jpg)
Запись появиться на этой странице:
http://homichenko.ru/start/site_joomla/dz66/
В скором времени!
![Page 22: Эффективный сайт 3 (задание 4)](https://reader034.vdocuments.pub/reader034/viewer/2022052620/557af310d8b42a17468b537e/html5/thumbnails/22.jpg)
На этом все!Спасибо за внимание!
Если остались вопросы
Буду рад ответить на них!