Разработка сайтов в Донецке, ДНР. 30 контрольных списков веб-разработки, которые должна иметь под рукой каждая команда

Создать веб-сайт или приложение и сделать его доступным для всего мира — сложный бизнес. Ряд факторов должен сойтись воедино, чтобы конечный продукт был успешным. Это означает привлечение и удержание посетителей, достижение бизнес-целей и минимизацию проблем. Вы можете создать лучший продукт с помощью контрольных списков веб-разработки.

Как и в повседневной жизни, контрольные списки могут быть отличным организационным инструментом. Они держат команды веб-разработчиков на правильном пути. Они также гарантируют, что важные задачи не будут упущены из виду в спешке с завершением проекта.

Мы искали в Интернете наиболее полезные контрольные списки веб-разработки. Они охватывают все, от внешнего интерфейса и производительности до SEO и маркетинга.

Запуск (до запуска/после запуска)

1. Основной контрольный список перед запуском вашего веб-сайта

Практический контрольный список, который включает в себя:

элементы дизайна, на которые следует обратить внимание перед запуском

функциональность

кроссбраузерное тестирование

SEO и редактирование контента

2. Контрольный список запуска веб-сайта

Это хороший инструмент для контрольных списков, созданный разработчиком из Глазго Фрейзером Боугом.

Эти инструменты позволяют:

проверяйте элементы по мере выполнения каждой задачи

сделать элемент серым, если он неприменим

сбросьте контрольный список, чтобы подготовить его к следующему проекту.

Изменения будут сохраняться с помощью файлов cookie, поэтому вы можете легко использовать контрольный список на протяжении всего проекта.

Контрольный список охватывает контент, тесты и производительность, совместимость, доступность, аналитику и многое другое. Пункты в списке включают, среди прочего:

редактирование контента

удобство навигации

тестирование ссылок

соответствие GDPR

Проверка HTML и CSS

минификация стилей и скриптов

3. Основной контрольный список запуска веб-приложений и мобильных приложений

Бен Ченг представляет «...простой контрольный список запуска веб-приложений и мобильных приложений... чтобы менеджеры по продуктам могли быстро проверить производительность своих приложений».

Автор не только включает важные задачи, которые необходимо выполнить перед запуском, но также объясняет, почему он сделал свой выбор.

В списке представлены предметы, относящиеся к следующим направлениям:

спектакль

безопасность

битые ссылки

совместимость

SEO/социальный

приятно иметь, такие как страница 404, таблицы стилей печати и многое другое.

Серверная часть (база данных и сервер) и безопасность

4. Контрольный список тестирования базы данных

Для сохранения данных вам, скорее всего, понадобится база данных. Бесперебойная работа и целостность базы данных имеют решающее значение для быстрого и безопасного веб-сайта или приложения. В этом контрольном списке вы найдете пункты, касающиеся:

целостность базы данных

хранимые процедуры

проверка поля

ограничения

безопасность

транзакции и многое другое.

5. Лучшие практики серверной части

Это рекомендации, не зависящие от стека, для лучших практик, которые охватывают различные серверные архитектуры. Он всеобъемлющий и включает лучшие практики по следующим вопросам:

решения для хранения данных

безопасность

серверные среды

мониторинг приложений и многое другое.

В конце документа вы найдете контрольный список ответственности для организации работы вашей команды. Вы также найдете контрольный список выпуска для запуска вашего веб-сайта или приложения.

Внешний интерфейс

6. Контрольный список внешнего развертывания

Если вы кодируете целевые страницы, контрольный список развертывания Фреда Роча — то, что вам нужно. Это лаконично и по делу. Он включает в себя технические интерфейсные элементы, такие как:

проверка работоспособности

проверка разметки

проверка консоли на наличие ошибок JavaScript и многое другое.

7. Контрольный список переднего плана Дэвида Диаса

Он описывает себя как «идеальный для современных веб-сайтов и дотошных разработчиков». Это интерактивный онлайн-инструмент, который позволяет ввести URL-адрес проекта и получить полный отчет по следующим направлениям:

голова

HTML

веб-шрифты

CSS

JavaScript

картинки

доступность

спектакль

SEO

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

Развертывание и производительность приложения React

8. Контрольный список готовности к работе приложения React

Это список задач, которые необходимо выполнить, прежде чем ваше приложение React будет готово к работе.

9. Смерть от тысячи сокращений: контрольный список для устранения распространенных проблем с производительностью React

Это контрольный список из шести пунктов с забавными и четкими объяснениями того, как реализовать каждую из задач в списке для молниеносно быстрого приложения React.

Кроссбраузерное тестирование

10. Контрольный список кроссбраузерного тестирования перед запуском

Дикша Агарвал предлагает первоклассный контрольный список, чтобы убедиться, что ваш веб-сайт или приложение работает и выглядит должным образом во всех браузерах и платформах в вашей локальной среде разработки перед запуском. Среди предметов, которые вы найдете в этом списке:

выравнивание элементов и другие кросс-браузерные проблемы HTML и CSS

рендеринг шрифта

API-соединения и многое другое.

11. Контрольный список кроссбраузерного тестирования

Раджкумар предлагает этот удобный контрольный список, в котором он упоминает все элементы, которые вам нужно протестировать в нескольких операционных системах и браузерах.

Доступность

12. Контрольный список контрольных точек для руководства по обеспечению доступности веб-контента 1.0

Этот контрольный список W3C включает в себя все элементы, которые вам необходимо учитывать, чтобы больше людей могли получить доступ к вашему сайту и использовать его. Элементы сгруппированы в соответствии с номером приоритета от одного до трех.

Это покрывает:

предоставление текста для нетекстовых элементов

организация документов, чтобы их можно было читать без таблиц стилей

цветовой контраст

подходящая структура и элементы для HTML-документов

расширение акронимов и аббревиатур при первом их появлении

логическая навигация по вкладкам и многое другое.

13. Контрольный список WebAIM WCAG 2

В этом контрольном списке представлены рекомендации по доступности WebAIM (Web Accessibility in Mind) для тех, кто хочет соответствовать требованиям WCAG.

14. Контрольный список проекта A11Y

Этот контрольный список проекта A11Y организован под следующими заголовками:

содержание

глобальный код

клавиатура

картинки

заголовки

списки

контролирует

столы

формы

средства массовой информации

внешний вид

анимация

цветовой контраст

мобильный/сенсорный.

15. Окончательный контрольный список доступности веб-сайта

Этот контрольный список представлен в виде большой, удобной для пользователя таблицы, в которой элементы сгруппированы на основе их уровня приоритета доступности в соответствии с рекомендациями WCAG 2.0:

Уровень A делает ваш веб-сайт или приложение доступным для некоторых пользователей.

Уровень AA делает его доступным практически для всех пользователей

Уровень AAA делает его доступным для всех пользователей.

Спектакль

16. Контрольный список производительности внешнего интерфейса

Вряд ли что-то отталкивает пользователей больше, чем медленный веб-сайт или приложение. Вот еще один отличный контрольный список от Дэвида Диаса. Он называет свой контрольный список «Единственным контрольным списком производительности внешнего интерфейса, который работает быстрее, чем другие». Для каждого правила у вас будет объяснение, почему оно важно и как вы можете исправить эту конкретную проблему. Кроме того, элементы в этом контрольном списке имеют индикаторы приоритета. Существует три уровня приоритета: низкий, средний и высокий. Наконец, Дэвид также перечисляет ряд полезных инструментов, которые вы можете использовать для тестирования или мониторинга производительности вашего веб-сайта или приложения.

17. Контрольный список производительности интерфейса 2020

Виталий Фридман предлагает «обновленный обзор проблем, которые вам, возможно, придется рассмотреть, чтобы обеспечить быстрое время отклика, беспрепятственное взаимодействие с пользователем, а также то, что ваши сайты не истощают пропускную способность пользователей». Пункты этого подробного контрольного списка находятся под следующими заголовками:

Подготовка: планирование и показатели

Постановка реалистичных целей

Определение среды

Оптимизация активов

Оптимизация сборки

Оптимизация доставки

HTTP/2

Тестирование и мониторинг

Быстрые победы. Это 15 проблем, которые вы можете быстро решить, если у вас есть всего один час, чтобы добиться значительных результатов в производительности.

18. Addy Osmani’s 18-Point Web Performance Checklist

Бен Халперн рекомендует контрольный список эффективности Эдди Османи, взятый из одного из AMA Эдди. Среди предложений, которые вы найдете в этом списке:

расщепление кода

ленивая загрузка некритичных ресурсов

сжатие файлов

кеширование и многое другое.

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

19. Контрольный список миграции веб-сайта SEMRush

Существуют разные причины, по которым вы хотели бы перенести свой веб-сайт. Возможно, вы перешли с HTTP на HTTPS, изменили доменные имена или выбрали новую платформу или CMS. SEMRush предлагает бесплатный интерактивный контрольный список для управления этим процессом. Вы также можете скачать его в формате PDF.

20. Окончательный контрольный список миграции веб-сайта

Основные разделы, в которых элементы сгруппированы в этом контрольном списке, следующие:

Перед миграцией

после миграции

Вопросы SEO занимают центральное место в этом контрольном списке. Он охватывает просмотр аналитических данных, сбор ключевых показателей и тенденций, мониторинг популярных страниц и так далее.

21. Контрольный список миграции веб-сайта

Это исчерпывающий контрольный список миграции веб-сайта, элементы которого сгруппированы по

дорожная карта перед запуском

день запуска

этап после запуска

SEO (поисковая оптимизация)

22. Полный контрольный список SEO на 2020 год

Это очень полный контрольный список SEO от Backlinko, который включает в себя несколько контрольных списков. В частности, вы найдете:

контрольный список основ SEO

контрольный список исследования ключевых слов

контрольный список SEO на странице

технический контрольный список SEO

контрольный список контента

контрольный список построения ссылок

В качестве бонуса вы также получите несколько продвинутых советов и тактик SEO, а также несколько тематических исследований и примеров.

23. Полный контрольный список SEO из 51 пункта на 2020 год.

Тони Гриффит из ClickMinded перечисляет «пошаговый контрольный список SEO, который вы можете использовать немедленно. Это очень прямой и простой процесс, который как можно быстрее привлечет больше трафика и клиентов на ваш сайт».

24. Ваш контрольный список SEO из 9 пунктов на 2020 год

Этот контрольный список с великолепными изображениями и четкими пояснениями охватывает задачи, связанные с:

базовое SEO

исследование ключевых слов

техническое SEO

SEO-оптимизация контента и многое другое.

25. Окончательный контрольный список SEO на 2020 год

Это массивный, но чрезвычайно удобный контрольный список из 66 пунктов, посвященный оптимизации веб-сайта для Google в 2020 году.

26. Контрольный список SEO на странице на 2020 год.

SEO на странице — это процесс оптимизации отдельной страницы вашего веб-сайта, что очень важно для получения высокого рейтинга в Google. Натан Готч из GotchSEO показывает свой пошаговый контрольный список SEO на странице, который учитывает:

SEO производительность

сканирование и индексация

ключевые слова

содержание

картинки

video

ссылки

пользовательский опыт (UX) и дизайн и пользовательский интерфейс (UI)

ранжирование вашей страницы в локальном пакете

структурированные данные

и более

Цифровой маркетинг

27. Контрольный список цифрового маркетинга на 2020 год

Вот практический контрольный список, чтобы убедиться, что ваш цифровой маркетинг поддерживает ваш бизнес. Ориентированный на бренд, отзывчивый и удобный для Google веб-сайт, конечно же, стоит на первом месте в списке.

28. Контрольный список цифрового маркетинга на 2020 год

Вот контрольный список из 8 пунктов цифрового маркетинга на 2020 год от Clear Blue Sky Digital. Он проходит через:

внешний вид, удобство и безопасность вашего веб-сайта

его стратегии SEO и SEM (маркетинг в поисковых системах)

ваш подход к маркетингу в социальных сетях.

GDPR (Общее положение о защите данных)

29. Контрольный список соответствия GDPR для оценки вашей стратегии обработки данных

Соблюдение GDPR является обязательным для большинства компаний в Европейском Союзе или имеющих дело со странами Европейского Союза. Его цель — дать гражданам ЕС больше контроля и прозрачности над своими данными. Этот контрольный список охватывает требования GDPR и то, что ваша компания должна сделать, чтобы обеспечить их соответствие.

30. Контрольный список соответствия GDPR

Правила GDPR — не прогулка по парку для крупного бизнеса, не говоря уже о среднем и малом. Если вы испытываете затруднения, вот контрольный список, который может помочь вашему бизнесу выполнить свои требования.

Вывод

Как видите, некоторые списки включают элементы из разных категорий. Элементы под заголовком «Производительность» присутствуют под заголовком «SEO «. Это связано с тем, что скорость загрузки страницы является ключевым компонентом для достижения высоких позиций в поисковых системах. Все аспекты веб-присутствия должны работать вместе для достижения желаемого конечного результата. С этими контрольными списками такая координация становится намного проще.