Si está leyendo este artículo, (1) crea sitios web usted mismo y desea optimizarlos o (2) es propietario de un sitio web y busca formas de impulsar su conversión.
Como profesional de TI, existe un arsenal de herramientas y escáneres que puede utilizar para evaluar la calidad del sitio web sin siquiera tener acceso al código. En este artículo, compartiré las herramientas gratuitas / económicas que estamos utilizando internamente en Your Next Agency. Usaré la página de inicio del sitio web de nuestra agencia como ejemplo para ejecutar los análisis.
Antes de comenzar, verifique Su próxima agencia en Amsterdam para que sepa qué sitio evaluaremos.
Descargo de responsabilidad: Los escaneos automáticos son excelentes para señalar áreas potenciales de mejora, sin embargo, asegúrese de comprender siempre lo que está haciendo, ya que muchas mejoras también tienen inconvenientes. Sí, exactamente como en la vida real. Por ejemplo, cuando agrega almacenamiento en caché, obtiene una complejidad adicional para borrar el caché cuando cambia el contenido.
Este artículo puede ser un poco técnico, pero si no es un desarrollador, cuando sepa qué escáneres utilizar, podrá iniciar una discusión con su desarrollador y discutir las oportunidades de optimización.
Resumen rápido de las herramientas:
- Faro
- Rana gritando
- Encabezados de seguridad
- Prueba SSL
- Probador de correo
- Herramienta de prueba de datos estructurados
Este escáner es probablemente el más popular y el más importante. A menudo se confunde con Google PageSpeed Insights, que solo prueba 1 de las 5 categorías. Pruebas Lighthouse para: rendimiento, accesibilidad, mejores prácticas, SEO y PWA (aplicación web progresiva).
El primer indicador, en mi opinión, es el más importante y el más difícil de conseguir. Requiere muchas optimizaciones, como una respuesta rápida del servidor, el almacenamiento en caché de la página, el uso de formatos de imagen modernos, etc. La sección de Oportunidades debe priorizarse porque aunque Google dice que no afecta directamente la puntuación, sí lo hace.
Tener una puntuación alta en Lighthouse mejora la percepción del usuario del sitio web. Sitio web más rápido -> usuarios más felices -> ¡sorpresa! Google también otorga al sitio web de alta calidad una posición más alta en los resultados de búsqueda. Básicamente, implementar estas recomendaciones es una obviedad.
Algunos puntos a considerar:
- Los scripts de seguimiento como Google Analytics y Facebook Pixel reducen drásticamente la puntuación y el rendimiento. Piense dos veces si realmente necesita esos datos en 5 plataformas de análisis diferentes.
- La puntuación cambia con el tiempo. La herramienta Lighthouse se actualiza al menos un par de veces al mes con más controles o una distribución de puntuación diferente. Su sitio web y el código de los rastreadores también están cambiando. La carga del sitio web puede ser diferente cada vez que ejecuta el análisis, etc.
- Si es un desarrollador, instale el última versión de la CLI para escanear el sitio web. La versión Lighthouse está aproximadamente 1 mes antes que la versión de herramientas de desarrollo de Chrome.
Screaming Frog te ayuda a corregir todos los errores técnicos de SEO. Aquí, en Your Next Agency, realizamos dichas auditorías para nuestros clientela sobre una base regular. Si se trata de un sitio web rico en contenido o del rediseño del sitio, Screaming Frog es más imprescindible.
No es gratuito, aunque la versión gratuita con funcionalidad limitada puede ser suficiente para sitios web pequeños. Su precio (£ 149 / año), sin embargo, es mucho más bajo que las herramientas integrales de SEO como SEMRush, MOZ o Ahrefs.
Con aproximadamente 25 pestañas, que puede ver en la captura de pantalla, se le presenta el conjunto más variado de herramientas para asegurarse de que su sitio web sea compatible con SEO. Algunos ejemplos de los problemas que se pueden detectar fácilmente:
Descubra las mejores herramientas de diseño web
Explore algunas de las mejores herramientas de diseño web, incluido el diseño de UI / UX, diseño gráfico, diseño y desarrollo de aplicaciones móviles y más para llevar su negocio al siguiente nivel creando una experiencia de usuario atractiva.
Ver todo
- Enlaces rotos o redirigidos (tanto internos como externos)
- Enlaces sin etiqueta canónica adecuada
- Enlaces que no están en el mapa del sitio
- Enlaces que no están indexados correctamente
- Etiqueta hreflang para sitios web en varios idiomas
- Títulos, descripciones o h1 faltantes o demasiado cortos
- Faltan etiquetas alt de imagen
- Etcétera etcétera.
Como ve, se vuelve técnico rápidamente, pero tan pronto como sepa dónde buscar, esta herramienta se vuelve extremadamente poderosa y le salvará la vida algún día.
Esta es quizás una de mis herramientas favoritas que analiza los encabezados de seguridad HTTP. Algunos ayudan a prevenir ataques XSS, otros evitan que su sitio web sea cargado en un iframe por otros sitios web maliciosos. Muchos escáneres se centran mucho en el SEO o el rendimiento, mientras que la seguridad a menudo se olvida. Personalmente creo que al evaluar la calidad del sitio web, muestra la gran habilidad de la agencia o del desarrollador cuando se han cuidado estos encabezados.
Sin embargo, recuerde, especialmente cuando refuerza su seguridad mientras su sitio web todavía está en desarrollo activo, algunos encabezados como Content-Security-Policy pueden convertirse en una fuente de frustración. Por ejemplo, cuando su equipo de marketing utiliza Google Tag Manager y no puede averiguar por qué no se carga el script.
El hecho de que todos los sitios web tengan que utilizar una conexión segura ya no necesita ninguna explicación en 2020. Los navegadores modernos están marcando los sitios web sin un certificado como inseguros. Sin embargo, en un momento en el que todos los sitios web son seguros, todavía hay una manera de distinguir un buen sitio web de uno excelente.
Esta herramienta escanea sus certificados en conexiones ipv4 e ipv6. Hay un par de cosas que le gustaría verificar para obtener una calificación A + perfecta:
- ¿El servidor web está actualizado y solo ofrece cifrados sólidos? Esto no es un lujo que pueda permitirse si desea utilizar dispositivos antiguos que aún no son compatibles con cifrados fuertes. Una compensación, ¿recuerdas?
- ¿El sitio web está aplicando el llamado registro CAA? Básicamente, esto significa que deberá definir qué autoridades pueden solicitar un certificado SSL.
- ¿Está utilizando el encabezado HSTS? Esto le dice a los navegadores que su sitio web solo debe ser accesible a través de https y hace que un ataque man-in-the-middle sea casi imposible.
Olvidar comprobar si el sitio web envía correctamente los correos electrónicos puede tener graves consecuencias. Resulta en correos electrónicos etiquetados por Google como maliciosos, que terminan en spam o no se entregan en absoluto.
En mi propia experiencia, manejar las quejas de los usuarios por no recibir correo electrónico es una de las tareas más molestas para un desarrollador, ya que es difícil depurarlo cuando no tienes acceso a la bandeja de entrada de alguien. Entonces, será mejor que lo configure correctamente. Este servicio te ayuda con eso, envías un correo electrónico a una dirección de correo electrónico especial y te dicen si hay algún problema con él. Piense en registros SPF, dmarc, DKIM. También puede verificar si algunos proveedores lo incluyen en la lista negra. Algunos consejos extra:
- No utilice SMTP ya que es un protocolo lento e ineficaz. Utilice servicios como Mailgun, Postmark o SendGrid.
- Asegúrese de tener siempre algunos días del período de retención para rastrear problemas.
- Nunca envíe el correo electrónico del sitio web desde el mismo dominio que su proveedor real. Utilice un subdominio.
Este servicio lo utilizan a menudo los especialistas en marketing que envían un montón de boletines, pero los correos electrónicos transaccionales de un sitio web deben cumplir con las mismas reglas, ¡así que pruébelo!
Como herramienta final de esta lista, he optado por mencionar una herramienta de SEO de Google. A pesar de que las máquinas de búsqueda han mejorado mucho en la comprensión del contenido, todavía tienes que ayudarlas. Puede encontrar dos problemas con este escáner: (1) ausencia de datos estructurados o (2) su invalidez.
Arreglar este último es sencillo, esta herramienta le dice exactamente lo que debe hacer. Es una tarea mucho más difícil saber cuándo usarlo. A continuación se ofrecen algunos consejos:
- En cada página, agregue un objeto de página web con toda la información sobre su empresa.
- En cada página, agregue un objeto breadcrumbs para que Google comprenda la estructura de su sitio web.
- Si tiene una lista en su sitio web (por ejemplo, artículos de noticias, productos, eventos, etc.), asegúrese de usar el objeto apropiado para eso. Si tienes servicios digitales, como hacemos en nuestro sitio web, en este momento no existe una solución recomendada por parte de Google.
- Utilice un complemento de CMS para facilitar la gestión de datos estructurados. Es complicado administrar datos estructurados en el código. Cuanto más fácil sea administrarlo, es más probable que lo haga. Craft CMS que estamos usando internamente tiene todo configurado para usted para que ni siquiera tenga que escribir código.
Para concluir, me gustaría enfatizar que si bien los escáneres mencionados simplifican mucho su vida, solo ofrecen una parte de la solución. Aún necesitará humanos para evaluar el sitio web tanto para la parte técnica como para la no técnica:
- ¿Tiene sentido el contenido?
- ¿El tono de voz se adapta al público objetivo?
- ¿Es la UX intuitiva?
- ¿Funciona la funcionalidad que no se puede probar desde el exterior (por ejemplo, las formas, las integraciones funcionan?)
- Etcétera etcétera.
Si necesita algún consejo sobre qué pasos seguir para optimizar su sitio web, simplemente dispare Tu próxima agencia un mensaje. Estaré encantado de echar un vistazo a su caso y asegurarme de que todos los escáneres se vuelvan verdes y que la base técnica del sitio web sea de primera clase.