Publicación de un web site: 15 puntos a tener en cuenta

Resumen (y añadidos) del artículo publicado en SiteProNews sobre los controles importantes y necesarios que se deberían testar antes del lanzamiento de un website. El artículo sobre que se basa este lo podéis encontrar aquí.

Se trata de pequeños detalles, amenudo olvidados o ignorados,  que si se tienen en cuenta en el momento del lanzamiento de nuestras páginas web pueden aumentar la experiencia del usuario y la popularidad de nuestros proyectos en Internet

A modo de resumen podemos enumerar los siquientes:

1. Uso de Favicon:
   Mediante el  favicon marcamos las pestañas o ventanas en su sitio web que está abierta en el navegador del usuario. También se guarda con el favorito para que los usuarios puedan identificar fácilmente las páginas de su sitio web. Algunos navegadores utilizan el favicon si guarda en su directorio raíz como favicon.ico, pero para asegurarse de que es recoger todo el tiempo, son los siguientes en el head de la página:

   <link rel=”icon” type=”image/x-icon” href=”/favicon.ico” />

   En caso dedesarrollar una página web para ser leida en un iPhone, la entrada en el header debe ser esta:

   <link rel=”apple-touch-icon” href=”/favicon.png” />

2. Título de las páginas web y meta datos:
   El título de una página web es el elemento más importante para su optimización en los motores de búsqueda en Internet (SEO) y también es importante para que los usuarios sepan lo de lo que trata la página. Deberíamos asegurarnos de que el título es único para cada una de las páginas de nuestro sitio web y que representa al contenido de cada una de ellas. Por ejemplo, el titulo de este post incluido en el head de la página es:

   <title>Publicación de un web site: 10 puntos a tener en cuenta | AlmacenPlantillasWeb blog</title>

   La información incluida en las etiquetas Meta y keyword no son tan importantes para SEO (al menos para los principales motores de búsqueda que directamente suelen ignorarlas), pero aún así es una buena idea incluirla. Se debería cambiar la descripción de cada página para que se relacione con el contenido de la misma, ya que esto es, a menudo, lo que Google muestra en la descripción de los resultados de búsqueda. En las herramientas para webmaster de Google encontramos una utilidad que diagnostica ciertos problemas que podemos tener con este tipo de información en las páginas de nuestro sitio web:

   

   Diagnostico de etiquetas meta y titulos en las herramientas para webmaster de Google

   Por otra parte, en esta página Google nos da unas directrices sobre este tema. Como ejemplo, la página que contiene este post incluye la siguiente descripción:

   <meta name=”description” content=”Resumen del artículo publicado en SiteProNews sobre los controles importantes y necesarios que se deberían testar antes del lanzamiento de un website. El artículo sobre que se basa este lo podéis encontrar aquí. Se trata de pequeños detalles, amenudo olvidados o…” />

3. Prueba de compatibilidad de nuestras páginas web para varios navegadores:
   Al menos deberíamos verificar el correcto funcionamiento para los navegadores más populares: Internet Explorer 6, 7 y 8, Firefox 3, Safari 3, Chrome, Opera y el iPhone.
4. Releer varias veces el contenido de cada página:
   Desde nuestro punto de vista, esta taréa debería ser realizada por una persona disntinta al desarrollador del sitio web, ya que este, después de el duro trabajo de implementación de las páginas es posible que sea “ciego” a los errores. Comprobar si es posible romper grandes bloques de texto en párrafos cortos, utilizar las listas para que los usuarios pueden leer fácilmente, etc. En está página (¡¡escrita en 1.997!!) ya se hablaba de como escribir para la Web.
5. 

   Logotipo de Xenu

   Verificación de que no tenemos enlaces rotos:

   Evidentemente se puede hacer una verificación manual, pero nosotros preferimos que lo realice una herramienta como  Xenu, que realiza una comprobación automática. Tambien se puede utilizar el chequeador de enlaces del W3C.

6. Comprobación de todas las funcionalidades del sitio:
   formularios, canales RSS, etc, etc. En el artículo de SiteProNews hablan de la herramienta Silverback – guerrilla usability testing, no la hemos utilizado aasí que no comentamos sobre ella.
7. Su sitio web debería trabajar con JavaScript desactivado.
   A menudo, los usuarios han desactivado JavaScript para la seguridad, por lo que deben estar preparados para ello. El  nuevo sitio web debería ser capaz de funcionar correctamente con código del lado del servidor, incluyendo las validaciones que tengamos implementadas en el lado del cliente.
8. Las páginas deberían estar programadas según estándares y validadas.
   Por ejemplo mediante el validador del W3C u otra herramienta como puede ser el plugin Web Developer de Firefox.

   Por cierto, añadimos este “curioso pantallazo” de la validación de google.es:

   

   Test de validación del W3C para Google.es

9. Si estamos construyendo un blog o la página contiene canales RSS, los usuarios deben poder encontrar fácilmente su feed RSS: la convención común es poner un pequeño icono RSS en la barra de direcciones del navegador.
   Desde nuestro punto de vista es también muy importante que el feed sea válido. Para ello se posible utilizar el validador de RSS, ATOM y KML que provee esta página.
10. Utilización de herramientas de análisis:
    La instalación de algún tipo de herramienta de análisis es importante para la medición de las estadísticas para ver cómo funciona su sitio web y el éxito de los porcentajes de conversión.

    Algunas herramientas que se pueden utilizar para estos fines son: Google Analytics, Clicky, Kissmetrics, Mint o StatCounter.

11. Implementación de sitemaps:
    Sobre este tema podéis leer el artículo “Apuntes sobre Sitemaps” publicado en este blog.
12. Diseño Defensivo:
    El principal recurso para contrarrestar los efectos perniciosos de un mal funcionamiento de nuestro sitio o de un enlace desde otra web a una página de nuestro sitio que hemos eliminado es el uso de  la página 404. En este artículo de Google tenéis información de la forma de utilizar este recurso.
13. Optimización del sitio web para lograr un rendimiento óptimo:
    Se pueden utilizar técnicas como: reducción de las peticiones HTTP, usando hojas de estilo CSS siempre que sea posible, la optimización de imágenes para la Web, la compresión de archivos JavaScript y CSS, etc.
    La medida del rendimiento de nuestras páginas web puede ser realizada desde herramientas externas como Web page analyzer.
    Otra utilidad interesante para el análisis y la optimización de una página web es el plugin YSlow para Firefox, que realiza un estudio exhaustivo de la página:
    

    Plugin YSlow para Firefox

14. Realice un backup de la base de datos de sitio web (si utiliza base de datos) y de todos los ficheros de código
15. Uso de hojas de estilo específicas para impresión de la página:
    Si un usuario desea imprimir una página de su sitio web, es probable que  desee sólo el contenido principal y no las parte de navegación o de elementos de diseño. Con esta finalidad se pueden crear hojas de estilo en cascada específicas para permitir la impresión exclusivamente del contenido principal de la página.

    <link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />

Para finalizar, se puede descargar una checklist para la revisión de un sitio web antes de su publicación de este enlace, o directamente en PDF desde con este enlace: Checklist_revision_sitio_web

[rss]Advanced Web Solutions – Optimizamos su web[/rss]
[rss][/rss]

The Publicación de un web site: 15 puntos a tener en cuenta by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.