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

Стандарты и валидация
- Валидность HTML, CSS, JavaScript: рекомендуется проверить валидность кода, потому что поисковые системы лучше относятся к валидным html страницам и лучше понимают их код.
Сервисы для тестирования:
CrossBrowserTesting, Markup Validator W3C, IETester, Dr Watson, CSS Validator. - Accessibility: доступность для людей с ограниченными возможностями.
Дизайн и контент
- Кроссбраузерность: сайт корректно отображается во всех современных браузерах (Opera, Firefox, Chrome, Safari, Edge).
Сервисы для тестирования кроссбраузерности:
browserstack.com
testingbot.com - Адаптивность: сайт корректно отображается на всех устройствах (телефоны, планшеты).
- Прелоадер: gif или svg.
- Сообщение о Cookies: информирование пользователя при первом заходе на сайт.
- Favicon: имеется и отображается правильно.
Генератор фавикон: favicon.io - Медиа: картинки, аудио и видеофайлы оптимизированы для веб, отформатированы и работают корректно на всех устройствах; для контентных изображений указаны Alt атрибуты.
- Тексты: откорректированы, грамматика и орфография проверены; единый стиль текстов; корректные символы тире, кавычек и апострофов, в зависимости от языка сайта; пунктуация в списках (если пункт списка заканчивается точкой, следующий пункт должен начинаться с заглавной буквы, и наоборот для точки-запятой).
- Ссылки: внутренние контентные ссылки ведут на существующие страницы; внешние ссылки открываются в новых вкладках и закрыты от индексации; проверено, нет ли на сайте ссылок на dev-сервер и тестовые страницы (все ссылки должны вести на боевой сайт).
- Иконки-ссылки социальных сетей: открываются в новых вкладках.
- Контактные данные: проверены и точны.
- Печатные версии важных страниц.
- Страницы ошибок: созданы страницы 404, 403, 503, ошибок.
- Тестовые страницы: удалены или закрыты от индексации и пользователей страницы для разработки.
Функционал
- Формы: валидируются поля, сообщения отправляются, настроены уведомления для пользователя после отправки формы; при необходимости разработаны страницы с благодарностью; реализована отправка email писем.
- Отложенная загрузка контента для быстрой загрузки страниц: ролики YouTube, изображения и т. д.
- Интеграция со сторонними сервисами: например, CRM, чат, обратный звонок. Настроены и протестированы.
SEO и индексация
- Https-протокол: на сайт установлен SSL-сертификат; в системных настройках админпанели указан https протокол; страницы сайта открываются по url-адресам с https.
- Дублирование контента: устранены дубли страниц; добавлены в
<head>
теги<link>
, указывающие на каноническую страницу, например:
<link rel="canonical" href="https://mysite.ru/restaurant-consulting/" />
- URL адреса: реализованы ЧПУ.
- Мета теги: Title (rаждая страница имеет уникальное название); Description (уникальное meta-описание).
- Заголовок H1: на каждой странице присутствует заголовок первого уровня с ключевыми словами.
- RSS-лента: настроена правильно.
- XML карта: создана
sitemap.xml
. - Редиректы в файле
.htaccess
: настроены, если необходимо; редирект страниц с www на без него или наоборот; редирект с mysite.ru/index.html и mysite.ru/index.php на mysite.ru.
Примерный код:AddDefaultCharset UTF-8
Options +FollowSymLinks
RewriteEngine on
#Настроены зеркала (www, index.html)
RewriteCond %{HTTP_HOST} ^www.mysite.ru
RewriteRule ^(.*)$ https://mysite.ru/$1 [R=301,L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.html\ HTTP/
RewriteRule ^index\.html$ https://mysite.ru/ [R=301,L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteRule ^index\.php$ https://mysite.ru/ [R=301,L]
#Редирект на https
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^(.*)$ https://mysite.ru/$1 [R=301,L] - Robots.txt: закрыть от индексации служебные разделы сайта и необходимые страницы.
Лучше закрыть страницы: поиск, корзина, страницы авторизации и другие, на которых при одинаковом адресе отображается своя информация для каждого посетителя, страницы ошибок.
Примерный код Robots.txt:User-agent: Yandex
Disallow: /admin/
Disallow: /cgi-bin/
Host: https://mysite.ru/
User-agent: Googlebot
Disallow: /admin/
Disallow: /cgi-bin/
User-agent: *
Disallow: /admin/
Disallow: /cgi-bin/
Sitemap: https://mysite.ru/sitemap.xml - Schema.org: внедрена микроразметка. Она помогает поисковым роботам лучше понимать содержание страницы и, тем самым, улучшать результаты выдачи.
- Open Graph микроразметка
Примерный код:<!DOCTYPE html> <html lang="ru" prefix="og: http://ogp.me/ns#"> <head> <title>The Title of Your Article</title> <meta property="og:title" content="Article on Anything by You" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.websiteaddress.com/article/" /> <meta property="og:image" content="http://www.websiteaddress.com/images/article_pic.jpg" /> ... </head> ... </html>
Аналитика
- Счётчики: установлены и настроены Яндекс Метрика и Google Analytics.
- Добавить сайт в поисковые системы: аккаунты Яндекс Вебмастер и Google Search Console.
Производительность и безопасность
- Проведено нагрузочное тестирование.
- Кэширование сайта в браузере: проверено и реализовано, где это необходимо. Настройка браузерного кэширования осуществляется посредством редактирования конфигурационных файлов сервера (httpd.conf, .htaccess, nginx.conf).
Пример кода файла .htaccess (сервер Apache):# Для формирования HTTP-заголовков Expires
<IfModule mod_expires.c>
# активация формирования заголовков Expires
ExpiresActive on
# Кэширование по умолчанию 1 месяц
ExpiresDefault "access plus 1 month"
# Не кэшировать HTML, текст, XML, JSON
ExpiresByType text/html "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
# Кэшировать Favicon 1 год
ExpiresByType image/x-icon "access plus 1 year"
# Кэшировать картинки, видео и шрифты 1 месяц
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
# Кэшировать CSS и JS 7 дней
ExpiresByType text/css "access plus 7 days"
ExpiresByType text/javascript "access plus 7 days"
ExpiresByType application/javascript "access plus 7 days"
ExpiresByType text/x-javascript "access plus 7 days"
</IfModule>
# Для формирования HTTP-заголовков Cache-Control
<ifModule mod_headers.c>
# Не кэшировать PHP, HTML, XML
<FilesMatch "\.(php|html|htm|xml)$">
Header set Cache-Control "no-store, no-cache, max-age=0"
</FilesMatch>
# Кэшировать изображения 1 месяц
<FilesMatch "\.(gif|ico|jpg|jpeg|png|svg)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
# Кэшировать CSS и JS 1 неделю
<FilesMatch "\.(js|css)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
# Кэшировать шрифты 1 месяц
<FilesMatch "\.(woff|woff2|eot|otf|ttf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
</ifModule> - Скорость загрузки: проверен общий размер / скорость загрузки страниц.
- PageSpeed Insights: https://pagespeed.web.dev/
- Pingdom Website Speed Test: https://tools.pingdom.com/
- Рекомендации по увеличению скорости работы веб-сайтов от Yahoo!: https://developer.yahoo.com/performance/rules.html
- Сжатие статических файлов: минимизирована статика (JavaScript / HTML / CSS).
- Проверены другие настройки производительности на всех уровнях (Сервера, БД, CMS и т.д.).
- Журнал ошибок: включены логи ошибок на сервере.
Сервисы для анализа сайта
Мониторинг состояния страниц сайта
Скорость загрузки сайта
Если что-то забыл, пишите в комментариях ниже! Буду рад дополнениям и замечаниям!

Создаю современные
высококонверсионные сайты
Прочитайте еще посты:
-
Как создать правильную презентацию для выступления
Ключевые моменты для спикеров и разработчиков, которые нужно знать перед составлением доклада в PowerPoint.
Подробнее -
Навигация по сети стандартов в веб-разработке
Создание беспрепятственного и доступного веб-интерфейса зависит от соблюдения установленных правил и спецификаций. В этом сообщении блога я расскажу о важности стандартизации в веб-разработке и выделю ключевые стандарты.
Подробнее
26 Апреля 2022
Просмотров: 1341
Комментариев: 0
Теги
- веб разработка (13)
- рецепты (8)
- javascript (7)
- медицина (7)
- сайт-визитка (7)
- сайт под ключ (6)
- календарь (6)
- cms (6)
- интернет-магазин (6)
- prestashop (6)
- modx (5)
- веб дизайн (4)
- продвижение (4)
- виджеты (3)
- стандарты (3)
- php (3)
- лендинг (3)
- мода (2)
- дублирование контента (2)
- редиректы (2)
- seo оптимизация (2)
- логотипы (2)
- блог (2)
- vue.js (2)
- HostCMS (2)
Содержание
Давайте общаться
Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.
Оставьте свой комментарий!
Комментарии (0)