Imágenes para web: los 5 mejores formatos y sus usos

Imágenes para web: los 5 mejores formatos y sus usos

Elegir los mejores formatos de imagen para web

Para crear el sitio web perfecto hay cientos de cosas en las que pensar y muchas decisiones para tomar.

Y es que a estas alturas tener una web por tenerla no es una buena opción: desaparecerá por el ciberespacio entre tantas otras.

Por eso hay que cuidar todos los aspectos.

Un error muy común es subestimar la elección del formato de imagen que vamos a utilizar y el tamaño de las mismas, porque generalmente no afectan a nivel visual

Sin embargo, las imágenes tienen un impacto importante porque afectan directamente en la velocidad de carga.

 

¿Cómo afecta esto?

  • A nivel SEO: para posicionar una web en los buscadores necesitas que tenga una buena velocidad de carga, cuanto mejor estén optimizadas las  imágenes, mayor será la puntuación de tu web.
  • A nivel usuario: no nos gusta esperar … y además, cuanto más pesadas sean las imágenes, más datos nos hacen consumir

Por eso hoy preparé esta lista con los mejores formatos de imagen para tu web.  Toma nota

 

 Los 5 mejores formatos de imagen para web

     

Formato GIF:

Comprime las imágenes sin perder calidad y además, permite transparencias y animaciones

Es el formato ideal para logotipos sencillos e imágenes con colores planos

Admite una paleta de hasta 256 colores, por lo que no es una buena opción para fotografías

Formato JPG:

Es el formato más conocido y utilizado para fotografía en diseño web y redes sociales

Es un tipo de archivo que no pesa mucho y que reproduce muy bien los colores

Además, permite compresión con o sin pérdida de calidad

Para que este formato de imagen sea realmente eficaz en tu web, es necesaria una compresión que reduzca su peso, para eso puedes usar programas como Photoshop, o hacerlo en plataformas como TinyPNG

Formato PNG

Admite transparencias y comprime sin pérdida de calidad, por lo que nos da mejor definición, pero también mayor peso

Utiliza este formato de imagen para tu web a discreción, cuando necesites mucha definición y fondo transparente, como en el caso del logotipo

Formato SVG

Es un tipo de archivo vectorial que tendrá el mismo peso tenga el tamaño que tenga

Los archivos SVG presentan una imagen nítida y de alta calidad con bajo peso.

Son ideales para el logotipo y también para iconos

Formato WebP

Es una formato desarrollado por Google que comprime sin pérdida, y por lo tanto acelera la carga de las imágenes en cualquier dispositivo

Imágenes y SEO

Además del formato y el peso, cuando hablamos de imágenes en diseño web a nivel SEO, es importante tener en cuenta otros dos elementos:

 

  • El atributo «alt», que es de las primeras cosas que rastrean las arañas de Google para rastrear webs
  • El título de la imágen, que también es muy valorado por Google para dar relevancia a tu sitio

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"

Cuándo y por qué renovar tu página web

Cuándo y por qué renovar tu página web

Renovar página web

Si ya tiene un tiempo y hasta el momento no te has decidido a renovar tu página web, ni la has promovido, probablemente se deba a que tu negocio no necesita promoción ni atraer a nuevos clientes. Si el trabajo te llueve ¡enhorabuena!.  Pero …

Las cosas han cambiado, y mucho.

Aún así, deberías analizar el tema, pues como consumidores ya no somos tan fieles, y la competencia no dudará en aprovechar cualquier resquicio para hacerse hueco en el mercado.

Lo primero que debes plantearte es si tu web sirve para su fin.  Nosotros entendemos que tu web:

  • Es tu escaparate
  • Es una herramienta para generar oportunidades de negocio
  • Debe tener visitas
  • Debe ser responsive (adaptarse a smartphones y tablets)

Si cumple con estos requisitos, un retoque estético y una nueva funcionalidad de vez en cuando vienen bien, además de ayudar en tu posicionamiento, el usuario ve que eres activo y que trabajas por ofrecerle novedades.  Pero recuerda: debes prestarle atención.

 

 

La importancia de que tu web sea responsive

¿Sabías que 86% de las personas accede a Internet a través del móvil?. Tu web debe adaptarse a todos los dispositivos ya sea ordenador, smartphone o tablet.

Google penaliza las páginas web que no cumplen este requisito, dejándolas para las últimas posiciones, con lo cual, cada vez será más difícil que te encuentren.

Otro motivo importante para tener una web responsive es facilitarle la lectura al usuario, que en definitiva es quien nos interesa.

Si quieres que tus clientes potenciales te encuentren renueva tu web, hazla atractiva, clara, agrega regularmente contenidos interesantes, facilita la navegación, gana posiciones en los buscadores, interacciona con las redes sociales.

 

Básicamente tu web debe tener:

 

  • La página de inicio con enlaces a las página típicas “quienes somos”, “servicios”, “contacto”, etc …
  • Una galería de fotos.
  • Un formulario de contacto (siempre que estés al día con la LOPD).
  • Un mapa de tu localización
  • Un blog con contenidos de calidad sobre tu sector
  • Una sección noticias, en donde puedas publicar ofertas, eventos, presentar nuevos productos o servicios
  • Enlaces a redes sociales

En resumen: debes plantearte renovar tu página web si:

 

  • Tu sitio web no se visualiza correctamente en dispositivos móviles
  • Está construida sobre tecnología anticuada
  • El diseño se ha quedado anticuado
  • La carga es lenta
  • Pierdes (o no ganas) posiciones en los buscadores
  • Es muy difícil de actualizar el contenido
  • No se ve correctamente en los navegadores más usados
  • Has hecho un rebranding y la estética ya no representa a tu marca

Renovar tu página web

Es una buena inversión.  Si has decidido renovar tu web, enhorabuena, has dado un gran paso, si la trabajas y le das la importancia que tiene, en poco tiempo te encontrarán con mayor facilidad. Te ayudaremos y asesoraremos para que le saques partido.

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"

El mantenimiento básico de WordPress

El mantenimiento básico de WordPress

Cómo mantener wordpress

Lo mejor de crear tu en WordPress es que puedes hacer casi todo lo que te propongas, desde crear el tipo de sitio que quieras (blog, tienda, web corporativa, catálogo, curso, o todo eso junto),

Además tienes miles de utilidades para crear una experiencia de usuario increíble: reservas online, integrar tu sitio con tus redes sociales, gestionar tus campañas de email marketing, mirar las estadísticas, una intranet para tus clientes

Sí, que WordPress me tiene In Love desde hace años

Y a lo que se lo quiere se lo cuida

I love wordpress

El 30% de los sitios web del mundo están hechos con wordpress por todo lo que te he contado y mucho más, y por eso, al ser tan popular, pueden pasar cosas:

Exposición a ataques. Los hackers también aman a WordPress, así que se esmeran en encontrar vulnerabilidades

Los plugins y temes a veces dejan de actualizarse y no funcionan bien, otras pueden entrar en conflicto entre ellos …

También puede haber conflictos con el propio WordPress y el servido

Estate tranquilo/a

No te quiero aburrir y tampoco quiero que entres en pánico, hice muchas webs y tuve solo una mala experiencia

La cuestión es que quiero que te quede claro que si tienes una web, tienes que hacer al menos un mantenimiento y aquí te explico lo básico:

¿En qué consiste el mantenimiento de WordPress?

Para evitar pasar malos ratos es importante que hagas estas cosas:

1 – • Mantener actualizado:

  • WordPress
  • Los Plugins
  • El Theme

2 – • Hacer una limpieza periódica de la base de datos

 

Además:

3 – • Tener una copia de seguridad de tus archivos y base de datos

4 – • Ah!! y súper importante: ¡Por favor! Los datos de acceso a tu sitio, a tu servidor, cuentas de email, todo lo que tenga que ver con tu web siempre a mano y en un sitio seguro

 

Ahora si, vamos a lo que te interesa

¿Cómo mantener actualizado WordPress?

 

Entra semanalmente al panel de control y verás si tienes actualizaciones pendientes:

Cómo mantener wordpress actualizado

 Si te indica que tienes actualizaciones, entra y te informará claramente de qué actualizaciones se trata

Como actualizar wordpress correctamente

Actualízalas una a una y en orden, revisando el sitio luego de cada actualización por si alguna hubiese dado un fallo, de esta manera sabrás cuál ha sido y será más fácil revertirlo.

En el caso de que tengas que actualizar WordPress y hayas hecho cambios después de la última actualización, haz una copia de seguridad de tus archivos y tu base de datos antes.

 

Limpieza de la base de datos:

 

Un plugin sencillo, eficiente y muy fácil de usar y que además te ayuda a optimizar la carga de tu web es WP-Optimize.

La encontrarás en el menú de WordPress → Bases de datos

Mantenimiento de la base de datos de wordpress

Ejecuta la optimización de los 4 primeros elementos:

 

  • Tablas de la base de datos
  • Limpiar todas las revisiones de entradas
  • Limpiar todos los borradores automáticos
  • Limpiar todas las entradas de la papelera

Con estos sencillos pasos tendrás tu web actualizada

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"

Las mejores combinaciones tipográficas para diseño web

Las mejores combinaciones tipográficas para diseño web

Para crear el sitio web perfecto hay miles de cosas en las que pensar:

  • Gráficos
  • Colores
  • Fotos
  • Textos
  • SEO …

Sin embargo, un error muy común es subestimar la elección de las tipografías, y precisamente es uno de los elementos más importantes en el impacto del mensaje y la apariencia final de una web.

Así que presta atención, porque elegir la tipografía correcta puede tener un gran impacto en el diseño de tu web.  

En este artículo te cuento cómo afecta la elección de la tipografía en tu web y te muestro mis combinaciones favoritas.

 

Tipografía y Experiencia de usuario

Todo comunica

Queremos que nuestros visitantes entren en nuestra web, se queden, y nos elijan, así que vamos a darles motivos:

Comodidad

Las tipografías afectan a la legibilidad del contenido. ¿Quieres que te lean? La tipografía debe ser clara, simple y tener el tamaño correcto.

Impacto

El impacto que crees para el usuario es tan importante como el impacto que crees para Google u otros buscadores, por eso es importante trabajar de manera personalizada cada parte del texto.

Un error muy común, (porque es muy fácil de hacer), es que los títulos y subtítulos tengan el tamaño de fuente que le dimos en la hoja de estilo.

Se suele usar la palabra clave que elegimos para el SEO como título principal cuando eso no es lo que le importa al usuario.

Emoción

Elegir combinación tipográfica afecta tanto a la legibilidad como al impacto psicológico del usuario, por eso es crucial, la tipografía también transmite los valores y la personalidad de tu marca.

 

Combinaciones tipográficas que no fallan:

Combinaciones de tipografías para web: Bebas Neue - Roboto Slab - Open Sans
Combinaciones de tipografías para web: Assistant - Prata - Arial
Combinaciones de tipografías para web: Raleway - Quicksand
Combinaciones de tipografías para web: Abril fatface - Lato
Combinaciones de tipografías para web: Poppins - Lora
Combinaciones de tipografías para web: Assistan - Belleza

Tipografías web seguras

 Si quieres que tu futuro cliente se quede en tu web, no lo hagas esperar.  

Las tipografías también pesan, por eso debes usar fuentes seguras para tu web.

Una tipografía segura es la que se instala universalmente en todos los dispositivos, porque hace que que la velocidad de carga sea más rápida, lo que también ayuda en la clasificación del SEO de tu web.

 

¿De dónde elegirlas?

El catálogo de Google Fonts es la mejor opción.  Tiene más de 800 fuentes que puedes filtrar por estilo y probar en sus diferentes versiones.

 

Las marcas son percepciones

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"

Web para profesionales: 5 aspectos clave para conseguir clientes

Web para profesionales: 5 aspectos clave para conseguir clientes

Diseño web profesional

Una web para profesionales no es solo una web. Es tu centro de atención al cliente.

 

Cierra los ojos y piensa … tiene las oportunidad de abrir tu centro de atención propio …

Estoy segura de que elegirías una buena ubicación, sería un lugar agradable donde tus clientes serían bien recibidos y se sentirían cómodos, y que crearías un ambiente que trasmita confianza, personalidad y profesionalidad, ¿no?.

 

Con tu página web pasa exactamente los mismo.

 

Solo que 6 segundos es el tiempo que tienes para que tu próximo cliente decida si le interesas y se acerca a tu propuesta o si sigue de largo como si no existieras.

Tu web no es solo una web, es el primer contacto que tienes con tus clientes, porque es el lugar por el que pasan a informarse. 

 

¿Cómo debe ser una web para profesionales?  

Quizás estás decidido a empezar a hacerte visible en el mundo online y quieres tener una web que te ayude a hacer crecer tu cartera de clientes. 

O puede que ya tengas una, o también que tengas una web que solo un adorno en la firma de tu email y estás planteándote cerrarla porque prácticamente no tiene visitas y apenas te llegan contactos a través de ella.  

Sea cual sea tu caso, hay 5 diferencias básicas fundamentales entre una web que funciona de otra que no. 

Te lo cuento

1 – La estructura

Si bien tu web debe ser tu reflejo, y por lo tanto, debe ser lo más auténtica y original posible en cuanto a diseño, fotos y textos, la estructura debe ser sencilla: Inicio, acerca de, servicios, blog, contacto. Puede que en tu caso necesites algo más, pero no mucho.

Cada página deben ser minimalista y concisa, sin parrafadas ni animaciones, y debe llevar una llamada a la acción bien explicada.

 

2 – La estrategia

Tener una web perfecta no sirve si nadie la ve, o si nadie de quienes la ven da el paso de contactar.
Tu web debe ser el centro de toda tu estrategia digital, y por eso tienes que definir acciones para que tu cliente llegue a ella.

Campañas de publicidad, posicionamiento SEO, marketing de contenidos, redes sociales … cualquier acción que hagas debes hacerla siempre con un plan, hacer por hacer no es buena idea.

 

3 – Los textos

Son la primera conversación con tus clientes.

Si tuvieras que contratar a un recepcionista para que reciba a tus clientes, elegirías a una persona profesional y amable, que conozca el tipo de soluciones que busca tu cliente y le explique de una manera clara cómo vas a ayudarlo, para que sepan que pedir una primera entrevista es algo con lo que no van a perder nada.

Se llama copywriting y consiste en usar las palabras adecuadas para conectar con tus clientes, es decir, textos para vender, aunque en el caso de los profesionales, el objetivo no es vender, sino conseguir un primer contacto.

Si hasta ahora pensabas que los textos de tu web no son importantes, en realidad lo son, son el recepcionista, y lo sabemos, los hay sin ganas de trabajar y también lo que tienen una auténtica vocación de servicio.

 

4 – Las fotos

En una web, lo primero que la gente ve son las fotos y los titulares, y si no son atractivos, causa rechazo, por muy creativo que sea el diseñador.

La espontaneidad está bien, pero una web que tenga selfies de mala calidad no transmite profesionalidad.

Ese tipo de fotos pueden estar muy bien para tus redes sociales, pero no son las adecuadas para tu web.

Y no se trata de que seas “guapa» o “fea», “viejo» o “joven”, las personas «más o menos normales» no usamos esos parámetros para elegir servicios profesionales.

Tampoco es necesario que salgas de traje si ese no es tu estilo, o serio, o riéndote … pero sí con una imagen cuidada y mostrando un lenguaje corporal adecuado.

 

5 – La elección de la plataforma

Muchos profesionales empiezan con webs tipo Wix para probar «a ver qué pasa». ¿Y sabes qué pasa? NADA.  Este tipo de plataformas enganchan por lo de gratuito, pero son muy básicas y lo que más te ofrecen son limitaciones, y para cualquier opción extra tienes que pagar bastante.

La mayoría de mis clientes, antes de contratarme tenían éste tipo de webs y llegaron a mí desanimados.

Pasarte al otro extremo «porque yo quiero algo exclusivo y puedo pagarlo» tampoco es la solución.

Por eso, contratar a un programador para que te haga una web con un código propio que sólo él sabe leer, en tu caso, tampoco es la mejor idea, porque además de ser caro también te ata.

La opción ideal es una web de wordpress.org (ojo, lee bien, .org), realizada por un profesional con experiencia, (porque si somos sinceros, tú no lo vas a hacer tan bien, y además, aprender te va a llevar muchas, muchísimas horas, y muchos disgustos cuando te surjan problemas técnicos que no sepas resolver).

 

 

Estos son solo los aspectos básicos a trabajar en una web, créeme, hice muchas y también apagué muchos fuegos, por esos insisto tanto en la importancia de que esté bien hecha, solo por ahorrar un dinero que podrás amortizar en muy poco tiempo y puedes tenerla en funcionamiento y creciendo durante años.

Las redes sociales son muy útiles, pero no son un recurso propio, pueden cambiar las reglas del juego cuando quieran y dejarte afuera.

Si estás pensando en comenzar una estrategia online, tu web es el centro.  Recuerda que puedo ayudarte.

Escríbeme o agenda una llamada para que pueda estudiar tu situación y contarte cómo voy a ayudarte

Las marcas son percepciones

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"

Por qué tener una página web

Por qué tener una página web

Negocio online - Página web

Hace mucho tiempo que dejé de decir que sitio tu web es un negocio 24X7 porque ya suena a tópico, pero es una realidad de la que hoy quiero hablar.

Hace unos días al despertarme me encontré con un WhatsApp enviado a las 3:56 a.m. de alguien que está a cientos de kilómetros de distancia y me pedía información sobre un servicio.  La sensación es muy agradable y antes de desayunar le contesté, por supuesto.  A lo largo de la mañana intercambiamos mensajes, luego una llamada, presupuesto, y el trabajo ya está hecho (¡Gracias Pablo V. por confiar en mi!).

No es la primera vez que me pasa, pero esta vez me dieron ganas de contarlo.

Hoy en día, es impensable tener un negocio, una empresa o ser un trabajador independiente sin presencia en internet.  El éxito y la supervivencia de cualquier negocio depende en gran parte de nuestra presencia digital.

¿Te sobran los clientes y por eso no necesitas nada más? ¡Sigue leyendo! Porque quizás es hora de un cambio. Quizás prefieras tener menos clientes y más ingresos. 

También podría pasar que no quieras seguir explicándole uno a uno a tus clientes de qué se trata tu producto o servicio, cuánto cuesta, cuáles son las condiciones de contratación, qué beneficios tiene, porqué tienen que comprarte a vos y no a tu competencia. 

O podría interesarte cobrar online y dedicarte sólo a hacer tu trabajo

Ya sea que te sobren clientes o aún no tengas ninguno, Internet es el mejor escaparate. 

Muchas de las visitas a tu sitio serán de personas que no te conocen, ni tampoco a tu marca ni a tus productos.  Podrás contarles desde cosas básicas como tu ubicación física, tu telefóno, email y fotografías de tus productos hasta conseguir una venta.

 

Redes sociales Versus Página web

¡Todas esas cosas pueden hacerse desde algunas redes sociales!

 

SI. La principal diferencia es que tu página web es un recurso propio que está ahí mientras lo decidas, mientras que las redes sociales son recursos prestados.

Publicas un post, llega a su alcance orgánico y en unos días es como si no existiese más, a no ser que pagues por ello, y una vez acabado el presupuesto, lo mismo.

Otro aspecto a tener en cuenta es si tu publicación llega al público que te interesa en el momento que lo necesita.  

¿Lee tu post alguien que está mirando qué hacen sus amigos?.  Muchas veces despierta la curiosidad en alguien, pero no en el momento en que te necesita.

Conozco mucha gente que basa su estrategia digital en estar presente sólo en las redes sociales y éste es un gran error. 

No es que no debas estar, es imprescindible que estés, las redes sociales le dan impulso a la estrategia digital, el error es que sea tu única presencia digital.

Una página web brinda credibilidad, nos habla de una estructura montada y nos ayuda a ser visibles en los buscadores.

Además, la integración con los diferentes medios de marketing digital es muchísimo más amplio.  Pongamos el ejemplo de el email marketing, pasarelas de pago, tu blog, las propias redes sociales.

Con tiempo y trabajo se crea una especie de ecosistema que se puede dirigir al botón “COMPRAR”, “SUSCRIBIRSE”, “LLAMAR”, o cualquiera sea el objetivo de tu trabajo.

Cuando alguien escucha acerca de un negocio, lo primero que hace es buscarlo en internet. Si no estás presente, es probable que no ganes a ese potencial cliente.

Dicho esto, ahora sí

 

Unas cuantas razones por las que es tan importante tener página web:

(al final una muy muy personal):

    • Da a tu negocio la mejor presencia en Internet. En un mercado tan amplio y globalizado la competencia es muy fuerte en todos los sectores, y seguramente tu competencia ya tiene su página profesional. Tu imagen y tu sitio web son la cara visible de tu marca, que tiene que ser actual y potente.
    • Aumenta el posicionamiento y el reconocimiento de la marca.  Si el objetivo es darte a conocer, crear una página web abre un abanico de oportunidades porque los posibles clientes pueden ver lo que vendes, cómo lo vendes y qué te diferencia de los demás. DE LA MANERA EN QUE QUIERAS QUE ELLOS LO VEAN.
    • Ofrece atención al cliente las 24 horas y genera feedback. El tener una web te brinda la oportunidad de estar en contacto constante con tus clientes, que pueden consultarte en cualquier momento o ver tus productos y/o servicios a cualquier hora.
    • Ayuda a que te encuentren. Ya sabemos que el mayor porcentaje de búsqueda de profesionales, productos y servicios se hace por internet. Una página web con contenido de valor y siempre actualizado, y un buen trabajo de posicionamiento, potencia a los motores búsqueda para puedas estar en las primeras posiciones en las búsquedas
    • Ayuda a conseguir nuevos clientes y fidelidad a los existentes. Si somos competitivos en nuestro negocio y nuestra imagen, con un buen trabajo en la web las visitas se convertirán en clientes.  También permite utilizar técnicas para fidelizar a los clientes habituales, ofreciéndoles ventajas acordes a sus necesidades e informándolos con contenidos de su interés.
  • Es una publicidad con el mayor alcance y al menor coste. Al margen de las acciones de marketing de pago o no, una página web es una manera de publicitarnos diariamente con un mínimo mantenimiento. Y en este aspecto, podemos también podemos hablar de todos los lugares en los cuales se puede incluir un enlace a tu página web: desde la firma de tu email hasta el perfil de tu WhatsApp.

 

 

Y aquí mi experiencia personal.  Una página web es un resumen de tu negocio, de la idea que te estuvo rondando por la cabeza durante mucho tiempo, que a lo mejor está funcionando pero que nunca te detuviste a pensar cómo se ve desde afuera.

A mí me pasó, y a algunos de mis clientes también, que después de estudiar qué comunicaríamos y cómo lo comunicaríamos, nos quedamos sorprendidos de todo lo que teníamos para contar.

El propio proceso de creación implica crecimiento, te obliga a hacer una introspección y generalmente terminas viendo que tu negocio y tus clientes merecen más mimo y cuidado.  Eso nos ayuda a mejorar y a crecer.

Espero que esta información te haya sido útil

 

Las marcas son percepciones

Por Laura González
Responsable de Estudio Café

Diseño web  Branding Marketing

"Dale a tu negocio la chispa creativa que necesita, la que convence a tus clientes"