10 pasos para poner una imagen a los artículos del blog

Los 10 pasos para poner una imagen a los artículos de tu blog

En este artículo te voy a enseñar los 10 pasos para poner una imagen a los artículos de tu blog.
El cómo y por qué incluir una imagen de cabecera y verás que siguiendo estos sencillos pasos tendrás un mayor impacto en tus visitantes, en las redes sociales y en los buscadores.

¿Qué necesitas?

  1. WordPress (seguro que lo tienes instalado).
  2. Un banco de imágenes gratuito y con fotos de máxima calidad.
  3. Un editor de imágenes. Voy a usar Pixlr, que es gratuito y online, así puedes editar desde cualquier lugar siempre que tengas acceso a internet.

¿Por qué es mejor usar un editor de imágenes?

Puedes instalar plugins como WP Smush o EWWW Imagen Optimizer para reducir el tamaño de las imágenes.

Pero no tendrás tanto control como si lo haces con un editor de imágenes.

Por las siguientes razones:

  • Cuantos menos plugins uses en tu wordpress menos probabilidades hay de que algo falle o de que algunos plugins sean incompatibles entre ellos mismos o con la última actualización de WordPress.
  • En concreto el plugin Wp Smush no permite reducir el tamaño de más de 50 imágenes , apartir de aquí ya deja de ser gratuito.
  • WordPress tiene su propio editor de imágenes y las puedes recortar al tamaño que necesites, pero esta opción no está siempre disponible en algunos temas.

Para ver el editor de imágenes de wordpress, selecciona una imagen de la biblioteca y justo debajo de la imagen verás un botón “editar imagen”, a continuación aparece una pantalla similar a esta:

Editar imágenes en WordPress

Las opciones de edición son recortar, voltear a la izquierda, voltear a la derecha… e incluso escalar la imagen.
En mi tema no me permite recortar la imagen, por eso sale desactivado.

¿Por qué es importante incluir una imagen en el blog?

Porque la imagen de cabecera muestra un resumen de todo el artículo y así quien te visita le va a resultar más fácil leerlo.

Además cuando alguien comparte el artículo en las redes sociales, éste tendrá un mayor impacto si contiene una imagen:

En un pequeño estudio que hizo Buffer los tuits con imágenes registraron un 150% más de retuits que el resto, se marcaban hasta un 89% más como favoritos y los clics aumentaron un 18%.

Creo que este estudio lo deja claro.

Además, el contenido visual tiene 40 veces más probabilidades de ser compartida en las redes sociales.

Es imprescindible optimizarla

Si eliges una foto de un banco de imágenes y la subes a tu página web tal cual, tendrás una imagen que pesará bastantes megas y como primera consecuencia es el artículo será más difícil de cargar.

Los usuarios tendrán que esperar a que se cargue todo el artículo y no lo harán.

Y por tanto Google te bajará puestos en los resultados de búsqueda.

La segunda consecuencia es que si sigues con la misma práctica en poco tiempo tendrás que ampliar la capacidad de tu servidor y subirá el precio de tu plan de hosting.

Y te sorprendería lo rápido que se agota la capacidad, porque WordPress no sólo carga la imagen que has subido sino que crea otras imágenes: tamaño miniatura, tamaño medio y tamaño grande.

Las puedes configurar en WordPress > Escritorio > Ajustes > Medios:

Editar el tamaño de las imágenes en WordPress

WordPress creará tantas como sea necesario en el tema que tengas instalado.

Ejemplo:

Yo subí una imagen llamada “editar-imagenes-wordpress.jpg” y WordPress creó las 5 restantes para mi tema.

Es un suma y sigue en tamaño:

Tamaños de las imágenes en WordPress

Los 10 pasos para poner una imagen a los artículos de tu blog

Ahora sí, después de esta introducción vamos al lío.

Ya verás cómo es muy fácil y en escasos minutos tienes la imagen perfecta para tu blog:

1. Busca una imagen.

Primero busca una imagen en cualquiera de estos bancos de imágenes gratuitos.
Para este artículo, a modo de ejemplo, voy a elegir una imagen del banco de imágenes PEXELS:

Pexels foto libre

2. Descárgatela.

Elígela y descárgatela en tu ordenador.

3. Abre el editor de imágenes PIXRL:

Abre el editor de fotos pixlr desde aquí y te aparecerá una pantalla para que selecciones la imagen desde tu ordenador:

Abrir imagen desde ordenador

Et voilà: Ya estás en el editor de PIXLR.

Interfaz de pixlr

4. Cámbiale el tamaño a la imagen.

En este vídeo cortito (5 min) te explico cómo cambiar la imagen de tamaño:

Resumen del vídeo: creas una imagen con el ancho de tu blog.
El ancho de mi artículo es de 770 píxeles. Y para el alto de la imagen, aproximadamente la mitad: 385 píxeles.
Pero en tu caso puede ser otro tamaño, en el vídeo te explico cómo averiguarlo, es muy fácil.

Ancho de mi blog

5. Súbela a WordPress.

Una vez que tienes la imagen adaptada al tamaño de tu blog y con proporción , la subes a wordpress.
Para ello entras en WordPress > Escritorio > Medios > Añadir nuevo:

Añadir nueva imagen en WordPress

6. Selecciona la imagen.

Y después seleccionas la imagen que quieres subir:

7. Optimízala para los buscadores.

Para dejarla optimizada para los buscadores, a la imagen le añades texto alternativo y título con palabras clave.

Por palabra clave, se entiende aquellas palabras por las que quieres que los buscadores te encuentren.

Texto alternativo en WordPress

Con esto consigues que Google sepa de qué trata la imagen y la puede indexar. Así también los usuarios de internet te pueden encontrar buscando en imágenes de Google.

8. Añádela como imagen destacada.

Y por último, en el artículo de tu blog de wordpress la añades como imagen destacada.

Así cuando se comparta en las redes sociales se mostrará esa imagen, y además se mostrará tal cual, perfectamente centrada y sin cortar.

Y los dos últimos puntos, no menos importantes:

9. Difunde tu artículo.

Compartiéndolo en tus redes sociales.

10. Mejóralo.

Pregunta a tus usuarios si les ha resultado interesante tu artículo y cómo mejorarlo.
Lo que más importa es que el contenido sea útil para tus visitantes, si no es así, Google no te va a querer.

Conclusión: Reconozco que tal vez sea más fácil al principio olvidarse de estos pasos y subir la imagen a WordPress tal cual, pero eso lo acabarás pagando y literalmente porque tendrás que contratar más espacio para tu página web.

Además al presentar la imagen en su proporción adecuada cuando compartas el artículo en las redes sociales, la imagen quedará perfectamente centrada y estéticamente queda mucho mejor.

¿Qué opinas sobre añadir imágenes a tu blog?
La pregunta de rigor: ¿Te ha resultado útil este artículo?
Compártelo en tus redes sociales y comprueba cómo queda la imagen de este artículo 🙂

Artículo escrito el día 25-Jul-2016

Deja un comentario