ndice:

ndice:
Introduccin
Formatos de imgenes para blogs
Por qu debemos optimizar las imgenes?
Herramientas para optimizar las imgenes para blogs
Qu es una infografa y cmo hacerlas?
Cmo usar las imgenes sin vulnerar los derechos de autor:
Sitios donde descargar imgenes gratuitas:
Cuida el SEO de tus imgenes

Licencia:
Reservados todos los derechos. No se permite la reproduccin total o parcial de
este texto, ni su incorporacin a un sistema informtico, ni su transmisin en
cualquier forma o por cualquier medio, sea este electrnico, mecnico, por
fotocopia, por grabacin u otros mtodos, sin el permiso previo y por escrito del
autor. La infraccin de los derechos mencionados puede ser constitutiva de delito
contra la propiedad intelectual (Artculo 270 y siguientes del Cdigo Penal).

Introduccin

www.marketingonlineparaescritores.com AnaGonzlezDuque
Lo divis entre la gente al bajar la escalera. Sus ojos claros. Esa barbilla que
proclamaba a los cuatro vientos lo tozudo que era. Entreabri los labios y permiti
que una sonrisa le cruzara el rostro mientras iba hacia l, con el corazn latiendo con
fuerza. Cuando sus miradas se cruzaron, vio en sus ojos algo distinto: una duda, un
ramalazo de deseo...pero no se atrevi a pensarlo.
Hablaron y rieron toda la noche. Tenan tanto en comn. A los dos les gustaban las
mismas cosas: la msica de los ochenta, los libros trasnochados, los gin tonics con una
filigrana de limn y las pelculas antiguas. A los dos les separaban las mismas cosas.
Volvieron juntos y se despidieron con dos besos. "Uno por mejilla, como dice Sabina" -
pens ella, mordindose los labios para no morderle la boca. Y cerr la puerta
dejndolo al otro lado. l levant la mano pero no lleg a tocar. Ella se apoy en la
puerta pero no volvi a abrir.
Cada uno sigui con su vida arrinconando en una esquina de la mente la indudable
culpabilidad de haber deseado al otro.

Este cuento, que titul Amor desenamorado, es el resultado de haber captado una
mirada entre dos personas casadas en un Congreso. La imagen que fue de apenas un
segundo me cont una vida entera. Y se clav a fuego en mi mente.

He empezado as para que os deis cuenta de una cosa: de la importancia que tienen
las imgenes. Una imagen inspira, motiva, hace sonrer, emociona. Lo consigue con
mucha ms facilidad que las palabras. Por eso, el reclamo de nuestro blog de escritor
deben ser primero las imgenes para que el lector se quede a leer las palabras.
Juzgamos en dcimas de segundo. Tienes que aprender a captar la atencin en esas
dcimas. Cmo lo consigues? Trabajando las imgenes.
Hay muchsimos estudios que demuestran la importancia de usar imgenes en
Internet. Los contenidos con imagen se abren un 47% ms y, una vez abiertos, el
lector les dedica mucho ms tiempo que si no la tienen. Lo mismo ocurre en redes
sociales. Los contenidos con imgenes se comparten un 50% ms. As que no deberas
concebir el tener un blog de escritor sin contar con las imgenes.

www.marketingonlineparaescritores.com AnaGonzlezDuque
Esta gua de uso de imgenes en un blog va a tener los siguientes apartados:
Formatos de imgenes para blogs
Por qu debemos optimizar las imgenes del blog?
Herramientas para optimizarlas
Qu es una infografa y cmo hacerlas?
Cmo usar las imgenes sin vulnerar los derechos de autor
Sitios donde buscar imgenes para nuestro blog
Cmo aplicar la gua de SEO a nuestras fotos?

Formatos de imgenes para blogs

Los formatos ms usados en las imgenes de un blog son tres: JPG, PNG y GIF. El
primero es el ms empleado en las imgenes que tomamos con la cmara. Para saber
cul es el formato apropiado para una imagen hay que valorar tres cosas:
Contenido: qu es lo que aparece en la foto.
Calidad: cul es el destino de esa foto: un blog, una revista

www.marketingonlineparaescritores.com AnaGonzlezDuque
 Tamao del archivo.

El formato GIF tiene un nmero de colores limitado, lo que hace que las imgenes en
este formato sean generalmente pequeas, pero si quieres comprimirla tienes que
pagar derechos a Unisys, una compaa que tiene patentado el algoritmo de
compresin, con lo que no te merece la pena usarlos.
Quieres decir que no debo usar gif?
No, no te digo eso. Solo te digo que los reserves para esos posts en los que precises
animacin. Yo suelo reservarlos para las redes sociales, porque importa menos su
peso.

El formato JPG soporta muchos ms cdigos de colores y es el ms empleado para las

fotografas. Soportan el ser comprimidas sin excesivas prdidas de calidad. Es el
formato que elegiremos cuando la fotografa tenga muchos colores.

El formato PNG es adecuado para imgenes con poca variacin de color. Por ejemplo:
capturas de pantalla, comics, logotipos, etc. Permite ser comprimido sin prdidas de
calidad.

Por qu debemos optimizar las imgenes?

Si habis ledo la gua de SEO para escritores que publiqu en el blog, habris visto
que uno de los apartados que Google tiene en cuenta para colocar un blog delante de
otro es el peso de las imgenes.
Si las imgenes son muy pesadas, tienen muchos kilobites, la pgina donde est
nuestro blog se carga muy lentamente. En este mundo de prisas, la gente no se queda
a esperar a que tu pgina se cargue. Directamente, pasa a otra cosa, mariposa. As
que es importante que la carga de la pgina sea lo ms rpida posible.

www.marketingonlineparaescritores.com AnaGonzlezDuque
El que la pgina se cargue rpidamente mejora, por lo tanto, la experiencia de tus
lectores y eso es una cosa que Google premia.
Adems, Google cada vez da ms importancia al usuario que navega en tableta o en
mvil. Cuando hay red wifi, estupendo. Peroqu pasas si tenemos que tirar del 3G
con una pgina en la que las imgenes pesan un montn? Es misin imposible entrar
en ella.
Optimizar las imgenes quieres decir que variamos para hacer ptimos para el blog
tanto las dimensiones de la imagen (es decir, su alto y su ancho), como el tamao del
archivo.
De forma general, las imgenes de tu blog no deberan medir ms de 600 pxeles. Un
peso que se traduce en unos 20 a 40K.

Pero cmo hacemos para cambiar el peso de las imgenes? Para hacerlo hay varias
herramientas.

Herramientas para optimizar las imgenes para blogs

Photoshop
Radical Image Optimization Tool : slo para Windows
ImageOptim: para MAC
ImageOptimizer: versin online (sin descargarse herramientas)
Webresizer: versin online (sin descargarse herramientas).
Yo utilizo el ltimo porque me resulta muy cmodo subir las imgenes online y luego
descargarlas optimizadas, pero es verdad que en jpg pierde algo de calidad. En ese
caso, tal vez lo ms sencillo es hacerlo con Photoshop o subir imgenes en png.

www.marketingonlineparaescritores.com AnaGonzlezDuque
Hay un plugin (gratuito si trabajas con Webempresa) que es ImgOptimizer que
directamente las optimiza para web, ahorrndote muchsimo trabajo.

Qu es una infografa y cmo hacerlas?

Una infografa es un recurso que podemos usar para explicar de forma visual y muy
rpidamente comprensible una gran cantidad de datos. Tiene ventajas en lo que
respecta al blog de un escritor por varios motivos:
Es fcil de entender, pero da mucha informacin.
Contribuye a la visibilidad de tu blog.
Es fcilmente compartible en redes sociales.

www.marketingonlineparaescritores.com AnaGonzlezDuque
Ahora bien, las infografas que hagas para tu pgina deben cumplir una serie de
requisitos:
Deben ser para tu pblico objetivo
Deben aportar valor: cuanto ms ayudes o ms curiosa sea tu infografa,
ms se compartir.
Deben ser verdad (no te inventes los datos).
Deben ser sencillas.

En Pinterest hay infografas hasta la saciedad para que veas ejemplos. Te pongo aqu
una de ejemplo: aporta valor, es verdad (es una traduccin de un artculo de Guy
Kawasaki), es sencilla de entender y es til para vosotros que estis montando un blog
de escritor.
El nico pero es que no la he hecho yo. Pero es muy sencillo hacerlas y adems gratis.
Hay una herramienta que se llama Picktochart, que te permite no solo hacer
infografas sino tambin portadas para tu blog, carteles, etc. Este tutorial de Claudio
Inacio (un Blogger de marketing que me gusta mucho) en el canal de Marketing and
web (otro canal muy bueno) te lo explica bastante bien.
Yo utilizo Picktochart para crear todas las cabeceras de los posts del blog. Como
observars, al descargarte las imgenes, Picktochart aade una franja debajo de
publicidad suya. Yo la recorto con Power Point antes de subir la imagen al blog.
Una forma de atraer lectores a tu blog es poner una marca de agua tanto en tus
infografas como en las fotos propias que cuelgues en el blog. Cuando una infografa
se comparte mucho, suele perderse la fuente, as que, si la aades, todo el mundo
sabr dnde ir a buscar ms informacin. Picktochart tambin te permite hacerlo.
Aparte de Picktochart, hay otros sitios donde puedes realizar infografas:
Infogr.am: que permite que sean interactivas y con un diseo
verdaderamente cuidado. Gratuita tambin.
www.easel.ly: Tambin gratuita por el momento.
Y por supuesto, puedes utilizar el maravilloso Canva para ello.

www.marketingonlineparaescritores.com AnaGonzlezDuque
Cmo usar las imgenes sin vulnerar los derechos de autor:

Hay varios tipos de licencia:

Copyright: tiene todos los derechos reservados y para que la puedas usar
el autor debe darte permiso, para poder modificar o distribuir la imagen.
Copyleft: el autor cede los derechos de forma voluntaria y dependiendo
del tipo de permisos podemos o no modificar, usar, etc la imagen. Es el tipo de
licencia Creative Commons. Pueden ser de 4 tipos:
o Reconocimiento (BY): hay que citar al autor de la obra.
o No Comercial (NC): puedes distribuir la obra siempre que no saques
beneficio monetario con ello. Por ejemplo, no la puedes usar para una portada de un
libro.

www.marketingonlineparaescritores.com AnaGonzlezDuque
 o Sin obras derivadas (ND): no puedes modificarla, como yo hago al
ponerle el ttulo encima.
o Compartir igual (SA): Si la usas o la modificas, tendrs que compartirla
con la misma licencia.
As tenemos un total de 6 licencias Creative Commons, barajando estas 4
posibilidades:
CC0: Dominio pblico. No tienes que citar autor ni fuente.
CC BY: Tienes que citar al autor para usarla.
CC BY SA: Tienes que citar al autor y compartirla bajo el
mismo tipo de licencia.
CC BY ND: no puedes modificarla y tienes que citar al
autor.
CC BY NC SA: no comercial, con atribucin y compartida
con la misma licencia.
CC BY NC ND: la ms restrictiva.
Generalmente, los autores solo piden reconocimiento, cosa que me parece bastante
normal.
Dominio pblico: son obras que pasan a disposicin de todo el mundo
cuando pasan 70 aos de la muerte de su autor.

www.marketingonlineparaescritores.com AnaGonzlezDuque
Sitios donde descargar imgenes gratuitas:

Openphoto: Todas las imgenes que encuentres en OpenPhoto son gratuitas y

aptas para uso personal y comercial.
Morguefile: Imgenes gratuitas.
FreeMediaGoo: Gratuitas en formato pequeo, si las necesitas en formato
grande tambin las tienes, pero son de pago.
Free Digital Photo: Puedes descargar 10 megas al da, te piden registro para
descargar gratis las imgenes pequeas y medianas.
Photl: Son las imgenes de Google pero filtradas por derechos de uso, as
puedes saber cules puedes modificar y usar libremente.
Unsplash: fotografas de gran calidad, no exige registro.
Gratisography: imgenes un poco locas, pero siempre viene bien la diferencia.
Live of pix: gratuitas y libres de derechos, pero no tiene buscador.
Re:splashed: muy bueno.

www.marketingonlineparaescritores.com AnaGonzlezDuque
 Death to Stock Photo: tienes que registrarte pero mensualmente te llega un
pack de fotos que puedes usar gratis.
Public-domain-photos.com: fotos para blogueros y creativos, como ellos
mismos dicen.
Pixabay: nica con buscador en espaol :D
En cada una de esas pginas, asegrate de comprobar la licencia que te permite
compartirlas.

Cuida el SEO de tus imgenes

Muchsimos blogs ignoran que las imgenes son una fuente de trfico importante.
Cuando te colocas con tu ratn sobre la imagen, hay un apartado que se llama
Propiedades, que se divide en dos apartados: ALT y TITLE. Rellnalos siempre.
Procura hacerlo con las palabras clave de tu blog. (Si no recuerdas qu era eso de las
palabras clave, vuelve a leer el post).
Las imgenes permiten al ojo descansar, as que cada dos o tres prrafos intercala
una imagen. Procura que todas sean del mismo ancho. Queda mucho ms uniforme y
crea un efecto llamada. Como el de los mostradores ordenaditos del Zara de la ropa
de nueva temporada frente al caos de las prendas de rebajas. Creas que era sin
querer?
Cmo se hace eso? Te vas a la parte de HTLM del blog y buscas en donde est la
imagen una parte en la que ponga width. Ves que est seguida de un =nmero.
Ese nmero es el ancho de tu imagen. Modifcalo para que todas sean iguales.

www.marketingonlineparaescritores.com AnaGonzlezDuque
www.marketingonlineparaescritores.com AnaGonzlezDuque