Cómo las imágenes ayudaron al blog de Canva a conseguir un promedio de 60 mil visitas mensuales [con plantillas gratis para que hagas lo mismo]

Imágenes para blogs

Déjame adivinar, ¿quieres que más personas entren en tu sitio web?

Hey, eso no tiene nada de malo. Estarías absolutamente loco si no lo quisieras. Aunque ambos sabemos que no es fácil ¿o sí lo es?

El blog de Canva se lanzó oficialmente en el 2013 y desde entonces, sus visitas mensuales han crecido rápidamente desde 0 a 1 millón. 

Read the full story: How We Increased Design School's Traffic to 1 Million Visits

Intentamos muchos métodos para aumentar el tráfico del blog, pero en 2015 nos dimos cuenta que no habíamos considerado a Pinterest como una fuente de tráfico válida. Con 100 millones de usuarios activos, que no estuviéramos aprovechando esta plataforma, utilizada por muchas de las grandes compañías para crear conciencia, generar tráfico en sus sitios web y vender, era una locura.

Así que, después de un poco de brainstroming, nos dimos cuenta cual era la solución obvia: Para crecer el blog de Canva con la ayuda de Pinterest, necesitábamos infinidades de gráficos valiosos en los artículos de nuestro blog.

Y eso fue lo que hicimos, ahora cada artículo que producimos cuenta al menos con 20 gráficos y los resultados han sido increíbles: Pinterest contribuye ahora con 60,000 visitas mensuales al blog de Canva. Lo mejor es que es tráfico gratis, tráfico por el que no tenemos que trabajar después de publicar el artículo.

Ahora bien, estos logros quizás parezcan difíciles de replicar, pero no lo son. La clave está en comenzar y eso es de lo que hablaremos en este artículo, los elementos básicos para que comiences a crear gráficos para tu blog que tengan un impacto, además que incluiremos plantillas gratis entre cada una de las lecciones.

  1. Crea una guía de estilo para tu contenido visual
  2. Determina que gráficos usarás más en los posts
  3. Elabora un conjunto de plantillas personalizables
  4. Dale un buen uso a tus recursos recién diseñados

01. Crea un guía de estilo para tu contenido visual

Antes de que te metas de lleno a crear una imagen chida para el encabezado o un gráfico para el post, es importante que des un paso atrás y determines que elementos visuales (tipografías, colores, patrones) serán tus bases para la creación de imágenes. Básicamente, definirás un estilo visual para tus gráficos y crearás una guía de estilo para garantizar la integridad de los mismos.

Si piensas que es mucho trabajo y que no te debes molestar, vuélvelo a pensar. Crear una guía de estilo para los gráficos de tu blog y apegarse a ella, le dará consistencia a todos tus posts, creará una marca para tu blog y a futuro, te ayudará a crear gráficos más rápido.

Para comenzar hoy a desarrollar una guía de estilo, selecciona estos elementos:

Tipografías

Decide que tipografías estarás usando y para qué las estarás usando. En otras palabras, ¿en qué tipografía irán los títulos de tus posts? ¿Y qué hay del texto de apoyo?

A mí siempre ha costado reducir mis opciones. Con tantas tipografías que hay, es difícil recordar que solo debo seleccionar unas pocas y no una docena de ellas. Por muy tentador que sea, siempre trato de no trabajar con más de 4 tipografías, pues usar muchas distintas le quitará coherencia al diseño.

A medida que seleccionas las tipografías, se consciente de las relaciones que tenga cada una con tu material. Por ejemplo, si escribes sobre arquitectura moderna, seleccionar una slab serif con un toque vintage del viejo oeste quizás no sea lo correcto.

En la práctica, utilizar consistentemente un conjunto de tipografías se puede traducir en algo como el siguiente ejemplo:

Imágenes de Love and Lemons

Observa como en ambas imágenes, se usa la misma tipografía para los mismos propósitos. El blogger de dichas imágenes no combinó las tipografías entre los posts y al no hacerlo, le dio consistencia y profesionalismo a su trabajo.

Puedes aprender cómo hacer esto leyendo sobre la combinación de fuentes, o puedes usar las plantillas de Canva que están debajo para ahorrarte tiempo creando gráficos similares a los ejemplos de arriba. Para el primer layout, simplemente selecciona una imagen que brinde una vista desde arriba de los ítems que vas a presentar y escribe un texto con los detalles.

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Colores

No puedo decir lo importante que es crear una paleta de colores para las imágenes de tu blog, y si ya has estado empleando una en las demás secciones del blog, utilízala en tus gráficos. Si no lo has hecho, chécate las siguientes herramientas. Me encanta usarlas cuando tengo que definir colores para distintos proyectos.

Pero, ¿qué beneficios tendrán los gráficos de tu blog usando colores consistentemente? Bueno, debajo compartí dos ejemplos de 2 blogs que me encantan: The Everywhereist y Nomadic Matt. Si haces clic en ellos, observarás como los mismos colores se usan no solo en las imágenes, sino también en todo el blog. Se ve profesional, ¿no es así?

Imagen de The Everywhereist

Imagen de Nomadic Matt

¿Quieres basarte en los layouts de arriba para crear tus propios? Utiliza una de las siguientes plantillas de Canva que brindan una base parecida para mensajes similares:

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Elementos visuales

Define el rol que jugarán las texturas, figuras, patrones o cualquier otra clase de elementos visuales que usarás. ¿Usarás los patrones cómo fondos? ¿Deberías colocar el texto dentro figuras? ¿Se estará enmarcado el texto?

Cada cierto tiempo, los posts en el asombroso blog Vintage Revivals tendrán bordes, como los que ves debajo. Si es un elemento visual de esta clase lo que quieres usar, es recomendable que hagas una nota de cuándo y cómo los usarás.

Actualmente, los bordes ligeros son muy populares. Si quieres probar con uno, dale un vistazo a esta gran plantilla de Canva:

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Estilo fotográfico

Al igual que con los demás puntos que hemos hablado, es importante que seas consistente entre las fotografías que usas en los gráficos de tu blog o en tu blog en general, lo que no solo significa utilizar el mismo filtro una y otra vez, sino que intentes ser consistente con respecto a la iluminación, composición y edición de tus imágenes. Si dichas imágenes llevarán texto, trata de colocarlo en formas similares y utiliza una de las tipografías que ya tienes seleccionadas.

Chécate los dos siguientes conjuntos de imágenes. Las imágenes de ambos se usaron en posts distintos y aun así se sienten que van de la mano porque ambas cuentan con composiciones, colores e iluminado similares.

Imágenes usadas en Oh So Beautiful Paper

Imágenes usadas en Lovely Indeed

¿Recuerdas la paleta de colores? Cuando sea posible, trata de integrarla en las fotografías que usarás para tus gráficos. ¿Puedes incluir decoraciones o fondos que sean del mismo color que tu paleta? Hazlo, pues incorporar otros elementos del mismo color puede ayudarte a crear detalles que resulten en un diseño encantador.

Con respecto a las fotografías, recuerda buscar los derechos de las imágenes que usas. Salvo que se exprese lo contrario, todas las imágenes que encuentras online están protegidas por derechos de autor.

Pero, si no estás seguro que imágenes tienen o no tienen estos derechos, no te preocupes, pues Canva tiene la solución con la variedad de imágenes gratis que ponen a tu disposición.

Debajo, encontrarás 2 plantillas de Canva fácilmente personalizables. Para usar solo las fotografías, explora las opciones de las imágenes gratuitas de Canva, elimina el texto de ambas plantillas y coloca cualquier imagen que te guste.

Para lograr la misma consistencia entre las fotografías que decidas usar en Canva, selecciona imágenes con composiciones parecidas, tomadas desde el mismo ángulo y con iluminado similar.  Una vez que hayas seleccionado las imágenes, tráelas a tus plantillas de Canva y si usarás filtros, asegúrate de recordar que filtro aplicarás para que lo puedas volver a usar en el futuro.

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Otros

¿Usas otra cosa en tus gráficos, como animaciones gif? Asegúrate de tomar nota de ellas, indicando cómo se deben o no se deben usar.

Después que hayas definido todo lo que hemos mencionado, crea una guía de estilo que te sirva de referencia para los gráficos de tu blog. Así no solo automatizarás el proceso de diseño, sino que evitará cambios no deseados y te ayudará a expresarle a cualquiera que contrates para que te ayude a crecer tu blog cómo los gráficos se deben ver.

Si te preguntas ¿cómo funciona una guía de estilo si decides diseñar los gráficos para tu blog solamente en Canva? La respuesta es sencilla: igual.

A medida que selecciones tipografías, elementos visuales o estilos de fotografías, dirígete a Canva y chécate todas las distintas opciones que la plataforma ofrece. Luego, haz una nota de todas ellas y elige acorde a lo que ves para posteriormente utilizarlas con consistencia y producir gráficos asombrosos en Canva.

02. Determina que gráficos usarás más en los posts

Ya con tu nueva guía de estilo equipada, define cuál es tu contenido de gráficos, pues esto es lo que orientará tu diseño. Trata de saber con exactitud qué es lo que deseas comunicar o lograr con cada gráfico y emplea esa información para el diseño de los gráficos de tu blog. Teniendo eso en cuenta, elige cuál es la mejor forma de expresarlo.

Para entender mejor, piensa en un título gráfico y un gráfico que muestre datos recopilados de una encuesta.

Un título gráfico busca introducir el post dando a saber el título. Su contenido, por lo normal, es muy básico: una línea de texto. Quizás se beneficie de una tipografía grande puesta sobre un color liso o fotografía de fondo, así como también puede ser una texto limpio puesto sobre una figura, como se muestra a continuación.

Imagen de Wanderluce

¿Buscas crear un título gráfico parecido al ejemplo de Wanderluce mostrado arriba? Chécate estas plantillas de Canva:

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Por otro lado, un gráfico que muestra datos de una encuesta es más que solo un título, pues para acomodar todas las distintas secciones de información tendrás que armar un layout más complejo (quizás usando una rejilla) y tendrás que prestarle mucha atención a la jerarquía de la información. En este caso, quizás te gustaría trabajar tomando como base plantillas como estas:

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Usar el mismo layout y estrategia para crear todos los gráficos de tu blog no te dará los resultados que quieres. Tienes que dejar que el contenido de cada uno de los gráficos que crees oriente su diseño.

03. Elabora un conjunto de plantillas personalizables

Con el tiempo, empezarás a ver que frecuentemente ciertas porciones de contenido se traducen en la misma clase de gráfico. Por ejemplo, cada vez que estés listo para publicar un nuevo post, quizás quieras utilizar una fascinante imagen que vaya con tu título.

Si sabes que siempre vas a diseñar gráficos basados en citas, datos o títulos de post, crea un conjunto de plantillas que puedas cambiar y personalizar con facilidad para que te ahorres algo de tiempo y trabajo.

Sin embargo, asegúrate que estas plantillas sean flexibles. Unas plantillas que no dejen mucho lugar para la creatividad puede hacer que tus diseños sean aburridos y por ende, cansar a tu audiencia o peor aún, que piensen que es un post que ya vieron por lo similar que es la imagen de otro post que hayas compartido anteriormente.

Los chicos de Design For Founders siempre usan gráficos para títulos como la forma de introducir sus posts. En ellos, incluyen el título del blog post, el autor y una bonita imagen que se relaciona con el contenido del post.

Imagen de Design For Founders

Para crear algo tan impecable como el ejemplo de Design For Founders, prueba una de estas increíbles plantillas de Canva en tu diseño:

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Haz clic para editar este diseño en Canva

Elaborar un conjunto de plantillas personalizables si trabajas con Canva, pues la plataforma automáticamente guarda todo lo que produces en tu cuenta. De esta manera, puedes hacer cambios pequeños a los gráficos existentes y juntar todas tus plantillas en un lugar. Todo lo que tienes que hacer es ¡crear una cuenta, definir tu estilo visual y ya! ¿No te parece eso genial?

04. Dale un buen uso a tus recursos recién diseñados

Ahora sí, llego la hora de diseñar tus gráficos, utilizando como referencia tu guía de estilo y el conjunto de plantillas cuando puedas. Comienza colocando la tipografía o el contenido del texto, luego determina la jerarquía agregando colores y para los toques finales, agrega otros elementos visuales o fotografías. Recuerda, deja que tu contenido oriente el diseño.

Exporta los gráficos, súbelos a tu blog y empieza a leer los cumplidos en los comentarios.

¿Ya te sientes listo para diseñar los gráficos de tu blog? Entra en Canva, créate una cuenta si es que no tienes una y emplea todo lo aprendido. En muy poco tiempo, estarás creando gráficos para tu blog que se verán profesionales y pulcros.

¿Usas Canva desde hace tiempo para los gráficos de tu blog? Nos gustaría checar tu blog y ver lo que has hecho. ¡No dudes en compartir con nosotros las experiencias que has tenido con tu blog en los comentarios!

Artículos relacionados

Ver todo

Group 3 (3) (1)

Convierte tus ideas en realidad en minutos

Exprésate con el programa de diseño más fácil del mundo.