{"id":30172,"date":"2014-04-28T09:32:07","date_gmt":"2014-04-28T14:32:07","guid":{"rendered":"http:\/\/webirix.com\/?p=30172"},"modified":"2014-04-28T09:32:51","modified_gmt":"2014-04-28T14:32:51","slug":"8-cosas-que-deberiamos-comprobar-antes-de-lanzar-un-sitio-web","status":"publish","type":"post","link":"https:\/\/webirix.com\/en\/8-cosas-que-deberiamos-comprobar-antes-de-lanzar-un-sitio-web\/","title":{"rendered":"8 things we should check before launching a website"},"content":{"rendered":"
\n
\n

8 things we should check before launching a website<\/strong><\/h1>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n

\"\"<\/p>\n

Cuando desarrollamos sitios web ponemos gran empe\u00f1o en generar un bonito dise\u00f1o y nos preocupamos por generar una estructura de navegaci\u00f3n f\u00e1cil de entender y utilizar para los usuarios, pero muchas veces descuidamos algunos detalles importantes, sobre todo a la hora de poner\u00a0nuestro sitio web en l\u00ednea<\/strong>.<\/p>\n

Personalmente, siempre tengo a la mano estos detalles en un\u00a0checklist<\/em><\/strong>\u00a0y me preocupo de aplicarlos a cada proyecto. Tomar\u00e1 algunos minutos extra llevar a cabo todas las comprobaciones necesarias, pero al final todo valdr\u00e1 la pena.<\/p>\n

1. Validar el c\u00f3digo HTML<\/h2>\n

Validar el c\u00f3digo HTML de nuestro sitio web es una tarea muy simple que nos ayudar\u00e1 a evitar dolores de cabeza. Tener\u00a0c\u00f3digo HTML v\u00e1lido<\/strong>\u00a0es sin\u00f3nimo de que tendremos un sitio de calidad, que se ve correctamente en cualquier navegador moderno y que ser\u00e1 mucho m\u00e1s atractivo para los buscadores a la hora de indexar.<\/p>\n

W3C pone a nuestra disposici\u00f3n el\u00a0Markup Validation Service<\/strong><\/a>, una excelente herramienta para llevar a cabo esta simple tarea. Tambi\u00e9n existen extensiones para los distintos navegadores para automatizar el proceso de validaci\u00f3n.<\/p>\n

2. Realizar pruebas en m\u00faltiples navegadores<\/h2>\n

Luego de validar el c\u00f3digo de nuestro sitio podemos comprobar que efectivamente luce genial y\u00a0funciona correctamente desde cualquier navegador<\/strong>, de no ser as\u00ed, tenemos la oportunidad de realizar los ajustes necesarios.<\/p>\n

Aunque por lo general solemos tener la \u00faltima versi\u00f3n de los navegadores m\u00e1s importantes instalados en nuestras m\u00e1quinas, es casi imposible tener todas las versiones de todos los navegadores para ejecutar esta comprobaci\u00f3n. Por fortuna existen herramientas como\u00a0Browsershots<\/strong><\/a>\u00a0para hacernos el trabajo mucho m\u00e1s f\u00e1cil.<\/p>\n

3. Comprobar navegaci\u00f3n m\u00f3vil<\/h2>\n

Cada vez es m\u00e1s com\u00fan navegar por la red utilizando tel\u00e9fonos m\u00f3viles y tablets, lo que se traduce en dispositivos con resoluciones distintas y pantallas de diferentes tama\u00f1os que al final resultan en miles de maneras distintas de visualizar una p\u00e1gina web.<\/p>\n

En la actualidad es muy frecuente encontrar sitios con versiones especialmente dise\u00f1adas para su visualizaci\u00f3n desde dispositivos m\u00f3viles. Para conocer si el nuestro\u00a0se adapta a las exigencias del mundo m\u00f3vil<\/strong>\u00a0podemos utilizar\u00a0W3C mobileOK Checker<\/strong><\/a>.<\/p>\n

4. Configurar una p\u00e1gina de error 404<\/h2>\n

Como bien debes saber, las p\u00e1ginas de\u00a0error 404<\/a>\u00a0aparecen cuando un usuario intenta acceder a una p\u00e1gina que no existe en el servidor. Algunos no le dan mucha importancia a estas p\u00e1ginas de error, pero la verdad es que podemos sacarles algo de provecho.<\/p>\n

Agregar alg\u00fan mensaje gracioso y a\u00f1adir enlaces hacia otras p\u00e1ginas del sitio -\u00fatiles para el usuario- suelen ser buenas maneras de\u00a0aprovechar los errores 404<\/strong>. En la red puedes encontrar much\u00edsimos ejemplos creativos sobre esto.<\/p>\n

5.Crear un Sitemap<\/h2>\n

Esta es una tarea de gran importancia, curiosamente tambi\u00e9n es una de las que pasamos por alto con mayor frecuencia. Un Sitemap bien elaborado\u00a0brinda a los buscadores una estructura clara de nuestro sitio web<\/strong>\u00a0y les brinda un camino seguro para llegar a lugares que por distintas razones no alcanzan mediante el proceso normal de rastreo, como por ejemplo, p\u00e1ginas que no est\u00e1n enlazadas desde el men\u00fa.<\/p>\n

Generar un Sitemap<\/strong><\/a>\u00a0es una tarea para nada complicada y existen muchas herramientas disponibles para crearlos de manera autom\u00e1tica.<\/p>\n

6. Cargar un favicon<\/h2>\n

Es quiz\u00e1 la tarea m\u00e1s sencilla de la lista y, aunque no es vital para el funcionamiento del sitio, tiene una gran utilidad. Si no est\u00e1s familiarizado con el t\u00e9rmino, el favicon es esa peque\u00f1a imagen que se muestra junto a la URL de tu sitio en la barra de direcciones del navegador y tambi\u00e9n es la que utiliza este \u00faltimo para identificar las p\u00e1ginas marcadas como favoritas por los usuarios.<\/p>\n

El favicon le da cierta personalidad al sitio, de alguna forma\u00a0es la “marca” de tu p\u00e1gina web<\/strong>, ya que ayuda a los usuarios a identificarla r\u00e1pidamente, sobre todo, cuando hay muchas pesta\u00f1as abiertas en el navegador.<\/p>\n

7. Notificar a los buscadores<\/h2>\n

Aunque los buscadores est\u00e1n rastreando la web constantemente en busca de nuevos sitios y contenido fresco, no es mala idea\u00a0enviarles una notificaci\u00f3n de que nuestra p\u00e1gina existe<\/strong>, sobre todo cuando se trata de un nuevo dominio.<\/p>\n

El procedimiento es extremadamente sencillo y de hecho los propios buscadores nos ofrecen una p\u00e1gina especial para esto. Ac\u00e1 les dejos los enlaces para hacerlo en\u00a0Google<\/a>\u00a0Y\u00a0Bing<\/a><\/p>\n

8. Configurar Google Analytics<\/h2>\n

Aunque existen m\u00faltiples herramientas para realizar an\u00e1lisis de sitios web,\u00a0Google Analytics<\/strong><\/a>\u00a0es una de las m\u00e1s completas y f\u00e1ciles de configurar.<\/p>\n

En la actualidad su uso es casi obligatorio, sin embargo, es muy com\u00fan que por darle prioridad a otras tareas pasemos por alto configurar el script que nos permitir\u00e1 dar\u00a0seguimiento preciso al tr\u00e1fico<\/strong>\u00a0de nuestros sitios web.<\/p>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

8 things we should check before launching a website When we develop websites we put great effort into generating a beautiful design and we care about generating a navigation structure that is easy for users to understand and use, but many times we neglect some important details, about all at the time of putting our site ...<\/p>","protected":false},"author":2,"featured_media":30174,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2013,2022,2014,2023],"tags":[],"class_list":["post-30172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disenoweb","category-joomla","category-programacionweb","category-wordpress"],"jetpack_featured_media_url":"https:\/\/webirix.com\/wp-content\/uploads\/2014\/04\/verificarPaginaWeb.png","_links":{"self":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/30172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/comments?post=30172"}],"version-history":[{"count":1,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/30172\/revisions"}],"predecessor-version":[{"id":30173,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/30172\/revisions\/30173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media\/30174"}],"wp:attachment":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media?parent=30172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/categories?post=30172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/tags?post=30172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}