Construir un sitio web o una aplicación y ponerlo a disposición del mundo es un negocio complejo. Se deben unir varios factores para garantizar que el producto final sea exitoso. Eso significa atraer y mantener visitantes, cumplir con los objetivos comerciales y minimizar los problemas. Puede entregar un mejor producto con la ayuda de listas de verificación de desarrollo web.

Como en la vida cotidiana, las listas de verificación pueden ser una gran herramienta de organización. Mantienen a los equipos de desarrollo web en camino. También aseguran que las tareas importantes no se pasen por alto en la prisa por completar un proyecto.

Buscamos en la web las listas de verificación de desarrollo web más útiles. Cubren todo, desde el front-end y el rendimiento hasta el SEO y el marketing.

Lanzamiento (prelanzamiento / poslanzamiento)

1. La lista de comprobación esencial previa al lanzamiento para su sitio web

Una lista de verificación práctica que incluye:

• elementos de diseño a tener en cuenta antes del lanzamiento
• a la fatiga
• prueba de navegador cruzado
• SEO y edición de contenido

2. Lista de verificación de lanzamiento del sitio web

Esta es una buena herramienta de lista de verificación creada por el desarrollador de Glasgow Fraser Boag.

Esta herramienta te permite:

• verifique los elementos a medida que completa cada tarea
• atenuar un elemento si no es aplicable
• restablezca la lista de verificación para prepararla para el próximo proyecto.

Los cambios se guardarán usando cookies, por lo que puede usar fácilmente la lista de verificación durante la duración de su proyecto.

La lista de verificación cubre contenido, evaluaciones comparativas y rendimiento, compatibilidad, accesibilidad, análisis y más. Los elementos de la lista incluyen, entre otras cosas:

• edición de contenido
• usabilidad de navegación
• prueba de enlaces
• Cumplimiento GDPR
• Validez HTML y CSS
• minificación de estilos y scripts

3. La lista de verificación de lanzamiento esencial para aplicaciones web y aplicaciones móviles

Ben Cheng presenta "... una simple lista de verificación de lanzamiento para aplicaciones web y móviles ... para que los gerentes de producto prueben rápidamente el rendimiento de sus aplicaciones".

El autor no solo incluye tareas importantes para completar antes del lanzamiento, sino que también explica porque detrás de sus elecciones.

La lista presenta elementos que pertenecen a las siguientes áreas:

• actuación
• EN LINEA
• enlaces rotos
• compatibilidad
• SEO / social
• agradable para tener, como una página 404, imprimir hojas de estilo y más.

Back-end (base de datos y servidor) y seguridad

4. Lista de verificación de pruebas de bases de datos

Para la persistencia de datos, lo más probable es que necesite una base de datos. El buen funcionamiento y la integridad de la base de datos son cruciales para un sitio web o aplicación rápido y seguro. En esta lista de verificación, encontrará elementos relacionados con:

• integridad de la base de datos
• procedimientos almacenados
• validación de campo
• restricciones
• EN LINEA
• transacciones y más.

5. Mejores prácticas de back-end

Estas son pautas independientes de la pila para las mejores prácticas que abarcan varias arquitecturas de back-end. Es completo e incluye las mejores prácticas sobre:

• soluciones de almacenamiento de datos
• EN LINEA
• entornos de servidor
• monitoreo de aplicaciones y mucho más.

Hacia el final del documento, encontrará una lista de verificación de responsabilidad para organizar el trabajo de su equipo. También encontrará una lista de verificación de lanzamiento para el lanzamiento de su sitio web o aplicación.

Interfaz

6. Una lista de verificación de implementación front-end

Si codifica páginas de destino, lo que necesita es la lista de verificación de implementación de Fred Rocha. Es sucinto y al grano. Incluye elementos técnicos frontales como:

• comprobación de rendimiento
• validando el marcado
• comprobar la consola en busca de errores de JavaScript y más.

7. La lista de verificación de front-end de David Dias

Se describe a sí mismo como "perfecto para sitios web modernos y desarrolladores meticulosos". Esta es una herramienta interactiva en línea que le permite ingresar la URL del proyecto y obtener un informe completo sobre las siguientes áreas:

• cabeza
• HTML
• webfonts
• CO
• JavaScript
• imágenes
• accesibilidad
• actuación
• SEO

La verificación es exhaustiva y revela qué elementos en las distintas áreas merecen alta, media o baja prioridad.

Reaccionar la implementación y el rendimiento de la aplicación

8. Lista de verificación de preparación en vivo de una aplicación React

Esta es una lista de tareas que debe completar antes de que su aplicación React esté lista para la producción.

9. Muerte por mil cortes: una lista de verificación para eliminar problemas comunes de rendimiento de reacción

Esta es una lista de verificación de seis elementos con explicaciones divertidas y claras de cómo implementar cada una de las tareas en la lista para una aplicación React increíblemente rápida.

Prueba de navegador cruzado

10. Lista de verificación de pruebas entre navegadores antes de lanzarse

Deeksha Agarwal ofrece una lista de verificación de primer nivel para garantizar que su sitio web o aplicación funcione y se vea como se espera en todos los navegadores y plataformas en su entorno de desarrollo local antes del lanzamiento. Entre los elementos que encontrará en esta lista se encuentran:

• alineación de elementos y otros problemas de navegador cruzado HTML y CSS
• representación de fuente
• Conexiones API, y mucho más.

11. Lista de verificación de pruebas entre navegadores

Rajkumar ofrece esta práctica lista de verificación donde menciona todos los elementos que necesita probar en múltiples sistemas operativos y navegadores.

Accesibilidad

12. Lista de verificación de puntos de control para las pautas de accesibilidad al contenido web 1.0

Esta lista de verificación del W3C incluye todos los elementos que debe tener en cuenta para que más personas puedan acceder y usar su sitio. Los elementos se agrupan según un número de prioridad del uno al tres.

Cubre:

• proporcionar texto para elementos no textuales
• organizar documentos para que puedan leerse sin hojas de estilo
• contraste de color
• estructura y elementos apropiados para documentos HTML
• expandir siglas y abreviaturas la primera vez que aparecen
• navegación lógica de pestañas y más.

13. Lista de verificación WCAG 2 de WebAIM

Esta lista de verificación presenta las recomendaciones de accesibilidad de WebAIM (Web Accessibility in Mind) para aquellos que buscan la conformidad con WCAG.

14. La lista de verificación del proyecto A11Y

Esta lista de verificación del Proyecto A11Y organiza los elementos bajo los siguientes encabezados:

• contenido
• código global
• teclado
• imágenes
• encabezamientos
• liza
• controles
• tablas
• Formularios
• medios de comunicación
• apariencia
• animación
• contraste de color
• móvil / táctil.

15. La lista definitiva de accesibilidad del sitio web

Esta lista de verificación se presenta en una excelente tabla fácil de usar donde los elementos se agrupan en función de su nivel de prioridad de accesibilidad de acuerdo con las pautas de WCAG 2.0:

• El Nivel A hace que su sitio web o aplicación sea accesible para algo usuarios
• El nivel AA lo pone a disposición de casi todos usuarios
• El nivel AAA lo pone a disposición de todo el usuarios.

Rendimiento

16. Lista de verificación de rendimiento de front-end

Casi no hay nada que desanime a los usuarios más que un sitio web o una aplicación lenta. Aquí hay otra gran lista de verificación de David Dias. Él etiqueta su lista de verificación como "La única lista de verificación de rendimiento de front-end que se ejecuta más rápido que las demás". Para cada regla, tendrá una explicación de por qué es importante y cómo puede solucionar ese problema específico. Además, los elementos en esta lista de verificación tienen indicadores de prioridad. Hay tres niveles de prioridad: bajo, medio y alto. Finalmente, David también enumera una serie de herramientas útiles que puede usar para probar o monitorear el rendimiento de su sitio web o aplicación.

17. Lista de verificación de rendimiento de front-end 2020

Vitaly Friedman ofrece "una visión general actualizada de los problemas que debe tener en cuenta para garantizar que sus tiempos de respuesta sean rápidos, la interacción del usuario sea fluida y sus sitios no agoten el ancho de banda del usuario". Los elementos de esta exhaustiva lista de verificación se encuentran bajo los siguientes títulos:

• Preparándose: planificación y métricas
• Establecer objetivos realistas
• Definiendo el entorno
• Optimizaciones de activos
• Construir optimizaciones
• Optimizaciones de entrega
• HTTP / 2
• Pruebas y monitoreo
• Triunfos rápidos. Estos son 15 problemas que puede resolver rápidamente si solo tiene una hora para obtener resultados de rendimiento significativos.

18. Lista de comprobación de rendimiento web de 18 puntos de Addy Osmani

Ben Halpern recomienda la lista de verificación de rendimiento de Addy Osmani, tomada de uno de Addy's AMA. Entre las sugerencias que encontrará en esta lista están:

• división de código
• carga lenta recursos no críticos
• Compresión de archivo
• almacenamiento en caché y mucho más.

Migración del sitio

19. La lista de verificación de migración del sitio web de SEMRush

Existen diferentes razones por las que desea migrar su sitio web. Es posible que haya cambiado de HTTP a HTTPS, haya cambiado los nombres de dominio u haya optado por un nuevo marco o CMS. SEMRush ofrece una lista de verificación interactiva en línea gratuita para administrar este proceso. También puede descargarlo en formato PDF.

20. La lista de verificación definitiva de migración de sitios web

Las secciones principales bajo las cuales se agrupan los elementos en esta lista de verificación son:

• Premigración
• Post-migración

Las preocupaciones de SEO ocupan un lugar central en esta lista de verificación. Cubre la revisión de datos analíticos, la recopilación de métricas y tendencias clave, el monitoreo de las páginas principales, etc.

21. La lista de verificación de migración del sitio web

Esta es una lista completa de verificación de migración del sitio web que agrupa sus elementos bajo un

• hoja de ruta previa al lanzamiento
• día de lanzamiento
• fase posterior al lanzamiento

SEO (Search Engine Optimization)

22. La lista completa de SEO para 2020

Esta es una lista de verificación de SEO súper completa de Backlinko que incluye múltiples listas de verificación. En particular, encontrarás:

• una lista de verificación de conceptos básicos de SEO
• una lista de verificación de investigación de palabras clave
• una lista de verificación SEO en la página
• una lista técnica de SEO
• una lista de verificación de contenido
• una lista de verificación de construcción de enlaces

Como beneficio adicional, también obtendrá algunos consejos y tácticas avanzadas de SEO y algunos estudios de casos y ejemplos.

23. La lista completa de 51 puntos de SEO para 2020

Tony Griffith de ClickMinded enumera una "lista de verificación de SEO paso a paso que puede usar de inmediato. Es un proceso directo y directo que generará más tráfico y más clientes a su sitio web lo más rápido posible ".

24. Su lista de verificación de SEO de 9 puntos para 2020

Con excelentes imágenes y explicaciones claras, esta lista de verificación cubre las tareas involucradas en:

• SEO básico
• investigación de palabras clave
• SEO técnico
• contenido SEO, y más.

25. La lista de verificación de SEO definitiva para 2020

Esta es una lista de verificación de 66 puntos masiva pero extremadamente fácil de usar que se enfoca en optimizar un sitio web para Google en 2020.

26. Lista de verificación de SEO en la página para 2020

El SEO en la página es el proceso de optimizar una sola página en su sitio web, lo cual es muy importante para obtener una excelente clasificación de Google. Nathan Gotch de GotchSEO muestra su lista de verificación SEO paso a paso, en la página, que tiene en cuenta:

• Rendimiento SEO
• rastreo e indexación
• las palabras claves
• contenido
• imágenes
• video
• enlaces
• experiencia de usuario (UX) y diseño e interfaz de usuario (UI)
• clasificar su página en el paquete local
• datos estructurados
• Y mucho más.

Marketing Digital

27. Lista de verificación de marketing digital para 2020

Aquí hay una lista de verificación práctica para garantizar que su marketing digital respalde su negocio. Un sitio web centrado en la marca, receptivo y amigable con Google es el primero en la lista, por supuesto.

28. Lista de verificación de marketing digital 2020

Aquí hay una lista de verificación de marketing digital 8 de 2020 puntos de Clear Blue Sky Digital. Atraviesa:

• el aspecto, la sensación y la seguridad de su sitio web
• sus estrategias de SEO y SEM (marketing en buscadores)
• su enfoque de marketing en redes sociales.

GDPR (Reglamento general de protección de datos)

29. Una lista de verificación de cumplimiento de GDPR para evaluar su estrategia de datos

El cumplimiento de GDPR es una obligación para la mayoría de las empresas dentro de la Unión Europea o que tratan con países de la Unión Europea. Su razón de ser es dar a los ciudadanos de la UE más control y transparencia sobre sus datos. Esta lista de verificación cubre los requisitos de GDPR y lo que su empresa debe hacer para garantizar el cumplimiento.

30. La lista de verificación de cumplimiento GDPR

Las regulaciones GDPR no son un paseo en el parque para grandes empresas, y mucho menos para medianas y pequeñas. Si tiene dificultades, aquí hay una lista de verificación que puede ayudar a su empresa a cumplir con sus requisitos.

Conclusión

Como puede ver, algunas listas incluyen elementos de diferentes categorías. Artículos bajo el Rendimiento encabezado están presentes bajo el SEO Bóveda. Esto es así porque la velocidad de carga de la página es un componente clave para lograr los mejores rankings en los motores de búsqueda. Todos los aspectos de una presencia web deben trabajar juntos para lograr el resultado final deseado. Con estas listas de verificación, ese tipo de coordinación es mucho más fácil.

Fuente: https://www.sitepoint.com/web-development-checklists/?utm_source=rss