SLIDER

¡Hola!

Mónica Lemos
¡Hola! Soy Mónicay quiero que empieces a crear tu blog o tu canal de youtube sin complicaciones. Aquí descubrirás cómo.
TODO EL CONTENIDO

ES GRATUITO

Por ello no puedo crear contenido
con regularidad, de hecho tengo que dejarlo por el momento
Si quieres hacerme un regalo para agradecer todo el contenido gratuito de que puedes disfrutar gracias a mi esfuerzo puedes hacerlo aquí , quizás pueda seguir creando nuevo contenido útil. Gracias!

Suscríbete

¿Quieres asegurarte de que tus posts estén perfectos antes de ser publicados?
Te regalo una Check-List que te ayudará en esto.


Tutorial Blogger: Cómo poner imágenes en las entradas + SEO

optimiza imagenes de blog

Hace poco una chica me ha preguntado ¿Cómo poner imágenes en las entradas? Parece que ha tenido problemas para tenerlas ordenadas o bien colocadas. Esto no es nada raro, a veces Blogger nos complica un poco las cosas y lo que al parecer es muy fácil, resulta que es todo un reto.

Pero los retos no hacen si no exponernos a la posibilidad de mejorar, desarrollar nuestra mente creativa y buscar soluciones. Como siempre os digo, estoy esperando sugerencias para posts que os haré con gusto. 

Eso es lo que os traigo hoy, soluciones.

Digamos que para colocar una imagen en el post la cosa no nos lleva tanto, pero cuando queremos incluir 2 imágenes juntas la cosa cambia. Este es uno de los problemas con los que nos solemos encontrar.

Otra situación es cuando queremos poner la imagen al lateral de la entrada, junto al texto. Como no lo hagas bien quedará hecho un desastre. Esta es otra dificultad a la que pondremos hoy remedio.

Por otra parte está el tamaño de la imagen. Tenemos que tener en cuenta que las imágenes que solemos descargar de bancos de imágenes gratuítos de libre uso, suelen ser más grandes de lo que necesitamos. Debemos conocer el ancho de nuestras entradas para optimizar la imagen en cuanto a tamaño y que nos quede "mejor que mejor".


Todo esto lo trataremos en este post.

 Insertar imagen en una entrada Blogger
 Colocar imagen en el lateral de la entrada junto al texto.
 Hacer collage con PicMonkey
 Cambiar tamaño de imagen con PicMonkey
 SEO en nuestras imágenes


Insertar imagenes y Colocar una imagen al lateral de nuestra entrada

Para insertar imágenes os invito a ver directamente el vídeo tutorial 

Simplemente tienes que buscar el icono de Insertar imágen en el editor de entradas, encima de la caja de texto, y seleccionar la imagen que quieras desde tu ordenador. 

* Ahora , desde hace poco, también se pueden arrastrar a la ventana de selección de imagen, en vez de darle a Elegir archivos.

Mi recomendación es que sólo uses esa forma de subir imágenes a tus entradas, por que el resto de opciones dependen de otros alojamientos en internet y pueden desaparecer, con lo cual te quedarías sin imagen.

En el caso de querer colocar una imagen al lateral de nuestro post el truco es bien fácil, una vez que lo conoces , claro.

Lo único que tenemos que hacer es:
  • Colocarlas en sitios estratégicos.
  • No moverlas después de ser insertadas (nunca las arrastres) 
  • Procurar que la alienación del texto quede visualmente cómoda para la lectura (por ejemplo, justificando el texto, o no justificándolo)


Lo mejor es colocarlas al principio de un párrafo. Se coloca el cursor en el principio del párrafo y se inserta la imagen. 

Probablemente salga centrada, lo único que debes hacer es clickar sobre la imagen y darle a Alinear a la izquierda y quedará perfectamente colocada.

Si queremos que el texto quede ordenadito debemos justificarlo. Para esto seleccionamos el texto que queremos justificar, y en el editor, en Alienación del texto (con este símbolo  ) le damos a Justifica (con este símbolo   ) y tendremos una escena visualmente atractiva para lectura del post.  Tal que así:

Texto justificado sin justificar con imagen
A la izquierda el texto está justificado, a la derecha con Alienación a la izquierda.

Puede que la justificación no quede del todo bien, porque no sea un párrafo muy largo, y quede como demasiado espacio entre las palabras. Lo puedes ir comprobando dándole a Vista previa en el editor de entradas, arriba a la derecha, junto a Guardar. Si no queda bien eligiendo la opción Justifica, entonces deja la alienación a la izquierda. También puedes probar con la alienación a la derecha, pero lo más común es a la izquierda.

En este vídeo te explico cómo insertar imágenes en tus entradas y llevar a cabo esta opción de imagen con Alienación a la izquierda y texto justificado o sin justificar.




Cambiar tamaño de imagen con Picmonkey

Podemos elegir varios tamaños si clickamos encima de la imagen dentro del post. Nos aparecen una serie de opciones en azul que nos dan opción a colocar la imagen a la izquierda, derecha, centro... y además nos permite modificar el tamaño. Pero el tamaño no ha de ser otro que el original. Esto es importante, nuestras fotos deben estar siempre editadas al tamaño que queremos concretamente, para facilitar la navegación, la rapidez de carga, ... todo esto y más, cuidando los detalles como estes, conseguirán mejorar nuestro posicionamiento en Google, de forma que podamos aparecer en los resultados de búsquedas en las primeras páginas cuando busquen información relacionada con el tema principal de entrada. Esto es lo que se llama optimización SEO.

En general todo son beneficios y merece la pena pararse un momento a realizar estos cambios de dimensiones de imágen.

En este vídeo te explico cómo cambiar las dimensiones de una imágen  con Picmonkey de forma muy sencilla.



 Hacer un collage con Picmonkey

collage picmonkey tutorial

Si queremos añadir varias imágenes juntas, de forma horizontal, como si fuera un collage de varias fotos, no podemos dejarlo de la mano de Blogger, tenemos que usar herramientas alternativas para conseguir el efecto deseado.

Hay muchas formas de hacerlo, como por ejemplo, crear un collage con enlaces en cada imagen que nos lleva a diferentes páginas. Esto se consigue con herramientas externas. Pero esto es más complicado y en esta ocasión vamos a conocer las opciones más sencillas para incluir imágenes en nuestros posts/entradas.

Si queremos incluir varias imágenes de esta forma lo que podemos hacer es ir a Picmonkey  y elegir Collage, seleccionar las imágenes sobre las que vamos a trabajar e ir creando nuestro collage.

En este vídeo te explico cómo llevar a cabo todo esto en Picmonkey de forma muy sencilla.




Una vez que tenemos nuestro collage completado y guardado en nuestro ordenador, vamos a nuestra entrada, clickamos donde queremos incluirla, en el mismo lugar donde queremos que se vea, e insertamos imagen.


SEO en nuestras imágenes

El SEO (Search Engine Optimization) no me voy a parar mucho a explicártelo pero es algo imprescindible para que Google te tenga en cuenta cuando alguien busque información relacionada con aquello que tú escribes en tu blog o web. Así que hay que intentar, desde el principio, llevarse bien con estas rutinas de cuidado hacia nuestro SEO.

En cuestión a imágenes, que es lo que hoy nos ocupa, nos interesa solamente una cosa:

Las propiedades de la imagen.

    ACTUALIZACIÓN   : otra cosa muy importante que no he comentado!!! El nombre del archivo de la imagen en vuestro PC, antes de subirlo, debe contener las palabras clave también!! Así que debemos hacer click derecho sobre el archivo de imagen en nuestro PC, darle a Cambiar nombre y poner por ejemplo (en la imagen anterior de este post) "limones-collage-desayuno" separado por guiones y relacionado con la imagen y el post en el que incluyamos la imagen.

Si hacemos click en la imagen, a la derecha y después de Añadir Leyenda, nos aparece Propiedades. Tal que así:



Le damos click y entonces nos aparece lo siguiente:

Propiedades de imagen Blogger Seo tutorial

En la imagen ya te explico qué significa cada cosa. Realmente, y de forma personal, muchas veces "texto del título" no lo cubro, y solamente cubro la parte de "texto del alt". Los "algoritmos de SEO" son muy caprichosos, y puede que hoy el "texto del título" no sea importante pero mañana ¿Quién sabe? Así que mejor cúbrelo.

Usa descripciones cortas pero intenta siempre que no se repita lo mismo en ambas. Usa palabras clave identificativas de la imagen y el post que tengan sentido.


Y listo. Tus imágenes estarán bien colocadas, y optimizadas si sigues todos estos pasos. :)


¿Te ha resultado útil? ¿Conocías esta forma de optimizar tus imágenes? ¿Quieres saber más de PicMonkey? Déjame tus respuestas, dudas e impresiones en los comentarios 

Si no te quieres perder nada, ni regalitos, ni sorteos, ni nuevos cursos, ya sabes SUSCRÍBETE :)





   

6 comentarios

  1. Respuestas
    1. Gracias Mónica, nunca use seo en imágenes, no sabía que era cada cosa.
      Los collages los hago con picasa y a veces las envío al evernote para poner textos sobre ellas.
      Que ventajas tiene picmonkey sobre picasa?
      Gracias

      Eliminar
    2. Hola Gapy Animación, me alegro que a partir de ahora puedas aplicar SEO en tus imágenes con conocimiento!! normalmente no recomiendo precuparse demasiado por el SEO porque no es cosa sencilla, pero los detalles que resultan sencillos y rutinarios/básicos, podemos llevarlos a cabo de forma sencilla. De SEO realmente solo entienden las personas profesionales del tema.

      pues Picasa y Picmonkey son incomparables, no tienen nada que ver y tienen muchas diferencias y bastante importantes!! Digamos que Picasa te sirve para guardar contenido en tu "nube" de internet y para hacer cambios sencillos, bastante útil para Instagram por ejemplo, pero personalmente no quiero guardar todas mis imágenes en Picasa y además si quieres añadir texto o realizar otro tipo de cambios, como el tamaño, es limitado.

      Pronto lanzaré un curso básico para usar Picmonkey que seguro te vendrá genial :)

      En Picmonkey puedes poner texto sobre las imágenes también, entre muchas otras cosas.

      Gracias por comentar y enriquecer el post , :)

      Eliminar
  2. ¿Para optimizar la imagenes sólo se debe hacer con picmonkey o tambien se puede hacer con photoshop? Es lo que yo suelo usar para las imagenes.

    ResponderEliminar
    Respuestas
    1. Hola Mar,
      Photoshop es mucho más profesional, así que tampoco tendrás problema si sabes manejarlo! Además tendrás mejores resultados seguro!
      Yo intento dar una alternativa fácil y gratuita :)
      Gracias por tu comentario
      Muack

      Eliminar

© Blogger Paso a Paso • Theme by Maira G. Adaptada por Mónica Lemos, autora de este blog.
Todas las imágenes son del banco de imágenes Unsplash.com o bien de mi propia autoría.
Si quieres puedes reclamar tu autoría - Contactar con la autora del blog.