Cómo crear excelentes imágenes de blog (consejos, herramientas y más)

Publicado: 2021-08-09

Ilustración de edición de imágenes

¿Cuál es la diferencia entre una buena publicación de blog y una mala? Más a menudo que cualquier otra cosa, la respuesta son las imágenes. Las imágenes son fundamentales, aunque no lo parezca. Después de todo, nadie comenta en las publicaciones de tu blog diciendo "¡bonitas fotos!" Pero:

  • Los tuits que se centran en imágenes obtienen un 35 % más de retuits.
  • Las publicaciones de imágenes de Facebook obtienen mucha más exposición, y el 87% de las publicaciones principales en la red son publicaciones de imágenes.
  • Las encuestas indicaron que una imagen memorable hace que una publicación sea mucho más fácil de recordar más adelante.

Esas estadísticas provienen de Orbit Media, pero he visto información similar en toda la web durante años. Los números pueden cambiar un poco hacia arriba y hacia abajo de un año a otro, ya que los algoritmos se ajustan a cualquier travesura que los especialistas en marketing estén tratando de hacer, pero el hecho sigue siendo el mismo. La gente, en general, se siente atraída por imágenes brillantes y atractivas más que nada.

Retencion de IMAGENES

Soy un especialista en marketing, totalmente consciente de los trucos, e incluso ocasionalmente he hecho clic en las publicaciones solo porque la imagen era rara y quería ver para qué servía.

(Diría que el 99 % de las veces, "hacer que hagas clic" es el propósito, y la imagen no es necesariamente valiosa para la publicación, pero esa es otra historia).

Entonces, ¿qué puedes hacer para crear mejores imágenes?

Tengo consejos para usted, recomendaciones de herramientas y mucho más.

Tabla de contenido
Acerca de las fotos de stock
Determine el propósito de sus imágenes
Detalles técnicos
Herramientas de creación de imágenes
Consejos variados

Acerca de las fotos de stock

Entonces, fotos de archivo. Estos son los elefantes en la habitación que tenemos que discutir. Es posible que haya notado que he escrito una guía sobre los sitios que puede usar para encontrar fotos de archivo, pero también que muchas de mis guías de blogs le dicen que se mantenga alejado de las imágenes de archivo. Entonces, ¿cuál es el trato? Es un poco más complejo de lo que parece.

Primero, hablemos de las razones por las que no deberías usar fotos de archivo.

Ilustración de la foto de stock

No son necesariamente únicos . ¿Conoces el viejo chiste de la comedia de situación sobre ir a una fiesta con el mismo atuendo que otra persona?

"Bueno, uno de nosotros va a tener que cambiar".

¿Cómo te sentirías si compartieras tu publicación en Facebook y descubrieras que la imagen destacada que usaste es la misma que usó otra persona?

Si bien eso no es necesariamente un problema, significa que pierde una gran cantidad de valor único que de otro modo obtendría. Sin embargo, lo que es más importante, vale la pena mencionar algunas posibles preocupaciones de SEO.

La búsqueda de imágenes de Google es una excelente fuente de tráfico en estos días, aunque es mucho más difícil de orientar. Por lo general, lo mejor que puede hacer es cargar una imagen única, agregar texto alternativo y palabras clave muy descriptivos, y esperar que se clasifique bien. ¿Una foto de archivo, sin embargo? No solo su versión no es la única, sino que dos docenas de sitios web de fotos de archivo también la tendrán visible, y hay muchas posibilidades de que todos lo superen.

Imágenes no únicas

También existe la teoría de que Google está penalizando las imágenes duplicadas como penaliza el contenido duplicado, o al menos, que es un factor de clasificación o que se convertirá en uno en el futuro. Que tiene sentido; los sitios que copian artículos no deberían superar el contenido único, así que ¿por qué no debería ser lo mismo para las imágenes? ¿Por qué no sería un factor de calidad? Comida para el pensamiento.

Tienes que licenciarlos, y algunos requieren que muestres la atribución. Si alguna vez ha leído contenido en sitios de noticias o en un sitio como Cracked, verá la atribución debajo de cada imagen. "Imagen The Associated Press" o "Imagen de Getty Images" o lo que sea.

Atribución de imagen

¡La atribución es buena! Sin él, estás robando y cometiendo una violación de derechos de autor. Sin embargo, la atribución también es antiestética y le resta valor a la imagen. Puede estar ocupando el lugar del pie de foto, o puede estar sobrecargando un pie de foto existente. Además, les dice a todos que estás usando imágenes de archivo. A muchas personas no les importa, pero a algunas sí, y eso generalmente no es algo bueno.

Las fotos de archivo no transmiten su marca. Las imágenes son parte de su marca. Es posible que haya notado que tengo un estilo gráfico distinto. Cada publicación de blog que publico tiene imágenes consistentes, incluso si no cubren los mismos temas. Solo echa un vistazo al índice de mi blog; puedes ver cómo todos se ven similares. Si bien puede pensar que esto significa que no se destacan, es todo lo contrario.

Si eres un lector frecuente de mi blog y ves una imagen como estas en línea en otro lugar, inmediatamente la asociarás conmigo. Y, lo más probable es que sea yo, publicando como invitado en otro sitio. Bueno, o uno de mis clientes, sin embargo, trato de establecer un giro único en el estilo gráfico para cada cliente con el que trabajo.

aburrido Colección de foto

Las fotos de archivo no tienen este tipo de singularidad distintiva. La mayoría de las veces, ni siquiera puede agregar su logotipo porque tienden a tener licencias que dicen que no puede modificarlos.

Algunos sitios de fotos de archivo son increíblemente depredadores. Algo que escribí para una publicación anterior sobre violaciones de derechos de autor:

"Getty Images es particularmente cruel con este tipo de cosas. Son uno de los sitios de imágenes de archivo más famosos y prolíficos del mundo, y cobran una prima por sus fotos de archivo, requieren atribución para todos y, lo que es peor, tienen restricciones muy estrictas". términos de uso. Por ejemplo, no importa si una agencia tiene una licencia para usar una foto, también necesita una licencia si la usan en su blog.

Peor aún, Getty es muy agresivo en la persecución de este tipo de violaciones, razón por la cual no solo la empresa en su conjunto, sino una docena de sus ejecutivos y "especialistas en derechos de autor" figuran en ese sitio de trolls de derechos de autor. Hacen explícitamente un desafío navegar por los derechos de autor a través de ellos y lo penalizan agresivamente por estropearlo".

Dependiendo de cómo uses las fotos de archivo, podrías estar expuesto a todo tipo de molestias, problemas legales y estrés.

Foto de iStock

Entonces, ¿por qué existen las fotos de stock? Bueno, tienen muchos propósitos válidos. Si usted es el tipo de artista que hace collages o manipula fotografías en gran medida, y puede comprar licencias que le permitan modificar imágenes, entonces es libre de hacerlo.

Algunas industrias pueden salirse con la suya usando fotos de archivo. ¿Blogs corporativos? ¿Blogs jurídicos? ¿Contadores? Estas personas a menudo pueden. La mayoría de las personas visitan un blog de derecho en busca de asesoramiento legal, y no les importa si la imagen de la página es una foto de archivo de un tribunal o una mujer con un traje que parece abogada. Claro, son genéricos, pero también pueden parecer profesionales, y algunas industrias pueden beneficiarse del uso de este tipo de imágenes.

Pienso en ello como un sistema de niveles. Lo peor que puedes hacer es no tener ninguna imagen. Las fotos de stock sin modificaciones son mejores que ninguna imagen. Las imágenes de archivo modificadas, si puede hacerlo, son mejores. Las imágenes únicas son mejores aún. Sin embargo, los algoritmos de análisis de imágenes cada vez más sofisticados de Google aún pueden agruparlos con el original, según el alcance de las modificaciones.

Determine el propósito de sus imágenes

Antes de crear imágenes para una publicación de blog, debe saber para qué servirán sus imágenes. En mi opinión, solo hay un puñado de propósitos generales.

Tutoriales. Cuando tienes una publicación de blog que le enseña a un usuario cómo hacer algo, las imágenes deben ser relevantes para ese proceso. Un blog de comida debe incluir fotos del proceso de elaboración de una receta para que los usuarios puedan comparar sus intentos con los de un profesional. Para mí, para una publicación como esta en la que le doy formas de aumentar el ROI de una publicación de blog, cada sugerencia tiene una imagen que ilustra esa sugerencia en acción. Cualquier proceso paso a paso debe tener imágenes para explicar cada paso, ya sea una fotografía del desmontaje de una computadora portátil o capturas de pantalla del uso de una aplicación web.

Ejemplo de publicación de tutorial

Evidencia. La visualización de datos es la forma más fácil de analizar la información. Uno de los ejemplos más extremos es esta visualización de la distribución de la riqueza. Un píxel en la página representa $ 1,000 y varios hitos a lo largo de un gráfico muestran diferentes niveles de riqueza. (Ten cuidado, esa página probablemente te hará enojar).

Z
Z
Z
¿Tu blog te está generando negocios? Si no, arreglemos eso.

Creamos contenido de blog que convierte, no solo para nosotros, sino también para nuestros clientes.

Elegimos temas de blog como los fondos de cobertura eligen acciones. Luego, creamos artículos que son 10 veces mejores para ganar el primer puesto.

El marketing de contenidos tiene dos ingredientes: contenido y marketing. Nos hemos ganado nuestros cinturones negros en ambos.

Si tiene un negocio basado en Internet y está buscando escalar, programe una llamada para hablar con nuestro fundador:
Llamada de estrategia gratuita

En un nivel más alto para las publicaciones de blog, las capturas de pantalla o las representaciones de cuadros y gráficos son la opción más sencilla para mostrar datos en muchos casos. Ya sea un gráfico de tráfico a lo largo del tiempo, un gráfico de barras que muestre acciones sociales en diferentes plataformas, o lo que sea, las imágenes que muestran los datos son mucho más fáciles de analizar y retener que escribirlos en el texto.

Comparación de píxel a riqueza

Valor simbólico. No siempre puedes ilustrar directamente algo o tomar una captura de pantalla, pero aun así querrás crear una imagen única para representarlo. Ahí es donde entras en valor simbólico. Por ejemplo, en una publicación sobre la promoción del blog, escribí una sección sobre el intercambio de menciones; te asocias con otra persona que tiene una página de Facebook, y cada uno de ustedes menciona al otro de una manera mayormente orgánica. La imagen que usé para representar esto es esta. Simple, simbólico, fácil.

Intercambio de acciones de Facebook

¿Por qué usar valor simbólico? Bueno, no puedo salir y encontrar un ejemplo de dos páginas de Facebook que se mencionen sin pasar bastante tiempo buscando, así que no lo hago. Es mas fácil. ¿Es la imagen menos valiosa que si la tuviera? Probablemente. ¿Importa? No mucho, especialmente cuando es solo una de las 22 imágenes en esa publicación de blog, donde la mayoría del resto son imágenes de evidencia.

Estos son los tres propósitos principales de las imágenes en un blog. Y, por supuesto, puedes mezclarlos y combinarlos. A menudo uso una imagen simbólica para mi imagen destacada y luego uso pruebas e imágenes de tutoriales a lo largo de la publicación. Al crear imágenes, elija el mejor propósito para el contexto de la imagen en sí.

Detalles técnicos

Ahora hablemos de algunos de los detalles técnicos que debe tener en cuenta al crear y utilizar imágenes para su blog.

1. Dimensiones de la imagen. Es probable que el tema de su blog tenga dimensiones máximas en píxeles para el área de contenido principal. Averigüe qué es eso y use esa medida de píxel como el ancho de sus imágenes. La mayoría de las cámaras digitales toman fotos mucho más grandes de lo que un sitio las mostrará en línea, y trabajar en una herramienta como Photoshop hace que sea más fácil hacer gráficos vectoriales obscenamente grandes. Sin embargo, si está cargando una imagen enorme y usa código para reducirla, ralentiza la velocidad de su sitio y daña su SEO. Recuerde también que un diseño receptivo reducirá la escala de la imagen para uso móvil, por lo que debe mantenerla lo más pequeña posible para una carga rápida.

Tamaño del lienzo en Photoshop

2. Tamaño del archivo y smushing. "Smushing" es un término para comprimir una imagen para reducir el tamaño del archivo sin alterar las dimensiones o la calidad de la imagen. Es emocionante lo que pueden hacer las herramientas automatizadas para reducir el tamaño del archivo de una imagen sin pérdida de calidad en la imagen misma. Escribí una publicación completa sobre por qué deberías hacer esto y qué herramientas son las mejores para hacerlo, así que léelo.

Imaginar ilustración

3. Utilice etiquetas y descripciones alternativas. Cuando carga una imagen, puede especificar varios fragmentos de texto a su alrededor. El título, el texto alternativo y el título son los tres grandes. El título es visible para los lectores, pero los otros dos son metadatos principalmente visibles para los motores de búsqueda.

  • El texto alternativo se muestra cuando un usuario pasa el cursor sobre la imagen y aparece esa pequeña información sobre herramientas. Debe ser descriptivo de la imagen porque también es el texto que se lee en voz alta cuando se usa un lector de pantalla (función de accesibilidad y usabilidad). Además, es el texto principal indexado para ayudar a que una imagen aparezca en la búsqueda de Google. Es sorprendentemente esencial para algo que nadie puede ver de inmediato.
  • La descripción es un campo específico de WordPress. Tiene un propósito similar al texto alternativo, excepto que en lugar de convertirse en metadatos, aparece en la página de archivos adjuntos de imágenes. Dado que generalmente es una buena práctica deshabilitar las páginas de archivos adjuntos, generalmente puede ignorar este campo.

También está el título de la imagen. El título generalmente se completa automáticamente con el nombre de archivo de la imagen. También se usa en la página de archivos adjuntos y en ningún otro lugar, por lo que puede ignorarlo a menos que esté usando páginas de archivos adjuntos. Por lo general, es mejor nombrar las imágenes con algo descriptivo antes de cargarlas de todos modos, lo que completará automáticamente el título con su nombre de archivo como texto descriptivo de manera predeterminada.

Texto alternativo y de título

4. Formato de archivo. JPG? ¿GIF? PNG? En estos días, la ola del futuro es usar WEBP como formato de imagen. Todos los navegadores modernos ahora lo admiten. ¿Qué es un WEBP? Es un algoritmo de compresión altamente optimizado para imágenes, que ofrece ahorros dramáticos en el tamaño del archivo sin caídas en la calidad en comparación con JPG, PNG u otros formatos equivalentes. Esencialmente, hace que tus fotos sean mucho más pequeñas, por lo que se cargan mucho más rápido. Puede configurar su sitio para que use WEBP de forma predeterminada y tener un código que detecte si un usuario no puede verlos y, en su lugar, mostrar una copia de seguridad que no sea WEBP. El tamaño del archivo es un factor de velocidad del sitio, y un sitio más rápido se clasifica mejor.

Herramientas de creación de imágenes

Ahora hablemos de las herramientas que puede usar para crear imágenes. Tienes muchas opciones, desde principiante hasta avanzado.

1. Las herramientas para principiantes son herramientas muy fáciles de usar. Mi recomendación número uno es Canva. Es una herramienta para principiantes porque viene con cientos de plantillas que puede personalizar, con una amplia biblioteca de activos de stock gratuitos que, cuando se combinan, pueden crear excelentes imágenes, incluso si no tiene absolutamente ningún talento o capacitación en diseño gráfico. También puede guardar una biblioteca de sus plantillas y mantener un diseño visual consistente en todo su sitio. También hay muchas alternativas de Canva, la mayoría de las cuales funcionan de la misma manera, con modelos de precios ligeramente diferentes y diferentes bibliotecas de recursos.

Diseñando un SlideShare en Canva

2. Las herramientas intermedias requieren poca experiencia, capacitación o habilidades de diseño gráfico para usarlas de manera efectiva. Herramientas como GIMP (Programa de manipulación de imágenes Gnu) o Paint.NET entran en esta categoría. Los llamo intermedios porque no son demasiado complejos, pero son mejores que simplemente usar el MSPaint predeterminado. Tienen algunas características avanzadas, pero no son tan completas (y confusas) como Photoshop.

Edición de fotos GIMP

3. Las herramientas avanzadas son cosas como Photoshop, InDesign o Adobe Illustrator. Estos tienden a ser muy poderosos pero también costosos. Sin embargo, hay una cosa que me gustaría recomendar, que es PhotoPea. PhotoPea es una aplicación web completamente en línea, una versión completamente funcional de Photoshop que puede usar de forma gratuita. Es poderosa para una aplicación gratuita, pero tiene una curva de aprendizaje alta en comparación con las otras opciones.

Fotoguiso

También puede contratar a alguien para que haga el diseño gráfico por usted. Contratar a un profesional puede brindarle imágenes únicas y de muy alta calidad en una fracción del tiempo que tarda en crearlas usted mismo (sin mencionar que libera su propio tiempo para hacer otras cosas que no puede subcontratar), pero es mucho más costoso que hacer por su cuenta. Es una compensación y tienes que decidir si vale la pena hacerla.

Consejos variados

Para terminar, estos son algunos de mis mejores consejos que no vale la pena incluir en nuevas secciones o que no necesitan mucha explicación.

Aquí hay algunas ideas y consejos para usted:

1. Usa imágenes para romper paredes de texto. Las publicaciones de mi blog están repletas de formatos, espacios e imágenes para facilitar la lectura y ayudar a los usuarios a extraer más valor de sus artículos.

Añadir imagen multimedia

2. Tómese su tiempo para hacer sus imágenes. No puedes sacar buenas fotos de la nada en unos minutos. A menudo paso varias horas haciendo buenas imágenes para una sola publicación de blog.

3. Decide si quieres poner una marca de agua en tus imágenes o no. Algunas personas encuentran que es más efectivo para su marca; otros encuentran que no ayuda. Tu decides. No encuentro que las marcas de agua sean efectivas fuera de cosas como el marketing infográfico y la publicación de invitados. Tampoco son demasiado útiles para los antirrobos, ya que hay toneladas de herramientas para eliminarlos rápidamente.

4. Cree una biblioteca de "activos" que pueda ensamblar de diferentes maneras para crear imágenes únicas. Piensa en imágenes prediseñadas. Por ejemplo, hice esta imagen para una publicación.

Ejemplo de recurso de correo

Esta imagen se creó utilizando tres activos de stock (el fondo, el sobre y el ) y algunos retoques de color. Es exclusivo de mi blog, pero se creó de manera rápida y eficiente utilizando activos de stock. La creación de una biblioteca de estos activos facilita la creación de imágenes simbólicas cuando las necesita.

Con todo esto en mente, debería poder crear algunas imágenes de alta calidad para su blog. Se necesita algo de tiempo para acostumbrarse al flujo de trabajo, pero créame, ¿una vez que lo hace? Es asombroso cuánto importan las imágenes de los blogs para el compromiso, la compartibilidad y el tráfico.

Qué pensaste? ¿Te ayudó alguno de estos consejos? ¿Tienes alguna pregunta para mí sobre las imágenes del blog? Bueno, ¡no seas tímido! Puedes preguntarme directamente en la sección de comentarios a continuación. Lo creas o no, respondo a todos los comentarios que recibo. ¡Pruébame!