Vacaciones de verano...Nos la merecemos!!!!

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

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

 

¿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

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.

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.

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.