Después de semanas de semanas de arduo trabajo, por fin has terminado con el diseño del sitio web y esta listo para estar en línea y que muchas personas puedan admirar tu trabajo finalizado. Pero, ¿estás realmente seguro que has hecho todas las comprobaciones necesarias?
Dentro del proceso de diseño, existe una fase particular de pruebas. A menudo, esta fase de pruebas sirve para realizar ajustes mínimos o cambiar totalmente un elemento como puede ser el caso de la tipografía. Así que tal vez estés dudando en hacer una prueba final ya que has realizado varias a lo largo de todo el proyecto. Sin embargo, cualquier error o detalle que sea pasado por alto podría tener consecuencias en las tasa de rebote o la experiencia de usuario del sitio web. Para evitar este tipo de situaciones es recomendable realizar una comprobación final y dividir esta última revisión en partes para centrarte en un solo aspecto del sitio por cada revisión. En este artículo te mencionamos los aspectos que deberías revisar por última antes del lanzamiento de sitio.
Diseño
El primer aspecto que deberías verificar es el diseño, a un nivel puramente visual. Más adelante puedes comprobar la funcionalidad del sitio, pero de momento es mejor centrarse sólo en el aspecto visual. Te mencionamos en qué debes centrarte al momento de revisar el diseño de un sitio
Compatibilidad en diversos navegadores
Los navegadores renderizan contenido de forma distinta, así que es importante que realices pruebas para verificar cómo luce tu sitio web en estos navegadores. En principio, basta con considerar los navegadores más populares como Chrome, FireFox, Microsoft Edge, Safari y Opera. Estos cinco son los principales que la mayoría de usuarios utiliza, así que es suficiente con verificar cómo luce tu sitio en cada uno de estos navegadores.
Los elementos en los que debes fijarte son el aspecto general del layout, las alineaciones de texto, el tipo de fuente y sus tamaños respectivos, medidas del logo, los colores y las imágenes. Sólo es necesario verificar cómo lucen cada uno de estos elementos para notar si debes hacer algún cambio específico para alguno de ellos.
Compatibilidad con diversos dispositivos
Al igual que la revisión con los navegadores, es importante realizar una verificación del aspecto del sitio en diferentes dispositivos, empezando por navegadores y pasando por dispositivos móviles e incluso televisores inteligentes. Cada uno de estos dispositivos posee una serie de funciones únicas que debes asegurarte de aprovechar como lo es la pantalla táctil en los tabletas y smartphone.
Nuevamente, es importante que te fijes en el layout, los textos, las fuentes, los colores y las imágenes. Verificar que cada uno de estos elementos se presente de forma apropiada en cada dispositivos es esencial para ofrecer un buena experiencia de usuario sin importar el dispositivo que utilicen los visitantes para acceder al sitio web.
Funcionalidad
El diseño y la funcionalidad son características que van asociadas de forma usual pues no puede existir una buena experiencia de usuario sin ambas. Pero como ya mencionamos, es mucho más efectivo dividirlas al realizar la revisión final para poder centrarte más en un solo aspecto y verificar que los elementos no sólo luzcan bien, sino que funcionen y respondan como está previsto.
Botones e imágenes
En un sitio web existen diversos elementos con los que el usuario puede interactuar, desde los nombres de secciones en el menú hasta botones de redes sociales en el pie de página. Estos elementos usualmente “reaccionan” cuando el cursor se posa sobre ellos presentando algún tipo de información de forma visual o textual, como es el caso de las imágenes que activan anotaciones o leyendas sólo cuando el cursor se encuentra sobre ellas.
No sólo debes verificar si se reaccionan cuando el cursor se coloca sobre alguno de estos elementos, sino también si se modifican o enlazan a otra página cuando el usuario pincha sobre alguno de ellos como es el caso de las secciones en la barra de menú. Estos nombres enlazan a la página específica de la que hacen mención. También ocurre con los enlaces textuales que se encuentran en el pie de página.
Integración con otros servicios
Aunque pienses que tu sencillo sitio web no utiliza ningún tipo de integración, en la actualidad una gran mayoría de sitios utilizan integraciones para realizar ciertas tareas. Un ejemplo común de integración con otros servicios son los formularios web pues requieren una capa más de programación para su correcto funcionamiento.
Algunas de las integraciones que debes verificar en tu sitio web pueden ser formularios de contacto, boletines de correo electrónico, servicios de contestación automática, RSS, gestores de contenido, widgets para redes sociales, etc.
Contenido
Aunque el contenido en un sitio web hace referencia tanto a las imágenes, videos y texto, en el sentido específico de esta lista se refiere sólo al texto ya que las imágenes y videos han sido revisados en puntos anteriores.
En este caso debes verificar que toda la información se encuentre actualizada y correctamente redactada. Si el sitio web está listo para ser lanzado es obvio que no debe presentar ningún párrafo de contenido de prueba (el famoso “Lorem Ipsum”) que se coloca cuando el diseño aún no tiene texto alguno.
SEO
Una vez que has verificado el diseño, funcionalidad y contenido de tu sitio web, es momento de pasar al SEO. Existe una serie de tareas diversas que puedes realizar para optimizar el SEO de tu sitio web. Te mencionamos algunas de ellas:
Estructura semántica
Los motores de búsqueda interpretan el sitio web mediante las etiquetas HTML para verificar el contenido. De esta manera, cuando se ingresan palabras clave en algún motor de búsqueda, estos saben cuáles son los sitios que deben mostrarse en base a estas palabras.
Ahora con el uso de HTML5 puedes optimizar tu sitio web con las nuevas etiquetas y atributos que se han añadido en esta nueva versión. Existen una gran variedad de etiquetas para indicar el tipo de contenido, así que te animamos a emplearlas para mejorar el aspecto SEO del sitio.
Metadatos
Aparte de verificar la estructura HTML del sitio, puedes cooperar con el mejor entendimiento de tu sitio web para motores de búsqueda al nombrar y describir las páginas de tu sitio. Para ellos puedes hacer uso de los metadatos como es el título y la descripción de páginas.
En el caso del título es visible tanto para motores de búsqueda como para usuarios pues se mostrará en los resultados de búsqueda. También se muestra en la pestaña del navegador cada vez que los usuarios navegan por tu sitio. Puedes optimizar los títulos utilizando nombres cortos (menos de 70 caracteres) que describan la página, también puedes incluir palabras clave frente al título.
Las descripciones también son visibles para los visitantes y son oraciones cortas que describen brevemente el contenido de tu sitio web. Usualmente se muestran bajo el título meta en los resultados de búsqueda. Para optimizar estas descripciones puedes incluir palabras clave y mantener el texto corto (como máximo 160 caracteres).
