Site Loader
Quicksprout

visual vs texto

Las entradas de este blog suelen tener una extensión de 2.000 palabras. ¿Honestamente los leerías si no fueran más que texto? Claro, algunos de ustedes lo harían (y eso es increíble, gracias), pero nunca podría culpar a nadie por no querer leer un bloque gigante de texto.

Esta es la razón por la que los artículos que incluyen imágenes obtienen un 94% más de vistas totales que los artículos que no las incluyen.

Pero recuerda, esa estadística es sólo un promedio. Si utiliza bien las imágenes, su tráfico podría aumentar aún más. Es una situación en la que todos salen ganando: usted obtiene más páginas vistas y sus lectores disfrutan leyendo más contenido digerible. Aunque las redes sociales no son lo mismo que las entradas de tu blog, ilustran el poder de las grandes imágenes.

Los mensajes en Facebook que incluyen una imagen reciben un 53% más de gustos que los mensajes sin imagen. Además, también constituyen el 93% de los puestos más atractivos.

Gráfica Facebook

No importa cuán grande sea su escritura, tiene una capacidad limitada para mantener la atención de sus lectores y transmitir la información.

Las imágenes, por otro lado, pueden ser procesadas por el cerebro unas 60.000 veces más rápido que el texto.

Esta es la razón por la que Buzzfeed, uno de los sitios más populares de Facebook, utiliza imágenes en cada entrada. Esto les ha llevado a niveles de tráfico que superan los 200 millones de visitantes cada mes.

En resumen: Las imágenes deben ser un componente principal de todas las entradas de su blog. Mejoran la experiencia de sus lectores, lo que conduce a una audiencia más educada y satisfecha que disfruta más de su contenido y pasa más tiempo en su sitio.

El problema con el que puede encontrarse, sin embargo, es que las imágenes son caras. Aunque algunas empresas pueden contratar a diseñadores gráficos de alta calidad, no todo el mundo puede hacerlo.

Si desea obtener imágenes personalizadas para su contenido y no tiene el presupuesto para un diseñador profesional, no tiene otra opción que crearlas usted mismo.

Descargue esta hoja de trucos para aprender a crear imágenes personalizadas para sus entradas de blog sin necesidad de contratar a un diseñador.

Naturalmente, esto asusta a muchos propietarios de blogs. Pero la creación de imágenes no tiene por qué asustar. Este artículo le guiará a través de todo lo que necesita saber para crear imágenes personalizadas increíbles sin romper su presupuesto ni ocupar todo su tiempo.

1. Utilice estos 5 tipos de fuentes de imágenes gratuitas o de bajo costo

Si desea crear imágenes personalizadas, necesitará imágenes para sus imágenes.

¿Confundido? Déjame mostrarte lo que quiero decir.

Tome esta imagen destacada de mi puesto ¿Por qué la construcción de enlaces no es el futuro de SEO:

SEO

Dentro de esa imagen, hay muchas imágenes separadas:

  1. el fondo
  2. la mujer que mira la pizarra
  3. todos los gráficos individuales de la pizarra (el gráfico de líneas, la palabra “SEO”, etc.)

Al crear imágenes personalizadas, a menudo tendrá que combinar varias imágenes independientes.

Pero no puedes tomar cualquier imagen que encuentres en Google porque podría estar protegida por leyes de derechos de autor. Mientras que usted podría salirse con la suya por un tiempo, también podría ser demandado de la noche a la mañana y ser arrastrado a una costosa demanda.

Aunque tomes accidentalmente una imagen que creías que podías usar libremente, aún así podrías tener problemas.

Pero no dejes que eso te asuste porque voy a mostrarte diferentes formas en las que puedes obtener imágenes para usarlas en tus entradas de blog legalmente.

i) Imágenes de dominio público (gratis). El dominio público se refiere a las imágenes que son muy antiguas o las que el creador ha liberado en el espacio público.

Todas estas imágenes son gratuitas y seguras de usar y no requieren que usted ponga un enlace o dé atribución al creador (aunque puede hacerlo si lo desea).

Suena genial, ¿verdad? Es bueno, pero no genial. Por qué? Porque hay un número muy limitado de tales imágenes en comparación con las disponibles en los sitios de imágenes de pago, y las imágenes de alta calidad son utilizadas con frecuencia por otros.

Usted puede utilizar una serie de motores de búsqueda de dominio público, pero aquí están los más populares:

  1. Pixabay: Todas las imágenes de este sitio son libres de usar (sólo tiene que saltar la primera fila de imágenes “patrocinadas” para cada búsqueda). Busca lo que te interesa. Como puedes ver, hay algunas imágenes decentes pero ninguna que probablemente considerarías genial.

pixabay

fotos

  1. Morguefile: Morguefile es otro sitio de imagen sólido y libre. Todas las imágenes son gratuitas y no requieren ninguna atribución. Utilice el cuadro de búsqueda de la página principal como lo haría en cualquier otro sitio de imágenes:

Morguefile

Además, hay una función genial cuando haces clic en una imagen que te dice el número de veces que la imagen ha sido descargada. Probablemente quieras evitar los que han sido descargados decenas de miles de veces.

imagen

  1. Fotos de Dominio Público: Aunque no tiene el nombre más creativo, Public Domain Pictures es definitivamente uno de los principales motores de búsqueda de imágenes de dominio público.

Dominio Público

Aquí hay más recursos para imágenes gratuitas.

ii) Creative Commons Images (gratuito y de pago). Creative Commons es una organización sin ánimo de lucro que proporciona licencias para todo tipo de trabajo creativo, incluyendo imágenes.

Las imágenes que encuentras en Creative Commons suelen ser de mayor calidad que las de dominio público y a veces están a la par de las imágenes pagadas.

La desventaja de nuevo es que las mejores imágenes gratuitas serán utilizadas por miles de personas. Además, hay seis licencias de imagen diferentes que una imagen puede contener, la mayoría de las cuales requieren que usted proporcione la atribución (dé crédito al creador).

Antes de decirte dónde puedes encontrar imágenes de Creative Commons (CC), primero necesito darte un curso intensivo sobre las diferentes licencias (no te preocupes, es más fácil de lo que parece):

  1. CC0: Aunque técnicamente no es una licencia CC, la notación CC0 acompañará a algunas imágenes, lo que significa que son de dominio público. Usted es libre de usarlos de la manera que desee sin atribución.
  2. CC BY: Esta licencia le permite usar la imagen para cualquier propósito que desee, pero tiene que atribuirla. Si cambia la imagen, puede cambiar la licencia por la que desee.
  3. CC BY-SA: Una vez más, puedes usar la imagen como quieras, siempre y cuando des crédito. La diferencia es que cualquier imagen editada conservará la misma licencia, lo que no es un gran problema para nuestro uso.
  4. CC BY-ND: Puede utilizar estas imágenes con dos condiciones. En primer lugar, debe proporcionar la atribución, y en segundo lugar, no debe editar o alterar la imagen. Esto puede ser útil, pero no siempre.
  5. CC BY-NC: NC significa “No comercial”, lo que significa que no se puede utilizar en una entrada de blog de la que se pueda sacar provecho. Realmente espero que estés intentando ganar dinero con tu blog, lo que significa que no puedes usar fotos con esta licencia.
  6. CC BY-NC-SA: Esta es una licencia no comercial, evítela.
  7. CC BY-NC-ND: Una vez más, se trata de una licencia no comercial.

Para desglosar esto, los tres tipos de licencias que buscará son:

licencias

¿Cómo se da la atribución? Para acreditar correctamente a los creadores de imágenes, debe incluir el título de la imagen, el autor, la fuente y la licencia.

He aquí un ejemplo de una atribución ideal de Creative Commons para URLs de Flickr:

“Creative Commons 10th Birthday Celebration San Francisco” por tvol está licenciado bajo CC BY 2.0

De acuerdo con las mejores prácticas, debe atribuir la imagen cerca de donde se utiliza. Sin embargo, también es aceptable atribuir fotos al final del artículo.

Dado que CC es una organización de licencias, necesitará utilizar motores de búsqueda y diferentes sitios web para encontrar las imágenes de CC que desea utilizar. Aquí hay algunas:

a) Flickr: la fuente más conocida de imágenes de Creative Commons. Tiene la biblioteca más extensa de imágenes gratuitas, aunque a veces es difícil encontrar imágenes relevantes.

Busque un término y utilice el menú desplegable como se muestra en la imagen de abajo para filtrar los resultados a imágenes sólo con licencias comerciales. Si planeas modificar la imagen, elige “Uso comercial y modificaciones permitidas”.

Flickr

Una vez que tenga la imagen, sólo tendrá que crear una atribución para ella. La manera más fácil de hacerlo es usar ImageCodr para generar el html desde una URL de Flickr automáticamente.

ImageCodr

b) CC Search: todo lo que tienes que hacer es hacer clic en la fuente que te interesa (podría ser Flickr), luego ingresa tu palabra clave y haz clic en “Search”. Tenga en cuenta que debe marcar ambas casillas debajo de la casilla de búsqueda para que sólo obtenga imágenes disponibles para uso comercial y que pueda modificarlas:

CC Search

También puedes buscar en Wikimedia Commons usando este motor de búsqueda porque hacerlo en el sitio real de Wikimedia es una verdadera molestia.

c) Búsqueda avanzada de imágenes de Google: empiece escribiendo su búsqueda y haga clic en “Herramientas de búsqueda”, seguido de “Derechos de uso” y, a continuación, en cualquiera de los dos casos:

  • Etiquetado para reutilización
  • Etiquetado para su reutilización con modificación (si desea modificar la imagen)

Google

Lo único que tengo que tener en cuenta sobre la Búsqueda de imágenes de Google es que, en ocasiones, clasifica las imágenes de forma incorrecta. Vaya siempre al sitio real en el que está alojada la imagen para comprobar la licencia CC que tiene.

iii) Iconos simples (gratuitos y de pago). La mayoría de las imágenes personalizadas se basan en algún tipo de imagen de archivo o foto y texto. Sin embargo, a menudo querrá utilizar un pequeño icono para añadir relevancia a una imagen.

De lejos, el mejor sitio para encontrar iconos es el NounProject. Todo lo que necesitas hacer es buscar una palabra clave, y un montón de pequeños iconos aparecerán:

Iconos

Puedes usar cualquier icono libre, pero necesitas atribuirlo.

De lo contrario, puede comprar un ícono por $1.99 (o conseguir una membresía mensual), y no necesita proporcionar atribución.

iv) Imágenes de stock (gratuitas y de pago). Las imágenes de archivo son creadas por profesionales. Típicamente son fotos de muy alta calidad.

Mientras que las imágenes de dominio público y de CC tienen su tiempo y lugar, la mayoría de sus imágenes deben ser imágenes de stock.

Hay algunos sitios de imágenes de stock gratuitos, pero la mayoría son de pago. Una vez más, la gran diferencia entre los dos es que cualquier buena imagen libre será ampliamente difundida. Usted quiere que las imágenes de su blog tengan una sensación distinta que ningún otro sitio puede duplicar.

Aquí está una lista de algunos de los mejores sitios de imágenes de stock gratis:

  • StockSnap: Tiene un gran número de imágenes gratuitas que puede utilizar sin atribución.
  • Unsplash: Sin motor de búsqueda. Publican 10 fotos cada 10 días que cualquiera puede usar sin atribución (dominio público).
  • Gratisografía: Un número variable de imágenes se añaden semanalmente. Todos libres de usar; sin embargo, usted quiere aquellos sin atribución.
  • Muerte a la foto de stock: No una tonelada de fotos, pero puedes recibir 10 fotos de stock gratis por correo electrónico cada mes.

Además, aquí hay una lista de más de 10 otros sitios similares de imágenes gratuitas.

La compra de imágenes de stock es una buena opción si tiene un presupuesto y está tratando de utilizar imágenes de alta calidad.

Dicho esto, hay dos tipos distintos de imágenes de archivo que puede comprar, y uno de ellos que desea evitar.

Si ve “Rights managed” (Derechos administrados), corra en sentido contrario. Este término típicamente significa que usted sólo puede comprar una licencia de un solo uso. Esto significa que sólo puede utilizar la imagen una vez. Para usarlo de nuevo, usted tiene que pagar por ello de nuevo. La peor parte es que la licencia también expira después de un tiempo determinado, que a menudo es de unos pocos meses. Obviamente, no vas a quitar una entrada del blog después de unos meses, y sería tonto (y costoso) seguir comprando la misma licencia de imagen.

En su lugar, busque “imágenes libres de derechos de autor”.

Las imágenes libres de derechos de autor no son gratuitas, pero usted es el propietario de la imagen cuando la compra, y puede utilizarla tantas veces como desee sin necesidad de atribución.

También son mucho más baratos, la mayoría de los cuales van desde $0.20 a $5 dependiendo del sitio y de su nivel de membresía.

Aquí hay 4 conocidos sitios de imágenes de stock libres de derechos de autor:

Todos trabajan casi exactamente igual. Sólo tiene que introducir su palabra clave en el cuadro de búsqueda, y una tonelada de imágenes relevantes de alta calidad aparecerá.

imágenes

v) Contratar a un diseñador “barato” en sitios freelance. Si bien es posible que no pueda permitirse un diseñador gráfico profesional, probablemente pueda permitirse contratar a un diseñador independiente del extranjero.

Estos diseñadores costarán una fracción de la mayoría de los diseñadores occidentales, y usted podrá obtener algunas imágenes personalizadas de alta calidad por sólo unos pocos dólares cada uno. En muchos casos, tendrá que lidiar con una pequeña barrera idiomática, pero si deja claras sus instrucciones, puede funcionar.

Aquí están algunos sitios freelance populares donde usted puede encontrar un diseñador barato:

El resto de este artículo se centra en enseñarle cómo crear imágenes personalizadas usted mismo (incluso más barato).

2. La”Salsa Secreta” para diseñar fácilmente imágenes como un profesional

Si hubiera escrito este artículo hace unos años, se habría visto muy diferente.

No soy diseñador gráfico, y la mayoría de los vendedores tampoco lo son. Tener que aprender a usar un software complejo como Photoshop es intimidante.

Por suerte, ahora tenemos una mejor opción: Canva.

Canva es una herramienta de diseño para los no diseñadores. Las cosas encajan en su lugar como usted espera. Tiene todas las opciones básicas para cambiar el color y el tamaño de una imagen. Y hasta tiene una gran cantidad de imágenes y formas gratuitas que puedes usar.

A continuación se explica cómo utilizar esta herramienta:

i) Elija un tamaño de lienzo (imagen). Una vez que haya creado una cuenta gratuita, puede elegir un tamaño de imagen para iniciar un nuevo proyecto.

Puede elegir un tamaño preestablecido común, por ejemplo, para una presentación o un póster, o puede introducir dimensiones personalizadas para hacer una imagen de cualquier tamaño.

Nota: Una vez que elijas una talla, no podrás cambiarla. Esta es probablemente la única desventaja significativa de la herramienta.

diseño

Para la mayoría de las imágenes de las entradas de blog, usted querrá elegir dimensiones personalizadas, comenzando con el ancho de su blog. Si no estás seguro de lo alto que quieres que sea, siempre te equivocas en el lado alto porque siempre puedes recortarlo después.

ii) Utilice la barra lateral para buscar imágenes, formas y plantillas. Una vez que haya creado un nuevo proyecto de diseño, verá la barra lateral que se muestra a continuación junto a su lienzo en blanco.

plantillas

En la primera pestaña, la pestaña “Buscar”, puede navegar por las imágenes e iconos que desea utilizar en su imagen, o puede escribir una palabra para mostrar las fotos relevantes.

Tenga en cuenta que cuando pasa el ratón por encima de algunas de las fotos, puede aparecer un precio (normalmente $1.00). Si eliges esa imagen, tendrás que pagarla cuando descargues el diseño final.

busqueda de imagenes

Las otras pestañas se explican por sí solas:

  • “Layouts”: permite dividir el lienzo en plantillas preestablecidas.
  • “Texto”: permite añadir fácilmente cualquier tamaño o tipo de texto.
  • “Fondo”: le permite elegir una variedad de fondos, desde fondos lisos y de colores sólidos hasta fondos pagados y con patrones.
  • “Uploads”: te permite subir tus propias imágenes sin coste alguno. Así es como usted obtendría sus fotos de stock de antes en su diseño.

Una vez que elijas una foto, forma o texto, el elemento aparecerá en el lienzo de la derecha.

A partir de ahí, es realmente intuitivo cambiar el tamaño, la posición o el color de la imagen o alinear ciertos elementos con otros elementos:

edición

iii) Si desea algo más avanzado, utilice una alternativa. Aunque Canva es genial, tal vez tengas habilidades avanzadas de diseño o un interés en aprender software más avanzado.

En ese caso, algunas alternativas más avanzadas son:

  • GIMP (Gratis)
  • Pixlr (Gratis)
  • Photoshop
  • Ilustrador

Usaré Canva como ejemplo en el resto de esta guía, pero todos los principios y conceptos se aplican a todos los diseños que se pueden hacer con cualquier software.

3. Diseño de imagen 101: 3 elementos de buen diseño

El resto de esta guía te ayudará a aprender lo mínimo para crear imágenes atractivas para tu blog.

Antes de que nos adentremos en la creación de imágenes reales, es necesario que aprendas un poco sobre diseño.

i) Elija una fuente. Hay dos tipos de fuentes: serif y sans-serif. Las fuentes seriformes tienen esos pequeños “ganchos” al final de las letras y son comunes en las publicaciones impresas (piense en Times New Roman).

Las fuentes Sans-serif fueron diseñadas específicamente para la web y no tienen “ganchos”. Son generalmente (pero no siempre) la mejor opción para la escritura web.

Una encuesta de Hongkiat reveló las 10 fuentes más populares que los diseñadores web utilizan con más frecuencia:

  • Myriad Pro
  • Liga Gótica
  • Cabaña
  • Ménsula
  • Losa del Museo
  • Bebas Neue
  • Ubuntu
  • Langosta
  • Franquicia
  • Serifas PT

Además, otro análisis de las fuentes utilizadas por los diseñadores reveló las tres siguientes como opciones populares:

Recomiendo no escoger más de dos fuentes por imagen para mantenerla simple y cohesiva.

Si desea ver cómo son todas esas fuentes (y más), use Marca de palabra.

Simplemente escriba una frase en la parte superior para ver esa frase en diferentes fuentes:

titulos

ii) Elija una combinación de colores. Antes de comenzar a elegir los colores para su imagen, consulte mi extensa guía The Psychology of Color para averiguar qué colores funcionan mejor para su nicho y marca, si es que no lo ha hecho ya.

¿Atrás? Bien.

Cuando se trata de colores en el diseño, todo se trata de cómo van juntos. Una buena imagen para una entrada de blog no debe tener más de tres colores principales. En la mayoría de los casos, menos es más.

Aunque es una simplificación, generalmente hay cuatro tipos de combinaciones de colores.

  1. Monólogo: Una imagen monótona tiene un color pero diferentes matices. Utilice esta herramienta de color de Google para encontrar tonos de colores diferentes que van bien juntos.

colores

  1. Análogo: Puede involucrar uno o más colores. Un patrón análogo consiste en colores que están uno al lado del otro en una rueda de colores. Por ejemplo, de los cinco colores contiguos en una rueda de colores que se muestra a continuación, puede elegir dos o tres cualquiera y hacer una buena combinación de colores.

gama de color

  1. Complementario: Consiste en dos colores opuestos en una rueda de colores. Un esquema de color complementario contiene colores que proporcionan altos niveles de contraste pero que van bien entre sí. Tenga en cuenta que puede cambiar los tonos de cada color elegido hasta que se adapte a su sitio web o imagen.

gama de colores

  1. Triádico: Implica exactamente tres colores. Todos estos colores se complementan entre sí, y la imagen resultante es muy vibrante. Esto es lo que parece en una rueda de color básica:

colores

En lugar de dibujar una combinación en una rueda de colores, use Paletton.

Empiece haciendo clic en la combinación de colores deseada (por ejemplo, “Tríada”) en la parte superior, luego arrastre cualquiera de los círculos exteriores para probar diferentes combinaciones de colores. Puede previsualizar los colores de la derecha y detenerse cuando encuentre una combinación que le guste:

paleta de colores

iii) Estilo. El estilo de tus imágenes personalizadas debe coincidir con el estilo de tu blog y de tu marca, tanto en diseño como en mensaje.

Lo ideal es que los lectores leales puedan reconocer quién creó las imágenes cuando las ven sin siquiera ver su nombre o el nombre de su sitio web en ellas. Por eso es tan importante la coherencia.

Primero, asegúrate de que tu diseño se vea como si perteneciera a tu blog. Usted puede tener alguna variación en su selección de imágenes, pero trate de mantener un estilo, tamaño y formato similar siempre que sea posible.

Copyblogger es increíble en mantener un diseño consistente. Para sus diferentes programas de podcasting, utilizan el mismo diseño, fuente e iconos:

Copyblogger

Lo único que cambian para cada show diferente es el texto real y el color de fondo del cuadrado izquierdo.

Como puede ver, la imagen de arriba para el programa “Hit Publish” tiene un fondo púrpura, mientras que la imagen para el programa “Hack the Entrepreneur” tiene un fondo amarillo:

Hack the Entrepreneur

La segunda cosa principal a tener en cuenta es que el mensaje de la imagen tiene que coincidir con su sitio y el tema de la entrada. Piensa siempre en lo que la imagen que estás haciendo está añadiendo a tu mensaje.

Un propósito que una imagen puede tener es comunicar un sentimiento o estado de ánimo. Por ejemplo, esta imagen de un post de Quick Sprout no es exactamente relevante para el contenido, pero comunica una sensación de éxito y logro.

Hombre saltando de alegría junto al símbolo del dólar. Ganador de la lotería

No tendría sentido tener una tonelada de texto o tratar de enseñar a los lectores algo cuando se usa una imagen como esta.

Otro propósito que puede tener una imagen es educar a un lector rápidamente. La infografía es un gran ejemplo de ello. Pero incluso imágenes simples pueden transmitir el propósito y el punto principal de un mensaje.

Por ejemplo, aquí hay otra imagen destacada de una entrada de Quick Sprout:

estadísticas SEO

El objetivo de este post era aumentar el tráfico de KISSMetric, lo que se deduce claramente de esta imagen. También muestra que el SEO fue una parte importante y creciente de esto.

Un tipo final es una imagen educativa o profesional con el propósito de comunicar una parte importante de su puesto.

Digamos que tienes un blog motivacional. ¿Qué imagen (abajo) encajaría mejor para una entrada en ese blog?

imagen

Ambos son simples, pero la imagen superior usa una fuente ridícula para un mensaje serio, así que nadie lo tomará en serio.

Haga coincidir la fuente, la imagen y el esquema de color con su mensaje general.

4. Tres diseños de imágenes que se ven muy bien y se pueden hacer en menos de 5 minutos

Ahora es el momento de mostrarte paso a paso cómo crear grandes imágenes en Canva. Siéntase libre de seguir adelante mientras crea sus propias imágenes.

He escogido tres plantillas generales que puedes usar una y otra vez para crear grandes imágenes. Siéntase libre de hacer cualquier ajuste necesario que le ayude a representar mejor su marca.

Para empezar, necesitaremos una buena imagen de fondo. Usando uno de los sitios de imágenes de stock gratuito que mencioné anteriormente, rápidamente encontré éste. Usaremos eso para estos ejemplos.

Diseño #1: “Robar” una plantilla Canva gratis. ¿Recuerdas esas plantillas preestablecidas en la página de inicio de Canva? Usemos uno de ellos.

Primero, haga clic en una de esas plantillas. Elegí una imagen de medios sociales:

Canva

En segundo lugar, elija uno de los diseños en la pestaña “Layout” que dice libre en la parte inferior de la miniatura:

diseño

Tercero, subamos nuestra imagen de stock usando la pestaña “Uploads”. Haga clic en la imagen una vez cargada para aplicarla a nuestra plantilla.

Luego arrástrelo y muévalo hasta que cubra el lienzo. Haga clic en “Atrás” tantas veces como sea necesario hasta que no cubra el texto:

ajustar tamaño

El cuarto paso es editar el texto. Simplemente haga clic en el cuadro de texto y escriba el texto que desee:

texto

Finalmente, haga clic en el fondo y seleccione “filtro”. Arrastre el contraste y el brillo hacia abajo o hacia arriba hasta que el texto sea muy visible. Alternativamente, cambie el color del texto.

ajuste

Aquí está el diseño final:

diseño

¿No está mal durante 5 minutos?

Diseño #2: Use una imagen de fondo simple y transparente, y ponga el título en una envoltura de texto. Esta vez, hagamos una imagen desde cero.

Empiece por hacer clic en “dimensiones personalizadas” e introduzca la anchura y la altura adecuadas. Considerando que este blog tiene 700 pixeles de ancho, ingresé 700px para el ancho.

tamaño

Empieza por subir y hacer clic en tu imagen de stock y expandirla para cubrir tu lienzo. No te preocupes si se dispara un poco:

tono

A continuación, vaya a la barra lateral y haga clic en la pestaña “Buscar”. Haga clic en la ficha “Formas”:

barra

Elige una de las casillas libres en la parte superior. Una vez que aparezca en el lienzo, estírelo en un rectángulo que cubra la mayor parte del ancho de la imagen. Luego muévelo al espacio abierto cerca de la parte inferior.

ligas

Siéntase libre de escoger un color que vaya con los otros colores de su foto (para mí: naranja y azul).

A continuación, haga clic en la pestaña “Texto” de la barra lateral, escriba su mensaje y colóquelo sobre el rectángulo.

texto

Para un paso 5 opcional, haga clic en la imagen de fondo, luego haga clic en la flecha del menú para que pueda hacer clic en “Transparencia”.”

Transparencia

Ajusté la transparencia a 70 para que el titular destacara. Aquí está la imagen final:

transparencia

Diseño #3: Combine un titular, un mensaje y un icono. Hagamos una última imagen pero sin una foto de archivo. Crea otro lienzo en blanco, igual que la última vez.

Esta vez, haga clic en la pestaña “Fondo” y elija una de las opciones libres. Puede hacer clic en el fondo y cambiar el color si lo desea:

imagen47

A continuación, haga clic en la pestaña “Buscar” y luego en “Iconos”. Hay muchos iconos gratuitos; yo elegiré el gráfico aquí.

imagen34

Lo volví blanco y lo giré usando los puños.

En tercer lugar, vuelva a la pestaña “Texto” e inserte el texto deseado, igual que antes. Esta vez, vamos a añadir un título y un subtítulo.

Una vez que haya agregado el texto, ¡ha terminado!

Esta es mi última imagen:

grafico

Como puede ver, no se necesita mucho para crear una imagen atractiva en sólo unos minutos. La única limitación es tu imaginación. Para más ideas de diseño, siga la escuela de diseño de Canva.

5. Optimizar las imágenes para el tamaño de los archivos y el tráfico de los motores de búsqueda

Ahora que sabes cómo crear imágenes personalizadas, la última parte es optimizarlas para que beneficien lo más posible a tus entradas de blog.

i) Comprima el tamaño del archivo. La velocidad de la página es un gran problema. Una página de carga lenta hará que los visitantes se vayan antes de que le den una oportunidad a tu mensaje.

Se estima que un retraso de sólo 1 segundo en la respuesta de la página puede causar una reducción del 7% en las conversiones y una reducción del 11% en las visualizaciones de la página.

Además de alejar a los visitantes, una página de carga lenta también le costará más en el alojamiento de ancho de banda.

Una de las razones más comunes para que un sitio web se cargue lentamente es el gran tamaño de sus imágenes.

Afortunadamente, puede comprimir fácilmente las imágenes a una fracción de su tamaño original y mantener su sitio web de carga rápida. Además, la compresión de una imagen rara vez disminuye la calidad de la misma de manera significativa.

Si estás usando WordPress, instala un plugin como Smush o Kraken. Estas comprimirán automáticamente las imágenes a medida que se cargan.

Echa un vistazo a la siguiente captura de pantalla de Smush, que muestra imágenes comprimidas en un 22-82%:

Smush

Alternativamente, si desea optimizar la imagen antes de que llegue a su servidor, utilice una aplicación de compresión de imágenes.

Aquí hay 3 de las opciones más populares:

Todas ellas funcionan de forma similar: sólo tienes que subir tu imagen original y descargar la nueva comprimida.

ii) SEO de sus imágenes. Imagen SEO es bastante sencillo.

Los 3 atributos más importantes son:

  • Nombre del archivo
  • Título de la imagen
  • Texto alternativo de la imagen

Empiece por nombrar sus imágenes para incluir una palabra clave relevante para su artículo. Usted querrá que el título de la imagen y el texto alternativo contengan esa palabra clave, o una muy similar.

Si subes las imágenes a WordPress, se te pedirá que rellenes todos los campos de inmediato:

WordPress

Alternativamente, puede simplemente añadir el título y el texto alternativo en el html de la imagen:

”Here’s“”

iii) Varíe los tipos de imágenes que utiliza. Hablé de la consistencia del mensaje y del diseño, pero eso no significa que debas usar el mismo tipo de imagen una y otra vez. Se volverá aburrido y perderá parte de su beneficio.

En su lugar, mezcle sus activos visuales incluyendo capturas de pantalla, gráficos, cuadros y otros tipos de imágenes.

Por último, asegúrese de incluir un buen número de imágenes por mensaje. Blog Pros llevó a cabo un estudio y encontró que los blogs de mayor ranking incluían al menos una imagen por cada 350 palabras.

iv) Cambie el tamaño de sus imágenes cuando las comparta en redes sociales. Probablemente querrá usar algunas de sus imágenes personalizadas en los medios sociales para atraer más atención.

Para ello, redimensiona la imagen primero para que la parte más importante aparezca en el feed de tus seguidores de cada red social:

redes sociales

La mayoría de los visores de imágenes tienen la capacidad de recortar imágenes, pero si la suya no lo hace, puede utilizar cualquiera de las siguientes aplicaciones web que le permiten recortar y redimensionar imágenes.

a) PicResize: Sube la imagen y utiliza las opciones de recorte y redimensionamiento de la siguiente pantalla para crear el tamaño y la forma que necesites. A continuación se explica cómo utilizar la herramienta de recorte:

crop

Para cambiar el tamaño de la imagen, elija una de las opciones preseleccionadas o introduzca un tamaño personalizado mediante el menú desplegable:

imagen28

b) LunaPic: Funciona casi de la misma manera que PicResize para recortar o cambiar el tamaño de su imagen.

c) Cambiar el tamaño de la web: Funciona casi de la misma manera que PicResize para recortar o cambiar el tamaño de su imagen.

Te animo a que empieces a pensar en las imágenes no sólo como rellenadores de espacio, sino como activos reales que mejoran tus mensajes.

Si lo haces, y sigues los conceptos que repasamos en este artículo, deberías ver un aumento real en las visitas a tu página, el tiempo que pasas en ella y la satisfacción general de los usuarios.

No se preocupe si no puede crear imágenes increíbles de inmediato. Cualquier imagen que usted cree mejorará su contenido.

Con el tiempo, a medida que creas imágenes personalizadas, verás mejores y mejores resultados que marcarán una gran diferencia en tu balance final.

Ahora es tu turno. ¿Cuáles son tus imágenes favoritas para incluir en tus mensajes, y cómo las obtienes o las haces?

Post Author: Juan González

Leave a Reply

Your email address will not be published. Required fields are marked *