Actualidad de Diseño Web

blog01
30
03
2016

Formatos de Banner. ¿Qué es un Robapáginas?

El Banner, como formato publicitario, ha ido evolucionando progresivamente a lo largo de los últimos años. Una evolución que ha venido marcada por las propias exigencias del negocio de la publicidad online y las cada vez mayores posibilidades que nos ofrecen los diferentes lenguajes de programación. Actualmente, y con la utilización el html 5, pocas son las cosas que no se puedan hacer con un banner a nivel de creatividad y eficiencia en la implementación de los banner en la web. Y es que cada día más, los límites publicitarios residen en la propia creatividad del equipo de trabajo y no tanto en las herramientas de las que se dispone a día de hoy

  • ¿Qué es un Robapáginas?

    Es uno de los formato de publicidad online más usados en los últimos tiempos, y que a igual que han surgido nuevos formatos, los robapáginas también han ido evolucionando y ofreciendo más y mejores posibilidades creativas. Los Robapáginas ofrecen una gran ventaja, y es que en casi cualquiera de sus tamaños y formas, nos dan la opción de publicitarnos en casi todos los soportes (páginas web) ofrecen especios reservados a esta tipología de banner.
  • Tamaños y tipos de Robapáginas

    Los Robapáginas es un formato publicitario online que adopta normalmente un formato cuadrado o rectangular, pero que cada día ofrece un mayor número de posibilidades creativas. Ahora valoraremos los diferentes tamaños y formatos de Robapáginas más aceptados por los soportes publicitarios
    1. Robapáginas/Medium Rectangle [300x250] Especificaciones;
      • Tamaño 300x250 píxeles
      • Peso máximo 30 kb
    2. Robapáginas/Square [300x300] Especificaciones
      • Tamaño 300x300 píxeles
      • Peso máximo 30 kb
    3. Robapáginas/Splitscreen [300x600] Especificaciones
      • Tamaño 300x600 píxeles
      • Peso máximo 30 kb
    Todos estos Robapáginas tienen también sus versiones expandibles. Todas ellas con las mismas medidas y los mismos pesos (30 Kb)

banner robapáginas 300x300

Banner robapaginas 300x250

Robapáginas Splitscreen 300x600

blog01
23
02
2016

¿Qué es un banner? Tipos y formatos de banners

Los banners son los formatos publicitarios más utilizados en la actividad publicitaria online. Son piezas publicitarias que se ubican dentro de los diferentes soportes web (páginas web) y cuya finalidad principal es a de generar tráfico cualificado hacia la página web de cada anunciante.

  • ¿Qué tipos de banner y formatos podemos adoptar para publicitar nuestra marca o producto?

El mundo de la publicidad siempre ha sido un coto laboral reservados a los mejores profesionales creativos. Saber y poder trasladar un mensaje que cumpla con los objetivos de marketing de una compañía, y todo ello en un margen de tiempo y espacio relativamente cortos, es una actividad reservado unos pocos Ahora,con el cada vez más importante papel del mundo online y las posibilidades de segmentación que este ámbito publicitario nos ofrece, las compañías están volcando sus esfuerzos creativos en impactar a sus target a través de del canal online Son muchos los formatos y posibilidades que nos ofrece el mundo online y los muchos soportes que en este podemos encontrar, ahora valoraremos aquellos formatos de banner más utilizados y aceptados tanto por anunciantes como por plataformas que hacen de soportes publicitarios.

  • Tipos de banners

    • Robapáginas 300x250
    • Robapáginas expandible 300x250
    • Robapáignas square 300x250
    • Robapáginas square expandible 300x250
    • Rabapáginas / Splitscreen 300x600
    • Robapáginas / Splitscreen Expansible 300x600
    • Banner 468x60
    • Medio Banner / Halfbanner (234x600) (234x90)
    • MegaBanner (728x90) (900x90)
    • Banner Rascacielos / Skyscraper (120x600)

  • Otras formatos de banner especiales

    • RISING STARS

      • Billboard (900x250)
      • Filmstrip en 5 segmentos (300x3000)
      • Portait (300x1050)
      • Slider (950x550)
      • Sidekick (300x250) o expandible (850x700)
      • Pushdown (970x415)
    • Banners formato de radio online

      • Audio Preroll (formato cuña) "sólo audio"
      • Audio Instream (formato cuña)
    • Banners formatos integrables sincronizables

      • Robapáginas sincronizable
      • Megabanner sincronizable
      • Intersticial sincronizable
    • Banners formatos de audio (Versión Móvil

      • Audio cuña "sólo audio"
      • Banner Audio 300x250
      • Banner Audio 300x50

Tipos de banners

blog01
16
02
2016

Mejorar la velocidad de carga de la web optimizando las búsquedas DNS

Minimización llamadas a los DNS

La optimización de los tiempos de contacto con un servidor DNS, así como la posibilidad de minimizar el número de búsquedas DNS necesarias, serán otra clave más a tener muy en cuenta de cara a la optimización de la velocidad de carga de nuestra página web. Pero empecemos por el principio:

  • ¿Qué son los DNS y cómo funcionan?

Si tenemos que definir las DNS de manera rápida y sencilla, podríamos decir que "es una gigantesca base de datos a partir de la cuál se distribuye el contenido en ella almacenada en base a las peticiones de todos los dominios existentes en la red".Las DNS (Domain Name System) son, básicamente, la asignación de un nombre a una dirección IP concreta. ¿Y esto por qué? Muy sencillo; si los usuarios o consumidores de contenido online tuviéramos que recordar todas y cada una de las direcciones IP que tiene asignadas los dominios que normalmente visitamos, sería un verdadero lío. Las DNS nos simplifican la vida, ya que asignan a cada IP un nombre de dominio específico, facilitando de esta manera la llamada al mismo, evitando tener que memorizar una secuencia numérica por cada domininio. A fin de comprender un poco mejor el funcionamiento de las llamadas del buscador al servidor y la gestión de las BNS, os dejamos un vídeo ilustrativo que seguro os hará entender de qué estamos hablando.

  • Optimizar las búsquedas DNS

Lo primero de todo, deberíamos poder identificar el número de búsquedas DNS y para ello tendremos que cuantificar el número de dominios desde los cuales la página obtiene los recursos de carga de la web. Lo ideal es analizar qué cantidad de búsquedas de DNS se realizan y cuánto tiempo de carga nos consumen, a fin de optimizar los tiempos. Para la ello, podemos consultar directamente el código fuente de nuestra web, o mejor no complicarnos la vida y hacer uso de algunas de las herramientas que nos ofrecen la red. como funcionan los DNS

  • Minimizar los tiempos de búsqueda de las DNS

En este sentido, la gestión eficiente de la caché es sumamente importante, ya que nos ahorrará en número de llamadas al DNS al guardar las equivalencias de IP. Lo realmente importante, donde debemos centrar nuestros esfuerzos, es en la gestión efectiva del número de búsquedas DNS que se ejecutan en el primer acceso, es decir cuando no existe almacén o recuerdo en la caché.

  • ¿Cómo minimizamos los tiempos de carga de las búsquedas DNS?

    Tenemos dos opciones a la hora de reducir las búsquedas DNS y con ello optimizar los tiempos de respuesta.

    1. Habilitar el protocolo de comunicaciones Keep Alive. Cuando un navegador hace una llamada a un servidor, tiene que pedir permiso a este para cada archivo por el cual solicita una llamada y descargar de este del servidor. Si esto tiene que hacerlo por cada uno de los archivos que integran un dominio y los recursos de este, los tiempos de carga de nuestra web se verían alargados inecesariamente. Y esto es lo que evitamos cuando tenemos activado el protocolo del Keep Alive.Al activar Keep Alive lo que estamos haciendo es hacer que cuando el buscador ejecute una llamada de descarga de archivos al servidor, este conceda un único permiso de descarga, pero para descargar todos los archivos y recursos a los que hace solicitud el buscador. Así en lugar de ir solicitando permisos de uno en uno, se solicitarán permisos para todos ellos, lo que implica un ahorro importante en el consumo de tiempo.
    2. Reducir el número de dominios que se cargan en cada petición. A menos número de dominios requiera una la carga de una web, menor será el número de solicitudes DNS y por tanto menor tiempo de carga.
blog01
08
02
2016

¿Cómo especificar la caché de mi navegador para mejorar el tiempo de carga de mi Web?

Especificar la caché del navegador

En post anteriores, ya hemos hablado de la importancia de optimizar el tiempo de carga de nuestra web, de cara a mejorar nuestro posicionamiento en buscadores. Ahora bien, la mejora de esta velocidad de cara de la web no depende en exclusiva de una única variable, son un conjunto de ellas, minimizar el tiempo de respuesta del servidor, minificar html, CSS, o gestión eficiente de los recursos de la web, además de priorizar la carga de dichos recursos y otro muchos más. Otro de estos muchas variables que pueden ayudarnos a mejorar la velocidad de carga de la web, es la correcta especificación de la caché del navegador. Los navegadores gestionan llamadas al servidor del cual descargan toda la estructura de html de la página a la que se efectúa el llamamiento, y con toda esta estructura de html se descarga los recursos asociados al mismo, es decir, CSS, Javascript y todo aquel contenido media (fotos y vídeos), es decir todos aquellos recursos que dan estilo y forma a nuestra web. Ahora, cuando especificamos la caché del navegador, estamos diciendo al mismo, "recuerda esto que ahora estas viendo, para que cuando lo busquen de nuevo cada usuario, no tengas que hacer nuevamente todos los llamamientos al servidor y volver a cargar todas los recursos de la web". De esta manera podremos reducir significativamente el número de peticiones HTTP que el servidor tiene que procesar. Esta acción no va destinada al ahorro respecto al consumo de recursos, sino a la necesidad del volumen de procesamiento de los mismo cada vez que se requiera una nueva llamada al servidor. Esto permitirá a nuestro servidor responder con mayor brevedad a las solicitudes del navegador y por tanto reducir sustancialmente la velocidad de carga de la web.
cómo cambiar la caché del navegador

  • ¿Cómo especificar la caché de un navegador?

    Si arrancamos diciendo que tenemos que modificar nuestro archivo .htaccess añadiendo nuevas lineas de código que especifiquen el tiempo de espiración de caché, seguro que más de uno se verá intimidado. Pero fuera los miedos, es algo sencillo de llevar a cabo, tan sólo tenemos que seguir unos pocos pasos, y según nos enfrentemos a un servidor u otro consistirá en añadir unas filas u otras al archivo .htaccess.
    • Especificar caché para servidores apache

      Deberíamos, lo primero de todo, tener acceso al servidor donde esta alojado nuestra web, y desde allí, ahora sí, podemos proceder a la implementación de unas pocas líneas en el archivo .htaccess.
      ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days"
    • Especificar la caché en servidor NGINX

      Estamos ante el mismo caso de un servidor apache, tan sólo, en este caso concreto las líneas a implementar en el bloque del servidor serán algo diferentes, pero la finalidad es la misma.
      location ~* \.(jpg|jpeg|png|gif|ico)$ { expires 365d; } location ~* \.(css|js|pdf)$ { expires 30d; }

Tan sólo nos queda recordarte que estos tiempos especificados para días, meses incluso años, podríamos determinarlos en las medidas de tiempo que deseásemos y en los plazos que pudiésemos considerar oportunos, ahora bien, lo que os dejamos son los bloques temporales de caché más recomendados

blog01
02
02
2016

¿Por qué es importante la elección de nuestro servidor para nuestra estrategia SEO?

La elección de un buen servidor como elemento clave para nuestra estrategia SEO

Servidores para mejorar velocidad de carga de la web

Muchos son los servidores que podemos encontrar en el mercado online. La correcta elección de uno de ellos va determinar, en gran medida, la eficiencia de nuestra página web y, por tanto, la velocidad de ejecución de la misma. Es, como ya hemos visto en un post anterior sobre la velocidad de carga de la web, como factor de éxito en nuestro posicionamiento, un elemento muy a tener en cuenta.

  • La importancia de minimizar el tiempo de respuesta

En muchas ocasiones nos esforzamos en trabajar todas y cada una de las principales variables SEO, además categorizamos y optimizamos nuestro contenido de texto y, a pesar de ello, el tiempo de carga continúa siendo excesivo. Esta demora en la carga del contenido de nuestra web puede llegar a ser perceptible a simple vista, sin necesidad de aplicar herramientas que acrediten el tiempo real de carga de la misma. Si todo esto es así, muy probablemente nuestro problema provenga de nuestro servidor. Y ya sabemos que una carga lenta, no sólo perjudica a nuestro posicionamiento orgánico, también influye negativamente en la experiencia de usuario y con ello en nuestro nivel de conversiones o ventas.

  • ¿Cómo podemos reducir el tiempo de respuesta de nuestro servidor?

El tiempo de respuesta es el tiempo transcurrido desde que un navegador hace una solicitud y nuestro servidor le responde. A mayor tiempo de respuesta, más lenta será nuestra página web. Ahora bien, lo primero de todo, y antes de atribuir la culpa de la velocidad de carga de nuestra web, debemos hacer una simulación de la velocidad de envío del mismo. Si nos da como resultado que el tiempo de respuesta es por encima de lo recomendable, sí, el problema radica en el servidor.

  • ¿Cómo podemos reducir el tiempo de respuesta de nuestro servidor?

    1. Optimización de los procesos de trabajo del servidor. El mal uso o gestión de los recursos por parte de nuestro servidor, claramente reducirá la efectividad del trabajo de este. Así podemos;
      • Modificar el software que tengamos instalado por otro que nos ofrezca mayor rendimiento
      • Aumentar los recursos de nuestro servidor, mayor capacidad de almacenamiento y potencializar el procesador
    2. Cambiar el hosting contratado. A veces, por no decir la mayoría de ellas, nuestro servicio de hosting pone a nuestra disposición un servidor compartido. Si son muchos los recursos de nuestra web y, además, esta soporta elevado volúmenes de tráfico, puede que nuestro servidor se sature y, por tanto, ralentice los tiempos de respuesta.
    3. Aligerar los procesos de carga de trabajo de nuestro servidor. Un número importante de solicitudes o llamadas a servidor puede hacer que este se sobrecargue de trabajo. Si esto ocurre, la velocidad de respuesta a las solicitudes del buscador se verán afectadas negativamente. En estos casos, una optimización de los recursos de nuestra página web, minificar html, CSS, optimizar tamaño de imágenes y otras más, será agradecido por nuestro servidor.

Ahora ya conocemos la importancia de la velocidad de carga de nuestra web para mejorar nuestro posicionamiento SEO, y también sabemos que el tiempo de respuesta de nuestro servidor es fundamental de cara a optimizar los tiempo de respuesta de nuestro servidor.

blog01
27
01
2016

La velocidad de carga, clave del éxito de nuestra web

La velocidad de carga de nuestra página web (WPO) es una variable crucial de cara a nuestro posicionamiento web, a la mejora de la experiencia online de nuestros usuarios y a un claro incremento en la tasa de conversión de nuestros objetivos online. A día de hoy, quien no está en Internet y "no se hace ver", no existe. Son muchas las estrategias y variables a tener en cuenta para mejorar nuestro posicionamiento web y, aunque pase desapercibida por muchos, la velocidad de carga tiene una gran importancia en nuestra estrategia de marketing online y más concretamente en nuestras acciones de posicionamiento. Optimización de la velocidad de carga de la web

  • ¿Por qué es importante la velocidad de carga de nuestra web de cara a mejorar nuestro posicionamiento?

Los principales buscadores, Google oBing, entre otros, son conocedores de que la velocidad de carga de nuestras webs mejora la experiencia del usuario en las mismas, lo que se traduce en una mayor satisfacción con respecto a los resultados ofrecidos por los buscadores. Por ello, dichos buscadores incluyen la velocidad de carga (web Performance Optimization) entre sus factores determinantes del ranking de las páginas web en sus respectivos lugares de posicionamiento en los resultados de búsqueda. La frustración, y por tanto el abandono de la página por parte del usuario, es directamente proporcional al incremento del tiempo de carga de la web. Todos aquellos tiempos de carga por encima de los 3 segundos de espera, generarán una tasa de abandono realmente significativa. A su vez, una deficiente optimización de la velocidad de carga de nuestra web, no sólo empeorará nuestro posicionamiento en los resultados de búsqueda, además, y con total seguridad, repercutirá muy negativamente en la consecución de los objetivos de marketing y la generación de beneficios.

  • Claves para mejorar la velocidad de carga

Mejorar el rendimiento de la carga de nuestra web no se encuentra supeditado a una única variable. Es un trabajo de optimización de un conjunto de variables.

  1. Minimizar las llamadas HTTP. Deberíamos reducir el número de componentes de nuestra página web y con ello lograremos minimizar el número de solicitudes http. Para ello, tenemos que diseñar nuestra web con aquellos elementos imprescindibles para la gestión eficiente del tráfico web, que a su vez, nos permita optimizar los procesos de conversión diseñados en la misma.
  2. Minimizar los redirecionamientos. Con cada uno, el navegador debe llevar a cabo la solicitud de una nueva ubicación y si esta no esta redireccionada, muestra el contenido tras una nueva descarga.
  3. Reducir el tiempo de respuesta de nuestro servidor. En este sentido, debemos ser cuidadosos con la elección de nuestro suministrador de servidor y ser consciente de las necesidades reales de nuestra web.
  4. Activar el Keep-AliveEs importante cercionarnos de que nuestro proveedor de hosting no haya desactivado el Keep Alive. El Keep Alive, nos ayudará a que el navegador cada vez que solicita un recurso al servidor no tenga que generase una nueva conexión.
  5. Gestión eficiente en las cargas del Javascript. En ocasiones debemos determinar qué scripts pueden ser aplazados en la carga y cuales no es conveniente. Además siempre se puede gestionar de manera más eficiente, haciendo que el JavaScript carge en último lugar.
  6. Acelerar la carga de los archivos CSS.
  7. Optimizar las imágenes de la web. Muchos son los sites que desarrollan un contenido web altamente visual. La estética es importante, pero también lo es la funcionalidad y eficiencia en el uso de la misma. Ya que las imágenes son uno de los recursos más pesados, llevar a cabo una reducción del peso de las mismas es muy recomendable.
  8. Minificar o reducir el tamaño y extensión de los CSS y Javascript.
  9. Gestión eficiente del caché del navegador.
  10. Cachear las páginas dinámicas de nuestro site. La generación de una página estática por cada dinámica, nos permitirá no tener que generar cada página dinámica con cada visita. Esto nos ahorrará una gran cantidad de tiempo de carga.