jueves, 30 de julio de 2015

Posicionamiento

El contenido del sitio web es el elemento más importante para su posicionamiento.
"Exagerar" con las técnicas, y dejar de lado el contenido, suele traducirse en penalizaciones por parte de los buscadores.

Los buscadores, como tales, pretenden ofrecer a sus usuarios los resultados más relevantes, no los de aquel que use mejores técnicas, por tanto existe una verdadera preocupación por parte de los buscadores, en detectar y penalizar estas técnicas.
 
Por ese motivo, es bueno conocer qué técnicas resultan "desagradables" para los buscadores, para evitarlas, y usar con moderación las restantes.
 
Como cualquier experto en marketing electrónicos sabe, un contenido de calidad, actualizado, bien expuesto, e incluso bien redactado, es la mejor garantía de un buen posicionamiento natural.
 
ERA Diseño Gráfico, trabaja por ti

martes, 28 de julio de 2015

El uso y optimización de imágenes

El uso y optimización de imágenes es una cuestión importantísima tanto en el diseño de una página web como en la creación de un blog  y su mantenimiento diario. Cada nueva publicación de un blog requiere de una imagen destacada como mínimo, y esta necesidad se va a ver incrementada con el paso del tiempo.

Si no subes tus imágenes con la optimización adecuada estarás sobrecargando tu hosting y relentizando la velocidad de tu web, algo indispensable a tener en cuenta de cara al posicionamiento SEO y a la usabilidad de la web .
1. Tamaño
Las tres dimensiones fundamentales que tenemos que tener en cuenta son:
  • Anchura total de la web, por ejemplo para los Sliders de portada.
  • Anchura de la imagen destacada para el Post.
  • Anchura de las imágenes para los widgets o la sidebar para los banners. 
Pero además, si tu web es una tienda online o un portfolio, deberás tener muy en consideración también los tamaños de imagen que se usan en cada custom post de portfolio o de producto.
 
2. Resolución
La resolución de internet es de 72 píxeles/pulgada. Mientras que para imprimir una imagen convencionalmente usamos una resolución de 300 ppp, en internet siempre que superemos los 72 ppp estaremos desperdiciando calidad, ya que la mayoría de los dispositivos solo leen a 72.
 
3. Peso
Cuidado con el peso; Fíjate que una fotografía hecha con un smartphone tiene un peso aproximado de 4 Mb; Para un post sería suficiente con un peso 40 veces más pequeño! Usa esta referencia: Para la Imagen destacada de un post = 100 Kb aproximadamente.
 
4. Formato
Para las imágenes rectangulares no transparentes, es decir, la mayoría, vamos a usar la definición de .jpg; En cuanto a los logos , que tendrán normalmente el fondo transparente para adaptarse mejor al color del fondo de la web, usaremos la definición en .png.
 
ERA Diseño Gráfico, trabaja por ti
 

jueves, 23 de julio de 2015

¿Qué es una WEB estática?


Un sitio web estático es aquel en el que los contenidos son, por decirlo así, "permanentes". Este tipo de sitios no permite actualizaciones automáticas, ni dispone de sección de administración.
No obstante, no debe considerarse un sitio estático como algo de menor importancia o de menos prestaciones. Todo depende del uso que se le vaya a dar.
Si nuestro sitio es exclusivamente informativo, y reseña una serie de productos o servicios que no cambian con frecuencia, un sitio estático nos permitirá una exposición elegante, y posibilitará a los usuarios interesados contactar con nosotros.
Generalmente el precio de este tipo de sitios web es más reducido, porque no incluyen prestaciones de programación ni bases de datos.
Un sitio estático es lo adecuado para una presentación de productos o servicios que no cambia con frecuencia.
 
ERA Diseño Gráfico, trabaja por ti

martes, 21 de julio de 2015

Las claves de la Usabilidad web

1. La Velocidad. Sé veloz… (¡el tiempo es oro!)
“Reducir 1 segundo la velocidad de carga de tu web puede aumentar un 11% tus visitas y un 7% las ventas”. 
¿Tienes paciencia? Pues los demás tampoco: Aquí tienes algunos consejos para mejorar la velocidad de tu web.

  • Optimiza y simplifica tu sitio web: y sube las imágenes con el tamaño y peso en el que se vayan a mostrar.
  • Limpia tu sitio web: Borra todos los plugins y temas que no estés usando, y haz lo mismo con las entradas, páginas y medios en desuso. Por último vacía la papelera.
  • Comprueba la velocidad de carga de tu plantilla. Puede que tu tema sea el culpable de la lentitud de tu web.
  • Comprueba la velocidad de tu Hosting: Analiza varias páginas alojadas en servidores diferentes y compara los resultados del análisis en lo referente al tiempo de respuesta del Servidor (más de 1 seg empieza a ser preocupante).
2. El diseño Responsive. Que “el internet de las cosas” no te pille desprevenido.
  • Hace un par de años hablábamos de Diseño Responsive, es decir, diseño para ser visualizado en cualquier tipo de dispositivo (móvil, tablet…).
3. La Navegación Intuitiva. ¿Encuentran lo que buscan?
Menús, imágenes con enlaces y enlaces de texto, serán los pasillos de comunicación entre todas las habitaciones de tu sede online. Cuídalos y simplificalos para que no se pierdan y encuentren lo que buscan o lo que tú les quieras ofrecer.
  • Piensa bien la estructura de tus páginas y organiza tus contenidos de la manera más simple posible. Elimina todo aquello que no sea imprescindible!
  • Las Breadcrumbs pasan a la historia; evítalas a menos que tengas una tienda con mil productos.
  • Mantén siempre visible tu menú o en su caso un icono de menú desplegable.
  • Usa el botón “Back to top” para volver a la parte superior de la página en cualquier momento.
  • Menú principal conciso sólo con las pestañas más importantes. Nada de menús interminables: Organízate!
  • Mantén un buscador interno siempre visible. Lo mismo para el carrito de la compra!
  • Evita los submenús o pon una marca que incite a desplegarlo: no se ven a menos que pasen el cursor por encima.
  • Usa transiciones que se adelanten a la intenciones del usuario o animaciones que incitan a hacer clic: funcionan genial!
  • Mantén la sidebar lo más limpia posible, con iconos sociales, formulario de suscripciones al email, categorías del blog y poco más.
  • Cierra con un copyright sencillo, y evita llenar el footer de residuos. Una vez encuentren lo que buscan, si quieres ofréceles más, pero no les molestes con contenidos comerciales de manera abusiva.
4. El contenido visual: Una imagen vale más que mil palabras.
Un diseño persuasivo y seductor atrapará al usuario y un contenido escaneable le hará comprenderlo todo de un sólo vistazo y le captará como lector.
  • Nuestro cerebro procesa las imágenes miles de veces más rápido que el . Por lo tanto vamos a usar la imagen y todo su potencial informativo para seducir al usuario rápidamente, guiarlo a través de la navegación y llevárnolos al huerto!
  • Los iconos tienen la capacidad de decir mucho con muy poco y son el colmo del “menos es más”. También son grandes amigos de la navegabilidad.
  • El Flat Design es una tendencia de vanguardia que consiste en el diseño de imágenes o iconografías planas que representan la realidad sin imitarla, sin volúmenes ni sombras.
  • Cuida tus fuentes para que se lean bien, a buen tamaño, pero sin exagerar!
  • Explica con imágenes en la home todo lo que haya en el menú.
  • Procura que las entradas del blog y los contenidos en general sean escaneables; es decir, puedan ser comprendidos de un solo vistazo.
ERA Diseño Gráfico, trabaja por ti.

jueves, 16 de julio de 2015

DISTINTIVO para páginas con un ALTO INDICE DE RESPUESTA.

Facebook añadirá un DISTINTIVO para páginas con un ALTO INDICE DE RESPUESTA.
Para conseguir esta insignia verde en tu página de Facebook debes:
1) Permite que los demás se pongan en contacto con tu página mostrando el botón "Mensaje". (Configuración > General > Mensajes).

2) Responder a 90% de los mensajes en menos de 5 minutos.

 
Para ayudarte a conseguirlo, Facebook ha actualizado el módulo de mensajes de las páginas. Ahora puedes crear respuestas guardadas para poder responder de inmediato a preguntas recurrentes, o para dejar saber que has recibido su mensaje.
Estos mensajes además se pueden personalizar insertando automáticamente por ejemplo el nombre del usuario.
¿Qué te parece esta nueva iniciativa de Facebook?
 
ERA Diseño Grafico, trabaja por ti.

martes, 14 de julio de 2015

RSS- Really Simple Syndication

RSS son las siglas de Really Simple Syndication, un formato XML para sindicar o compartir contenido en la web. Se utiliza para difundir información actualizada frecuentemente a usuarios que se han suscrito a la fuente de contenidos.

El formato permite distribuir contenidos sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS tales como Internet Explorer, entre otros (agregador).
A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS.
Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional.
RSS es parte de la familia de los formatos XML, desarrollado específicamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la información y usarla en otros sitios web o programas.
A esto se le conoce como redifusión web o sindicación web (una traducción incorrecta, pero de uso muy común).
La redifusión web no es sólo un fenómeno vinculado a los weblogs, aunque han ayudado mucho a su popularización. Siempre se han redifundido contenidos y se ha compartido todo tipo de información en formato XML, de esta forma podemos ofrecer contenidos propios para que sean mostrados en otras páginas web de forma integrada, lo que aumenta el valor de la página que muestra el contenido y también nos genera más valor, ya que normalmente la redifusión web siempre enlaza con los contenidos originales.
Pero lo verdaderamente importante es que, a partir de este formato, se está desarrollando una cadena de valor nueva en el sector de los contenidos que está cambiando las formas de relación con la información tanto de los profesionales y empresas del sector como de los usuarios. Varias empresas están explorando nuevas formas de uso y distribución de la información... el RSS es una forma de tener más información al sólo dar un click.
 
ERA Diseño Gráfico, trabaja por ti.

jueves, 9 de julio de 2015

¿Qué es una web dinámica?

Un sitio web dinámico es aquel en el que las páginas se generan dinámicamente mediante peticiones al servidor.
En términos más simples, la información está almacenada no en la página misma, sino en una base de datos. Cuando el usuario hace clic en determinada página, el contenido se extrae de la base de datos, generando automáticamente la página solicitada.

 
Todo sitio auto-administrable, debe ser necesariamente dinámico.
Para modificar una página, el administrador accede a un "back-office" o sección de administración, donde desde una sencilla interfaz puede visualizar la página y editarla, de forma similar a cómo se administra un perfil de Facebook u otras redes sociales.
De esta forma el administrador puede crear nuevas páginas, modificar las existentes, incluir nuevas opciones en los menús, eliminar u ocultar contenidos, y en general, todas las tareas que hacen al mantenimiento cotidiano de un sitio web.
 
Un sitio dinámico es, entonces, lo ideal si tenemos contenidos que varían con frecuencia, o queremos publicar actualizaciones periódicas
 
ERA Diseño Gráfico, trabaja por ti

martes, 7 de julio de 2015

Redes Sociales para ecommerce

¿Qué redes Sociales para e-commerce venden más?

Las redes sociales para ecommerce más viables:

1. Facebook. Estarás cansado de leer que es la red social de los más de 1.000 millones de usuarios registrados. Se trata de una de las redes sociales para ecommerce más importantes.
¿Por qué es así? Sencillamente porque condensa casi todo el tráfico, y eso es fundamental para tener cobertura social.
2. Redes sociales para e-commerce con imagen.  Pinterest, en primer lugar, e Instagram. No es casualidad que sean las redes sociales que más han crecido este último año, concretamente la segunda.
3. Redes sociales emocionales. En definitiva, las redes sociales para e-commerce que más impacto tienen son las que saber enganchar a los usuarios por medio de sus intereses subjetivos. La mayor fuerza que mueve al ser humano no es su razón, sino la emoción: la primera es fundamental para decidir, pero la segunda supone la puerta a la elección.
No es una coincidencia que las publicaciones de Facebook, Twitter, LinkedIn, Instagram,…que llaman a la emoción sean mucho más efectivas que las de persuasión puramente lógica.
 
 La conversión en tu página web se verá considerablemente condicionada por el efecto de tus productos en las mismas redes.
 
ERA Diseño Grafico, trabaja por ti.

jueves, 2 de julio de 2015

Usabilidad, manejabilidad o experiencia de usuario en tu web - usabilidad en el 2016

Usabilidad, manejabilidad o experiencia de usuario son los términos que utilizamos para referirnos a la manera en la que los usuarios “usan” un sitio web o interactúan con él, factor determinante en el diseño de una página web y decisivo en el éxito de cualquier negocio online.

La nueva Navegación: Menos Breadcrumbs y más Intuición

Las breadcrumbs o migas de pan, son generalmente líneas de texto con palabras separadas por barras que te indican en todo momento la ruta o el recorrido seguido dentro de un sitio web para llegar a donde te encuentras, y que te permiten navegar dentro de la web sin perderte. Suelen ubicarse en la cabecera, por debajo del menú principal.
Hay tal cantidad de información en la web que el diseño no tiene más remedio que sintetizarse y simplificarse cada vez más hasta hacerse casi imperceptible. Así nace por ejemplo el Flat Design o diseño plano, una tendencia de vanguardia a base de colores planos, iconos y símbolos abstractos que a veces representan la realidad pero nunca imitando sus volúmenes, sombras o detalles realistas… Por ende, el Flat design al tener menos información ocupa menos espacio y hace que las páginas webs se descarguen a mayor velocidad.
La navegación web por lo tanto tiende a la Intuición. Una web intuitiva destacará por un diseño minimalista, el uso de iconos, recursos visuales planos y transiciones que se adelanten al usuario.

¿Cuales serán las claves de la usabilidad en el 2016?

En el 2016 los usuarios accederán a tu sitio web principalmente a través de sus móviles, aunque también lo harán a través de otras pantallas o dispositivos: paredes, lunas de vidrio, electrodomésticos… (el internet de las cosas) y además navegarán por el interior de tu web a la velocidad de la luz… Sólo conseguirás que se queden si les persuades o les seduces visualmente.
Las claves  de la Usabilidad web en 4 grupos: Velocidad, Responsive, Navegación y Contenido.
 
ERA Diseño Gráfico, trabaja por ti.