30/10/2013

Diseñando sitios web con una sola página

Diseñando sitios web con una sola página

Una de las actuales tendencias en diseño web es el desarrollo de sitios compuestos por una sola página. Por ejemplo, en el sitio web de una empresa, el contenido habitualmente asociado a la página principal puede compartir el espacio con los valores de la compañía, con la lista de servicios que se ofrecen, con el portfolio de trabajos realizados y con los medios de contacto. La separación entre estas secciones no se hace mediante documentos diferentes enlazados entre sí, sino a través de un menú con enlaces a distintos sectores dentro de la misma página (bookmarks).

¿Se trata de una simple moda o del medio para brindar una mejor experiencia de navegación? Veamos sus ventajas y desventajas:

Ventajas

  • Mayor fluidez. La navegación es más rápida: para ir de una sección a otra no necesitamos cargar una página nueva.
  • Impulso creativo. Los sitios de una sola página priorizan la calidad sobre la cantidad: pueden tener diseños memorables. Muchos hasta utilizan este formato para contar historias: a medida que hacemos scroll hacia abajo avanzamos en la trama.
  • Más fácil de mantener. Al desarrollador le resultará más fácil mantener una sola página que muchas.
  • Posicionamiento en buscadores más fácil. La relevancia de un sitio web tradicional está repartida entre sus páginas internas. Pero si hay una sola página, todos nuestros esfuerzos de posicionamiento se concentrarán en ella: no debemos preocuparnos por posicionar cada sección por separado.

Desventajas

  • Peores tiempos de carga. Como todo el contenido se concentrará en una sola página, ésta tardará más en cargar que una home tradicional.
  • Posicionamiento en buscadores más limitado. Las URLs internas pueden contener palabras claves y convertirse en un importante factor de posicionamiento. Pero en un sitio de una sola página, no hay URLs internas que nos brinden esa ayuda.

Por último, es bueno saber que el formato single-page sólo es indicado para sitios web con un volumen de contenido limitado y un fuerte foco en el mensaje: portfolios de diseñadores, micrositios para promociones, sitios institucionales, etc. Un blog o una tienda online, por ejemplo, no deberían ser implementados de esta manera.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce