Чек-лист готовности сайта для веб разработчика

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

Чек-лист готовности сайта для веб разработчика

Стандарты и валидация

  • Валидность HTML, CSS, JavaScript: рекомендуется проверить валидность кода, потому что поисковые системы лучше относятся к валидным html страницам и лучше понимают их код.
    Валидатор W3C
  • Accessibility: доступность для людей с ограниченными возможностями.

Дизайн и контент

  • Кроссбраузерность: сайт корректно отображается во всех современных браузерах (Opera, Firefox, Chrome, Safari, Edge).
  • Адаптивность: сайт корректно отображается на всех устройствах (телефоны, планшеты).
  • Прелоадер: 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>
  • Скорость загрузки: проверен общий размер / скорость загрузки страниц.
  • Сжатие статических файлов: минимизирована статика (JavaScript / HTML / CSS).
  • Проверены другие настройки производительности на всех уровнях (Сервера, БД, CMS и т.д.).
  • Журнал ошибок: включены логи ошибок на сервере.

Сервисы для анализа сайта

Мониторинг состояния страниц сайта

https://pr-cy.ru/analysis/

https://sitechecker.pro/ru/

https://www.cy-pr.com/

Скорость загрузки сайта

https://pagespeed.web.dev/

Если что-то забыл, пишите в комментариях ниже! Буду рад дополнениям и замечаниям!

Веб разработчик MAKE-WEBSITE.ru
Автор
Подробнее
Геннадий Егупов

Создаю современные
высококонверсионные сайты

Кроссбраузернаяверстка
Созданиедизайнов
Интеграция с cmsMODx и PrestaShop
Разработка Vue.jsприложений
Прочитайте еще посты:

26 Апреля 2022

Просмотров: 76

Комментариев: 0

веб разработка, рецепты

Содержание:

    Оставьте свой комментарий!


    Разрешённые теги: <b><i><br>


    Комментарии (0)

     

    Давайте общаться

    Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.