imagenes en un blog
TRANSCRIPT
![Page 1: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/1.jpg)
MARCOS FERNANDEZ GONZALEZhttp://about.me/marcosfg
Imágenes en un blog
Herramientas 2.0 para la orientación Profesional
El blog como herramienta para el empleo y el autoempleo
![Page 2: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/2.jpg)
Con respecto a las imágenes hay que indicar que, como cualquier creación,
están sujetas a derechos de autor. Por tanto, no debemos incluir una imagen
de otro usuario en nuestro blog sin disponer de su permiso. Para salvar estaeventualidad es conveniente que, en caso de querer utilizar imágenes que no
sean nuestras, acudamos a sitios Web con licencia Creative Commons
(http://es.creativecommons.org/) o similares.
De cualquier modo siempre será preferible utilizar
nuestras propias fotografías.
![Page 3: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/3.jpg)
Con respecto a las imágenes en los blog:
•No deben interrumpir el texto ni dejar poco espacio para el mismo.
•Salvo excepciones, su tamaño no debería sobrepasar los 500 píxeles de
ancho.
•Ten en cuenta que sirven para ilustrar el contenido y que su uso como adorno está contraindicado.
![Page 4: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/4.jpg)
Existen numerosos estudios que demuestran la importancia de usar imágenes en Internet.
Los contenidos con imágenes se abren un 47% más, y una vez abiertos, el lector les
dedica un 51% más de tiempo a aquellos artículos con imágenes. Ocurre lo mismo en
redes sociales, utilizar fotos permite conseguir un 53% más de “Me Gusta” en Facebook…
Por todas estas razones no deberías concebir un blog sin imágenes.
Pero utilizar imágenes no es tan sencillo como parece: conviene aprovechar
tendencias, optimizar las imágenes tanto para los buscadores, para la velocidad del sitio,
para usos múltiples y para mejorar la experiencia del lector. Además, deberías ser
consciente de la problemática legal relacionada con el uso de imágenes en Internet y
protegerse de cualquier problema usando fuentes legalmente válidas para obtener las
imágenes, como, por ejemplo, bancos de imágenes profesionales.
![Page 5: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/5.jpg)
1. Aprende a editar fotos
Necesitas optimizar el tamaño de tus imágenes para que no pesen demasiado en tu blog, y
también si las quieres recortar para usos en redes sociales (una cabecera Facebook mide
851×315 pixeles).
Si no tienes Photoshop para editar tus imágenes, existen otros programas como, por
ejemplo, GIMP (gratis y con muchas funciones) o Pixlr que, además, es completamente online y
que, por tanto, ni siquiera requiere la instalación de una aplicación. Para cosas básicas como
recortar una foto, MS Office suele incluir un programa gratis, Microsoft Office Picture
Manager, muy fácil de uso.
Actualmente Google ha creado Google Fotos, que sustituye a Picasa y
permite editar fotos desde la cuenta de google+ y optimizarlas para
blogger de una manera sencilla.
![Page 6: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/6.jpg)
Como subir fotos a Google Fotos y editarlas
![Page 7: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/7.jpg)
Para acceder a Google Fotos iremos a aplicaciones
![Page 8: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/8.jpg)
Pulsaremos sobre MAS
![Page 9: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/9.jpg)
Y accedemos a google Fotos
![Page 10: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/10.jpg)
Donde podremos subir nuestras fotos desde el ordenador .
Si instalamos Google+ en nuestro teléfono podremos añadir directamente las fotos que hagamos con el teléfono a nuestra cuenta de google Fotos
![Page 11: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/11.jpg)
![Page 12: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/12.jpg)
Seleccionamos la foto o las fotos que queremos subir a Google Fotos
Y pulsamos abrir
![Page 13: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/13.jpg)
Ya tenemos una foto, o las que hayamos seleccionado, en Google Fotos.
Pulsamos Listo y … listo.
![Page 14: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/14.jpg)
Esta sería nuestro álbum en Google Fotos. Si seleccionamos una foto y la abrimos…
![Page 15: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/15.jpg)
Podremos editar la fotografía y prepararla para nuestro blog.
![Page 16: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/16.jpg)
Para ello disponemos de una serie de ajustes básicos y creativos que nos permitirán mejorar considerablemente nuestras fotos.
![Page 17: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/17.jpg)
Una vez editada solo tendremos que finalizar cambios….
![Page 18: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/18.jpg)
Y tendremos nuestra foto editada y lista.
![Page 19: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/19.jpg)
Como utilizar las fotos de Google Fotos en Blogger
![Page 20: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/20.jpg)
Iremos a añadir nueva entrada y pincharemos sobre el icono de añadir fotografía.
![Page 21: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/21.jpg)
Podemos subir una foto directamente desde el ordenador, pero es preferible haberla subido previamente a Google Fotos y luego añadirla al blog desde Picasa(lo que ahora es Google Fotos)
![Page 22: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/22.jpg)
Seleccionamos la foto
![Page 23: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/23.jpg)
Y la añadimos al blog
![Page 24: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/24.jpg)
Si pulsamos sobre ella…
![Page 25: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/25.jpg)
Podremos editar el tamaño y la colocación de la foto.
![Page 26: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/26.jpg)
![Page 27: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/27.jpg)
Como utilizar las fotos de Google Fotos en WordPress
![Page 28: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/28.jpg)
En nuestro álbum en Google Fotos seleccionamos una foto y la abrimos…
![Page 29: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/29.jpg)
Pulsamos sobre la foto con el botón derecho y seleccionamos “copiar URL de imagen”
![Page 30: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/30.jpg)
Después iremos a WordPress y añadiremos una nueva entrada, en este caso, logicamente, añadiremos foto.
![Page 31: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/31.jpg)
Pinchamos en USAR UNA URL DE FOTO
![Page 32: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/32.jpg)
Y pegamos la URL
![Page 33: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/33.jpg)
Comprobamos en leer foto que todo esta correcto.
![Page 34: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/34.jpg)
Y publicamos la entrada.
![Page 35: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/35.jpg)
![Page 36: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/36.jpg)
2. Cuida tu SEO con las imágenes
Las imágenes son una fuente de tráfico que mucha gente sigue ignorando. Rellena siempre
los campos de título, ALT y leyenda (Title, Alternate Text y Caption en WordPress) para las
imágenes con palabras clave pertinentes.
Fíjate en la semántica, debe corresponder a los temas de tu blog, y utiliza el Planificador de
palabras clave que Google pone a tu disposición para saber qué palabras son más buscadas
por los internautas.
Incluye las palabras “imagen” o “foto” dentro de tus descripciones, muchas búsquedas en Google
las incluyen. Haz frases, escribe expresiones, evita las palabras clave sueltas para moverte en
nichos con una competencia asumible. Rodea tus imágenes de texto relacionado con el tema,
Google no funciona en base a palabras sueltas pero favorece los contextos globales lógicos.
Y no dudes en usar la misma imagen varias veces en diferentes contenidos, eso favorece su
posicionamiento en Google Images, algo bueno para el SEO.
El posicionamiento en buscadores u Optimización de motores de búsqueda es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. También es frecuente nombrarlo por su título inglés, SEO (Search Engine Optimization). También es común llamarlo posicionamiento web, aunque este término no resulta tan preciso, ya que engloba otras fuentes de tráfico fuera de los motores de búsqueda.
![Page 37: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/37.jpg)
Como se puede entender un buscador no ve la imagen que hemos insertado en nuestra entrada,
pero sí que entiende la información asociada a dicho fichero. Lo principal que deberíamos revisar
es:
Título: El título de una imagen debería ser escueto pero descriptivo. Nombre del
tipo ”playa_del_silencio.jpg” da mucha más información que simplemente”IMG_7589.jpg”.
Texto alternativo: Este campo se implantó inicialmente para que aquellos navegadores o
usuarios que no visualizasen las imágenes tuviesen una idea de lo que se quería mostrar. Es el
texto que aparece cuando dejamos el ratón sobre una imagen. Debe ser un texto que describa lo
que se ve en la imagen: Vista general de la playa del silencio.
Leyenda: Este campo, muy similar al anterior, nos permite indicar qué texto debe aparecer si
ponemos la imagen en un marco con una descripción justo debajo. Este texto es siempre visible
en la web justo debajo de la imagen.
![Page 38: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/38.jpg)
En Blogger añadiremos estos datos al editar el tamaño y la colocación de la foto, mediante “añadir leyenda” y “propiedades”
![Page 39: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/39.jpg)
![Page 40: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/40.jpg)
En WordPress lo añadiremos también editando la foto
![Page 41: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/41.jpg)
Pulsamos sobre la foto
![Page 42: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/42.jpg)
Y editamos imagen
![Page 43: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/43.jpg)
Añadimos titulo, texto alternativo y leyenda y actualizamos.
![Page 44: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/44.jpg)
3. Elige los lugares donde colocas las imágenes en función del efecto que buscas
Existen muchas teorías sobre trayectoria del ojo en la visualización de una página web. Lo cierto es que
las pautas que sigue el ojo dependen del tipo de página que se está mirando.
La lectura de izquierda a derecha mantenida solo ocurre con artículos de texto de gran interés. Para
la mayoría de los artículos, el ojo sigue una trayectoria de izquierda a derecha durante el primer párrafo, y
después una trayectoria de arriba a abajo. Por este motivo, las imágenes son muy importantes en
contenidos de texto, permiten al ojo descansar y alargan el tiempo de lectura detallada.
En el caso de una página de inicio, la mirada sigue una trayectoria en zigzag que va globalmente de
arriba a la izquierda a abajo a la derecha. Esto crea dos zonas menos vistas: arriba a la
derecha y abajo a la izquierda, si vas a usar imágenes para rellenar, aprovecha estas zonas.
Un buen buscador que permita localizar rápido y fácil exactamente la imagen que necesitas aporta mucho
valor.
Para páginas de resultados de búsquedas, páginas que de listas, se observa una lectura “en
triangulo”, que favorece la parte superior izquierda de la página web. Eso se debe a que se trata de la
zona donde esperamos que se encuentren las informaciones más pertinentes. Reserva este espacio
para datos clave.
Es también recomendable utilizar imágenes para reforzar algunos mensajes. Por ejemplo, en los
bancos de imágenes existen muchas fotos con una persona señalando espacio blanco. Estas fotos son
muy útiles para insistir en una idea, la presencia del modelo llama la atención del lector.
![Page 45: Imagenes en un blog](https://reader033.vdocuments.site/reader033/viewer/2022052217/55a19cbf1a28ab114e8b45cc/html5/thumbnails/45.jpg)
4. Aunque no seas creativo, cuida la estética
Una página web debe seguir una línea gráfica clara, con uno, dos o máximo tres colores que se
repitan a menudo. Si a estos colores vas añadiendo fotos muy coloridas, ten cuidado que no sea
demasiado.
Las páginas web con fondo blanco o con fondo de un único color discreto son mejores para eso, es
más fácil integrar fotos. Tanto para los textos como para las fotos, elige los tonos de colores en
función de tus temas. El azul, por ejemplo, es un color frío que conviene más a webs relacionadas
con la tecnología.
Si haces unas quotes, las famosas citas con fotos que tienen mucho éxito en redes sociales, elige
bien las tipografías que utilices, mejor mantener la unidad con tu página web.