|
|
|
Большинство пунктов не обязательны, но крайне рекомендованы к исполнению.
|
|
|
|
|
|
|
|
## Дизайн и контент
|
|
|
|
|
|
|
|
Заголовок с тегом `<h1>` должен быть на каждой странице сайта и в единственном экземпляре. Между тегами `<h1></h1>` можно использовать только текст и тег `<span>`, другие теги нельзя применять.
|
|
|
|
|
|
|
|
На каждой странице, кроме главной, должна присутствовать навигационная цепочка (хлебные крошки), с отображением всех звеньев цепи. Последнее звено цепочки это текст, остальное -- ссылки.
|
|
|
|
|
|
|
|
Обязательно наличее именно всех звеньев цепи. Это нужно для правильной перелинковки и распределения веса по сайту для поисковиков. Она может находится как вверху, так и внизу страницы (лучше вверху).
|
|
|
|
|
|
|
|
Крайне желательны страницы (если применимо для ниши):
|
|
|
|
|
|
|
|
* О компании
|
|
|
|
* Акции
|
|
|
|
* Контакты
|
|
|
|
* Отзывы
|
|
|
|
* Статьи
|
|
|
|
* Цена
|
|
|
|
|
|
|
|
Для корпоративных сайтов и магазинов должно быть много конверсионных блоков.
|
|
|
|
|
|
|
|
Хедер желательно не плавающий. Если плавающий, то должен быть очень узким; Желательно в хедере дескриптор: в 2-4 словах основное преимущество. Логотип должен быть слева. Если есть телефон и график работы, или кнопка обратного звонка, желательно также разместить в хедере.
|
|
|
|
|
|
|
|
Блок с текстом должен быть на каждой странице включая Главную.
|
|
|
|
|
|
|
|
Задать сквозные стили для заголовков `<h1>`-`<h6>` чтобы они были одинаковые на всём сайте; h1-h6 не должны быть огромных размеров. Недопустимо написание в верхнем регистре.
|
|
|
|
|
|
|
|
Ссылки с тегом `<a>` должны отличаться от обычного цвета текстом, желательно подчеркиванием.
|
|
|
|
|
|
|
|
В дизайне должны быть отражены:
|
|
|
|
|
|
|
|
* h1-h6
|
|
|
|
* ul
|
|
|
|
* ol
|
|
|
|
* a
|
|
|
|
* ховеры к кнопкам
|
|
|
|
* таблицы
|
|
|
|
* типовые блоки (например цитаты, отрывки кода)
|
|
|
|
|
|
|
|
## Разработка и развертывание
|
|
|
|
|
|
|
|
Формирование URL страниц в формате ЧПУ (человеко-понятный URL).
|
|
|
|
|
|
|
|
* Единый формат для всех адресов;
|
|
|
|
* Транслитерация кириллического текста;
|
|
|
|
* Уровень вложенности – до третьего;
|
|
|
|
* Использовать «-» дефис для спецсимволов и пробелов
|
|
|
|
* Заканчиваться должен на «/»
|
|
|
|
* Не длиннее 100 символов
|
|
|
|
* Не использовать английских названий
|
|
|
|
|
|
|
|
Важно: Чем короче адрес страницы, тем лучше.
|
|
|
|
|
|
|
|
Примеры:
|
|
|
|
|
|
|
|
* site.ru/catalog/kurtki/
|
|
|
|
* site.ru/kurtki/ – предпочтительнее.
|
|
|
|
|
|
|
|
Сайт должен проходить тест скорости загрузки страниц по сервису Google PageSpeed и попадать в зелёную зону более 80%-85%. Для этого желательно кеширование страниц, сжатие gzip, тумбнейлы. Уменьшить количество подключаемых js и css, по возможности минифицировать их.
|
|
|
|
|
|
|
|
Страницы 404, должны отдавать код ответа сервера 404.
|
|
|
|
|
|
|
|
Для фильтров и сортировки не использовать ссылки с GET параметрами, поскольку эти страницы индексируются и забивают выдачу. Все виды сортировки и фильтрации должны быть POST, без изменения URL страницы. Если нужно использовать GET параметры, они должны работать с использованием JS (без JS данные адреса не должны быть доступны).
|
|
|
|
|
|
|
|
Настроить заголовок Last-Modified для каждой динамической страницы сайта.
|
|
|
|
Поисковый робот заходит на сайт и запрашивает, изменился ли документ с момента последнего посещения. Если нет, отдавать не код страница, 304 код ответа (тем самым уменьшить нагрузку на сервер и ускорить индексацию страниц).
|
|
|
|
|
|
|
|
Необходимо использовать микроразметку [Schema](https://schema.org/) везде, где только можно:
|
|
|
|
|
|
|
|
* Контакты
|
|
|
|
* Фото и видео
|
|
|
|
* Отзывы
|
|
|
|
* Хлебные крошки
|
|
|
|
* Open Graph
|
|
|
|
|
|
|
|
Логотип должен быть кликабельный и вести на главную страницу. Желательно на главной странице сделать логотип просто картинкой, без ссылки.
|
|
|
|
|
|
|
|
Ставить ссылки tel: на телефоны на мобильных устройствах.
|
|
|
|
|
|
|
|
Все скрипты и css подгружать из отдельных js,css-файлов (за исключением скриптов Яндекс.Метрики), в коде не должно быть js или css стилей.
|
|
|
|
|
|
|
|
Не оставлять больших кусков закомментированного кода (оптимально – удалять все комментарии на этапе вывода html).
|
|
|
|
|
|
|
|
Не использовать теги визуального и логического выделения (strong, b, i, em…) для оформления. Если необходимо выделить полужирным, добавить span с классом bold и задать для него стиль в CSS.
|
|
|
|
|
|
|
|
Не использовать заголовки H1-H6 кроме как для структурных частей страницы (в шапке, меню, футере, сайтбарах и т.д.).
|
|
|
|
|
|
|
|
Использовать только относительные ссылки.
|
|
|
|
|
|
|
|
В панели администрирования должна быть возможность:
|
|
|
|
|
|
|
|
* задавать уникальные метаданные для каждой страницы сайта (title и description)
|
|
|
|
* задавать уникальный заголовок h1, при смене которого не должны изменяться пункты меню, хлебные крошки и прочие элементы (для статических страниц).
|
|
|
|
* редактировать текст на каждой странице сайта, включая Главную (для статических страниц).
|
|
|
|
|
|
|
|
Требования к постраничному выводу:
|
|
|
|
|
|
|
|
* на страницах (со второй до последней, включая show-all) не должно быть блоков SEO-текста. Текст выводить только на основной странице раздела;
|
|
|
|
* первая страница – ссылка на основную страницу раздела, т.е. не должно быть URL страницы с номером 1 (типа /blog/page_1/). С такого URL выполнить 301 редирект на /blog/
|
|
|
|
* должна быть страница, на которой выводятся все элементы (в пределах разумного). Либо ставить теги prev и next.
|
|
|
|
* на всех страницах постраничной навигации, кроме SHOW-ALL должен стоять rel=”canonical” на страницу SHOW-ALL. |
