SEO en las imágenes del blog

20 de marzo de 2012 168 comentarios ,
En la entrada anterior vimos cómo optimizar las entradas del blog, ahora toca el turno a las imágenes de las entradas, que no son menos importantes, sobre todo porque algunos blogs deben gran parte de su tráfico a los resultados de búsqueda de imágenes. Así que si en tu blog usas muchas imágenes en las entradas no debes descuidar estos elementos.


El alojamiento
El alojamiento ciertamente no influye en el posicionamiento, pero la velocidad de carga sí, por lo tanto aloja tú mismo tus imágenes; al no utilizar las imágenes de otros dispondrás de más ancho de banda, así que lo recomendable para los que usamos Blogger es subir las imágenes a Picasa.
Esto además te asegura tener disponibles siempre las imágenes, ya que si usas la imagen de alguien más, el autor podría eliminar la imagen y te quedarías sin ella.


Tamaño/Peso de las imágenes
Cuando hablamos de SEO en las imágenes el tamaño sí importa. Una imagen muy grande tanto en dimensiones como en peso será más tardada en cargar que una imagen más liviana, y como ya sabemos, el tiempo de carga del blog es básico para el posicionamiento. Por lo tanto procura que tus imágenes de tus entradas no sean ni muy grandes en dimensiones, ni muy grandes en peso. Los formatos más recomendables son JPG y PNG.
Hay muchos programas tanto para el ordenador como online que permiten optimizar las imágenes, es decir, quitarle un poco de calidad para que su peso sea menor.


Palabras clave en el nombre de la imagen
Asegúrate que el nombre de tus imágenes tengan una palabra clave, de manera que evites el uso de palabras sin sentido, números o cualquier nombre que no identifique perfectamente la imagen.
Ejemplos:
DC98100.jpg
Orquideas.jpg

Nombres sin espacio y caracteres especiales
Si el nombre de tu imagen está compuesta de más de una palabra usa guiones en lugar de espacios, también evita usar acentos u otros caracteres especiales, ya que al subir las imágenes estos caracteres se codifican.
Ejemplos:
 orqu%EDdeas%20moradas.jpg
 orquideas-moradas.jpg
Lo que ha pasado con el primer ejemplo es que el archivo se llamaba orquídeas moradas, es decir, que contenía un acento y un espacio, pero al subirse a la red se le asignó una URL que codificó esos caracteres. Por lo tanto, si el nombre lleva un espacio usa un guión en su lugar y evita los acentos y otros caracteres especiales en los nombres.


Longitud de los nombres
El nombre de tus imágenes debe ser lo más corto y descriptivo posible, así que hay que evitar usar un nombre muy largo en el archivo.
Ejemplos:
las-orquideas-moradas-que-mas-me-gustan-forever-and-ever.jpg
 orquideas-moradas.jpg


El uso de ALT
Si algo nos recomienda Google en cuanto a imágenes se refiere es que estas tengan el atributo ALT dentro de su código.
ALT (o texto alterno) es el texto que se muestra cuando un navegador no puede enseñar las imágenes, y en él debemos poner el nombre de la imagen con alguna palabra clave, pero sin que sean demasiadas palabras.
Ejemplos:
 <img src='orquideas.jpg' alt='orquídeas moradas, flores, plantas, jardin, arreglos florales, flores moradas, flores para regalar' />
 <img src='orquideas.jpg' alt='Orquídeas moradas' />


El uso de TITLE
El atributo TITLE por su parte es el complemento del anterior, en él podemos usar una muy breve descripción, nuevamente sin abusar de la longitud y del número de palabras clave.
Ejemplos:
 <img src='orquideas.jpg' title='orquídeas moradas, flores, plantas, jardín, arreglos florales, flores moradas, flores para regalar' />
 <img src='orquideas.jpg' title='Jardín con orquídeas moradas' />
Este atributo es el que hace que aparezca el tooltip cuando ponemos el cursor sobre una imagen.

Orquídeas moradas

Combinando el ALT y TITLE se vería así.
<img src='orquideas.jpg' alt='Orquídeas moradas' title='Jardín con orquídeas moradas' />


Palabras claves cerca de la imagen
Algo que ayuda mucho a posicionar una imagen en la red es el uso de palabras clave cerca de la misma imagen, y claro, que la imagen tenga que ver con dichas palabras.
Ejemplo:
Orquídeas moradasLas orquídeas u orquidáceas (nombre científico Orchidaceae) son una familia de plantas monocotiledóneas que se distinguen por la complejidad de sus flores y por sus interacciones ecológicas con los agentes polinizadores y con los hongos con los que forman micorrizas.

Con lo anterior quiero decir, que no pongas la imagen y nada más, acompáñala siempre con un texto que esté muy relacionado con la imagen, y mejor aun, que haya palabras clave en ese texto.


En resumen, sube tus imágenes a tu propio alojamiento; optimízalas para que no pesen mucho; ponles un nombre corto, descriptivo, sin espacios ni caracteres especiales; usa el atributo ALT y TITLE; y sitúalas cerca de donde haya un texto que contenga palabras clave relacionadas con la imagen.

Con todo lo anterior tendremos mejores oportunidades de aparecer en los resultados de búsqueda de imágenes, lo cual se traduce a mayores posibilidades de ganar visitas.


168 comentarios en:

" SEO en las imágenes del blog "

  1. buenisima informacion a mi me viene de maravilla. Una pregunta, vi una plantilla que le hiciste a alguien y me super encanto, cuanto cobras por hacer esas plantillas? quisiera una parecida

    ResponderEliminar
    Respuestas
    1. Gracias cutexmas, el costo de las plantillas varía según el tipo de elementos y diseño. Si estás interesado envíame por el formulario de contacto las características que deseas para que te pueda dar un presupuesto ;)

      Un abrazo.

      Eliminar
    2. Amigo, yo soy nuevo en esto de ver tu blog, pero desde ahora te agregare a mi feed de blogger, lo que escribes es realmente interesante, te mando saludos desde "el blog del linkero" mi blog (aunque al comprar el dominio le cambiare al nombre a "DarkJav") Pero igual.

      Vere la seccion Dominios para informarme de ello, te ganaste un seguidor con solo leer unos 4 articulos tuyos... gran trabajo

      Eliminar
    3. Muchas gracias Luis, espero verte seguido por aquí :)

      Eliminar
  2. "las orquideas moradas que mas me gustan forever and ever"

    jajajaja ese es el mejor texto de ejemplo que he visto en mucho tiempo!

    Ya en serio, muy buenas entradas, Potro, de granito en granito se mejora y agiliza la red poco a poco :)


    Saludos!

    ResponderEliminar
  3. Esto sí que es completamente nuevo para mí, Potro, y ya puedes imaginar lo bien que me viene, no tenía ni idea de nada. Lo tengo que poner en práctica en seguida, porque mi blog de fotos no levanta cabeza , hasta iré reeditando todas las entradas que vaya pudiendo.
    Muchísimas gracias por tan valiosísimo aporte al menos para mí y por compartir tus conocimientos con todos.
    Un beso enorme
    (y es una foto preciosa, :), a mí es que me encantan las flores color lila moradas, :)

    ResponderEliminar
    Respuestas
    1. Es un acierto que los pongas en práctica, sobre todo con el blog de fotografía. Yo debí haber hecho lo mismo con el de Fondos240 desde un inicio. En fin, dicen que de los errores de aprende.

      La flor es para ti ;)

      Eliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  5. ¡Bravo Potro! excelente información, útil y que muchos pasan por alto al subir imágenes. Quisiera aportar al post si me lo permites, recomendando aplicaciones para optimizar imágenes, les dejo un par de enlaces:

    http://www.vidabytes.com/2011/12/kraken-optimizar-imagenes-para-acelerar.html

    http://www.vidabytes.com/2011/03/riot-reducir-imagenes-y-optimizarlas.html

    Saludos forever and ever :P

    ResponderEliminar
    Respuestas
    1. Excelentes aportaciones Marcelo, gracias por compartirlas :)

      Eliminar
  6. jejeje yo de nuevo como lo de los ultimos comentarios en la de las entradas no se puede (no habrá un script para eso?), quisiera preguntar si hay un script para hacer que determinadas personas de cierto pais no puedan acceder a mi blog por ejemplo no quiero que ningun estadounidense pueda ver mi blog (Un script o algo?) De nuevo, disculpa si posteo en el lugar no indicado y Saludos totales!

    ResponderEliminar
    Respuestas
    1. Nop, no hay script para lo primero. Para lo otro mira esta entrada de Chica Blogger (el segundo tema), nunca lo he probado, pero tal vez te pueda funcionar:
      http://chicablogger.com/dos-interesantes-hacks-vietnamitas-para-blogger/

      Eliminar
  7. Gracias, en mi caso las fotografias son basicas para acompanar mis entradas, esta informacion es muy util! saludos Potro !

    ResponderEliminar
    Respuestas
    1. no podia faltar mi duda :S oye entonces tengo que editar con los nombres correspondientes todas las fotos y luego editar las entradas y subirlas de nuevo?? forever and ever gracias :P

      Eliminar
    2. Pues sólo si quisieras aplicárselo a las publicaciones pasadas; si tienes tiempo para ello hazlo, sino entonces aplícaselo sólo a las nuevas entradas que vayas publicando :)

      Eliminar
  8. Muy útil la información Potro, y divertidos los ejemplos (forever...) ja. No tenía idea que colocar cerca de la imagen palabras que tuvieran que ver con esta ayudaba al posicionamiento.

    Pero sigo quedándome con una pequeña duda. Google busca tus imágenes entonces por el título de estas, por el alt o por el title, o realmente no se sabe, o quizá se agarre por donde le de la gana.

    Ahora bien, si tengo muchas fotos de orquídeas y las numero: Orquidea-01, etc, ¿esa numeración afectará?

    ResponderEliminar
    Respuestas
    1. Google busca primordialmente en el nombre de la imagen, las palabras clave alrededor, y el ALT.
      Y si no hay más opciones puedes numerarlas, pero es mejor si a cada una le asignas un nombre diferente, por ejemplo: orquideas-moradas-jpg, orquideas-amarillas.jpg, foto-orquidea.jpg, etc.

      Eliminar
    2. Ya veo. Muchas gracias por la información. Muy útil.

      Eliminar
  9. Tendré que tomar todo esto en cuenta y dedicarle un par de minutos extra al post... por cierto... otra cosa;

    Blogger cambio el domino normal y agrego el .mx Y ahora dejo de funcionar el botón para votar en bitácoras... ¿Como puedo arreglarlo? ¿O tendré que inscribir el blog otra vez como si fuera nuevo y perder los votos que ya tenia?

    ResponderEliminar
    Respuestas
    1. Mira esta entrada de Pizcos, para que los enlaces de esos datos conserven la URL original del blog:
      http://www.pizcos.net/2012/03/blogger-ya-distingue-la-procedencia-de.html

      Eliminar
    2. Muchas gracias... Ahora mismo tratare de arreglarlo... ¡¡de nuevo gracias!!

      Tengo una revista de cómics amateur... y quiero regalarte un espacio de publicidad dentro de la revista... Si lo quieres, el formato del anuncio tendría que ser jpeg, 800 pixels de ancho y 1000 de alto.

      Envíalo a mi correo; akken2661@gmail.com antes del miércoles de la próxima semana.

      De nuevo gracias... y el anuncio en la revista, es un regalo, es gratis.

      Eliminar
    3. Gracias Akken Blue, a ver si tengo algo de tiempo para hacer un anuncio :)

      Eliminar
  10. hola potro quisiera saber como as echo esto (2012 © Ciudad Blogger) gracias

    ResponderEliminar
    Respuestas
    1. Hola Pokelevel, sólo he puesto un DIV antes de </body>, algo como esto:

      <div class='creditos'>2012 © Ciudad Blogger</div>

      Eliminar
    2. Gracias potro.Pero quería saber como icistes el fondo negro

      Eliminar
    3. Ya puesto eso sólo añade los estilos en el CSS:
      .creditos {
      width:100%;
      height:30px;
      background:#000;
      color:#fff;
      }

      Eliminar
    4. Eso donde lo pongo

      Eliminar
    5. Todos los estilos CSS van antes de ]]></b:skin>

      Eliminar
    6. Este comentario ha sido eliminado por el autor.

      Eliminar
    7. potro mira mi blog y veras el fallo no esta centrado y el ancho no esta ajustado como el tuyo. http://pokelevel.blogspot.com.es/

      Eliminar
    8. A esos estilos (debajo de .creditos {) agrégale:
      position:absolute;
      bottom:0;

      Eliminar
    9. ya lo e agregado pero mira como me sale. http://pokelevel.blogspot.com.es/

      Eliminar
    10. ¿Y cómo quieres que salga?

      Eliminar
    11. Como lo as echo tu jejeje.

      Eliminar
    12. Que esa parte de los estilos quede así:
      .creditos {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40px;
      background: black;
      color: #FF8000;
      text-align: center;
      line-height: 40px;
      }

      Eliminar
    13. Si es el estilo k tu usas pero se me va mucho por la derechas quiero k este debajo de la plantilla.

      Eliminar
    14. Debajo de bottom: 0; ponle left:0; así se recorrerá a la izquierda.

      Eliminar
    15. Gracias potro me a quedado genial.

      Eliminar
  11. Recién me entero sobre el tema de las imágenes. Creo que voy a comenzar a usar unos cuantos tips ;). Pero ahora mismo, estoy poniendo en orden lo de Picasa para tenerlo en un solo sitio. Ya que curiosamente, todo las imágenes que publico en el blog, se guardan automáticamente en los albums.

    Muchísimas gracias por este aporte.

    Un saludo muy GRANDE!!!

    ResponderEliminar
    Respuestas
    1. Así es Yami, todas las fotos que subimos desde Blogger se alojan en Picasaweb, así que todos tenemos una cuenta ahí ;)
      Saludos.

      Eliminar
  12. muy bien explicado Potro, asi me gusta sencillo y consiso!

    ResponderEliminar
  13. Muchas gracias potro, algunas pocas me las sabía pero otras no, así que de hoy en adelante será algo nuevo que implementaré, nuevamente muy agradecido por compartir lo que sabes, saludos

    ResponderEliminar
  14. Bueno tambien en la carga de las imagenes del blog podriamos ocupar en sprite.
    Buen Articulo.

    ResponderEliminar
    Respuestas
    1. Por supuesto Crisrac, los sprites para la plantilla son buena opción para reducir el tiempo de carga.

      Eliminar
  15. Hola, te hago una pregunta: Entre el 'Suscribirse a: Entradas (Atom)' y el 'con la tecnología de blogger' me queda un espacio vacío muy grande y me gustaría sacarlo, ¿como puedo hacer?-
    Ojala me puedas ayudar, gracias.

    ResponderEliminar
    Respuestas
    1. Hola Bren, agrega antes de ]]></b:skin> lo siguiente:
      .footer-outer {
      margin-top: -40px;
      }

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  16. Recien leo en Blogger Buzz que ahora se podran editar las imagenes para agregarles el ALT desde el mismo editor de entradas, eso entre otras cosas para mejorar la indexacion a los buscadores.

    ...Te leyeron, Potro! :P

    ResponderEliminar
    Respuestas
    1. Jaja, a mí no, pero qué bueno que hayan agregado estas opciones, así nos facilitan optimizar las imágenes ;)

      Eliminar
  17. Potro no conozco ninguna entrada que no sea buena .... gracias.
    ¿Aún no sabes como poner hormigas en el blog en forma de que caminen o algo parecido?...... Gracias

    ResponderEliminar
    Respuestas
    1. Gracias Chilis. Aún no, pero sigo pendiente de ello ;)

      Eliminar
  18. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  19. Hola Potro, te tengo unas duda que me gustaría resolvieras, si puedes y quieres claro, bueno son 2:

    1- Cuando subo una imagen me sale una propiedad de BLOGGER_PHOTO_ID, ¿sabes que es y/o para que sirve, yo no tengo idea?.
    2- Que les pasa al BLOGGER_PHOTO_ID y al alt="" si cambio lo que hay entre las comillas del href="" y src="", lo que pasa es que en varios posts cambie varias fotos por que el servidor habia muerto, entonces lo unico que hice fue cambiar lo que habia en el href"" y el src"", y quiero saber si eso no hara que google indexe mal las fotos y me traigan menos visitas de las que deberian, o algo asi.

    ResponderEliminar
    Respuestas
    1. Hola Patricio, el ID de la foto es eso, un ID que se le asigna. Ese ID sólo se agrega cuando se usa el editor de entradas antiguo, con el actualizado ya no se agrega.

      El HREF es el enlace a la misma imagen pero en su tamaño grande, si lo eliminas entonces la imagen no se abrirá en su tamaño grande. Y si le quitas el SRC entonces la imagen simplemente no se mostrará.

      Saludos.

      Eliminar
  20. Grande Potro!

    Hay muchas cosas que no sabia sobre en SEO en las imágenes. Gracias por compartir estos consejos.

    ResponderEliminar
    Respuestas
    1. Por nada Obed, espero que puedan servirte en algo. Saludos.

      Eliminar
  21. Los robots de Google son tan misteriosos como el ordenador de la Comisión de Arbitraje, XD

    ResponderEliminar
    Respuestas
    1. Pero si ese ordenador no tiene nada de misterioso, está más claro que el agua.

      Eliminar
  22. Que tal potro una pregunta en cada entrada que hace uno yo cualquier imagen que subo a mis blogs primero lo bajo a mi pc y luego de blogger lo busco y subo entonces cual es el tramite a seguir? ya que se subio tengo que entrar en cada entrada y modificarle el title y el alt? o es directamente por medio de htlm? ahora una duda por que esto no lo hara por defecto de asignar los de blogger cuando uno sube una imagen en cada post? muchas gracias de antemano por la ayuda que siempre nos das con tu excelente herramienta (tu blog) a los que siempre seguimos aprendiendo lo referente a el blogger

    saludos

    ResponderEliminar
    Respuestas
    1. Hola bazingaW, si usas la nueva interfaz entonces sube la imagen desde la pestaña Redactar, al hacerlo te dará la opción de agregar el atributo title y alt, así que no tendrás que editar las imágenes manualmente.
      Saludos.

      Eliminar
    2. Gracias por tu respuesta amigo Potro acabo de cambiar a la nueva interfaz serias tan amable de decirme como poner los atributos ya que como todo lo nuevo no lo encuentro jejeje

      saludos

      Eliminar
    3. Gracias potro ya le encontré como meter los atributos alt y title en las propiedades de la imagen y pensar que le sacaba la vuelta a esta nueva interfaz de Blogger jejej

      Te agradezco tus finas atenciones

      Saludos
      Cesar de León

      Eliminar
  23. Que tal DON Potro Quisiera saber si por favor me puedes ayudar con lo siguiente: Necesito insertar una imagen pero con texto adentro es decir es una imagen con una barra transparente en la parte de abajo y sobre dicha barra un corto texto,, EJEMPLO....http://www.trenesvenezolanos.com/imagenes/images/599Dibujo.jpg.....Te lo agradesco...

    ResponderEliminar
    Respuestas
    1. Puedes hacerlo, pero tus imágenes siempre estarán alineadas a la izquierda.
      Si deseas hacerlo agrega antes de ]]></b:skin> esto:

      #foto {
      float:left;
      position:relative;
      }
      #foto .piefoto {
      width:100%;
      background: url(https://lh4.googleusercontent.com/-eGusptX3R34/TrG4KBNKsQI/AAAAAAAAB4E/T5eyooRo_hs/s10/transpBlack.png);
      position:absolute;
      bottom:0px;
      left:0px;
      text-align:center;
      color:#000;
      }


      Luego en tu entrada usa este código:

      <div id="foto">
      <img src="URL de la imagen" />
      <div class="piefoto">
      <p>Aquí el texto de descripción que quieras</p>
      </div>
      </div>

      Eliminar
    2. Gracias Don Potro por tu tiempo.....

      Eliminar
  24. Hola Potro!
    No sabia que tambien te encargabas de los diseños de los blogs.
    Me gustaria que me pasaras un presupuesto y tambien un "breve curso breve" sobre posicionamiento (tambien presupuestado).
    Te dejo la web: www.sat-darshanam.com
    Gracias!


    Gabriel

    ResponderEliminar
    Respuestas
    1. Hola Gabriel. Cursos nunca he dado, pero aun así, lo de esta entrada y la anterior es lo más básico que puedas aplicar, y quizá lo mismo que te diría pero en otras palabras.
      Por lo de las plantilla puedes enviar un correo a ventas(arroba)ciudadblogger.com, el costo de la plantilla es según las características de la misma.

      Buen inicio de semana.

      Eliminar
  25. Hola Potro, en mi blog yo utilizo muchas imágenes para ilustrar los procedimientos para que el lector entienda inclusive hasta sin saber español, trato siempre de que las imágenes sean de buen tamaño para que no se pierda detalle de la explicación. Pero mi blog se tarda mucho en cargar: Las imágenes las subo en .jpg para que pesen poco... ¿que podría hacer para optimizar esas imágenes para que pesen mucho menos.

    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Peter, hay programas con los que puedes reducir el peso de las imágenes. Mira esta entrada de Cyberbloggero, ahí hablan de uno muy bueno, Riot:
      http://cyberbloggero.com/2010/06/optimizar-imagenes-optimizar-blog.html

      Eliminar
  26. Buenos dias,
    para poder editar todas las imágenes tengo que entrar en editar las entradas, una por una, y de ahí darle a edición html y modificar lo que indicas?
    El problema es que las imágenes no las tengo de la manera que indicas ahi, sino con este formato:

    <a href="http://3.bp.blogspot.com/-zKjKwoDv32Q/T75O7pL8iAI/AAAAAAAAACg/hB-8yhiVIHA/s1600/IMG_0335.JPG" etc...

    ResponderEliminar
    Respuestas
    1. Sí, tienes que editarlas una por una.
      El código que pones es sólo una parte del código de la imagen, ese es el enlace al tamaño grande de la misma, después de eso está el código de la imagen como se ejemplifica en la entrada.

      Eliminar
  27. Hola Potro! Tengo un problema con las imágenes :( Sucede que cuando hago la búsqueda de mis imágenes por google y trato de ir al sitio web de ésta, me manda de frente al bolg y no a la entrada a de la misma! Ojala me ayudes porque algunas palabras claves que encontré me arrojan resultados muy antiguos en mi blog y debe ser una lata ir buscándolas...

    ResponderEliminar
    Respuestas
    1. Hola Ronald Tacuchi, ¿me puedes decir cuáles son las palabras claves con las que estás haciendo la búsqueda, y cuál es tu blog?

      Eliminar
    2. Hola Potro. "Mi blog" http://rontacuchi.blogspot.com/ y las palabras clave que me arroja el analytics por ejemplo: "equipos para acampar" y los busco en imagenes de google, aparece mi imagen, pero cuando le doy Ir al sitio web de la imagen, me manda al blog y no a la entrada en si! Otra, no se por qué no me llega una notificación de tus respuestas a mi correo. :(

      Eliminar
    3. Hola de nuevo Ronald, debes darle click al link "Suscripción por correo electrónico" para que te notifiquen cuando se haga un comentario en la entrada.
      He puesto "equipos para acampar" y he encontrado esta imagen:
      http://1.bp.blogspot.com/-GqhUmATA25U/T72gDTt4_sI/AAAAAAAAAYE/m2kT-SEbmTU/s400/picnic-acampar-campamento-recreativo-selva-sobreviviente-herramienta-equipo-silueta.jpg

      Aunque la imagen es de una entrada, debes tomar en cuenta que la entrada aun está en la portada, por eso te manda a ella, porque Google considera más relevante (en esa búsqueda) la portada de tu blog que la propia entrada.
      Si tuvieras menos entradas a mostrar en la portada entonces posiblemente sí te enviaría a la entrada individual donde se encuentra la imagen y no en la portada.

      Saludos.

      Eliminar
    4. Perfecta la explicación Potro. Ahora ya me queda claro como es que funcionan incluso las etiquetas de las imágenes! Y lo de la "Suscripción por correo electrónico"... Me rio de mi mismo por no haberme dado cuenta de esa falla. Se agradece Potro xD!

      Eliminar
  28. A mi me ha quedado un poco difícil por que no aplico mucho SEO a imágenes. Sin embargo lo necesito por que son primordiales en mi blog y aunque es un trabajo algo tedioso, se que es bien recompensado. Genial información, muchas gracias Potro!

    ResponderEliminar
    Respuestas
    1. Sí es tedioso, pero como acertadamente dices, es bien recompensado ;)

      Eliminar
  29. muchas gracias potro por este post estaba justo en el momento buscando como hacer para que me encontraran mas tanto en los post como en las imagenes, pues recien abri una cuenta AdSense y estoy mirando como subie el trafico en mi blog muchas gracias potro,
    Jajajja toy rompiendo record llevo una semana entera sacando ayuda de tu web.

    ResponderEliminar
  30. Hola Potro...de esto no tenia ni idea,me da una flojera enorme!!! cambiar todas las imágenes,las tengo por Picasa,pero los titulos de las imágenes no se relacionan.
    Las cambiare poco a poco.
    Que lastima que no sabia de esto antes.
    Nunca es tarde para empezar...
    Gracias,siempre tan genial,siempre descubro cosas nuevas aquí

    ResponderEliminar
    Respuestas
    1. Cierto, nunca es tarde para empezar, y aunque no lo hayas aplicado a las antiguas imágenes puedes hacerlo a las nuevas :)

      Eliminar
  31. Estoy aprendiendo mucho de tus tutoriales, me podría decir por favor, porqué cuando busco fotos de mi blog, en "imágenes" en google, no encuentro absolutamente ninguna???.

    Algo he hecho mal, pero no soy capaz de verlo.

    Muchas gracias potro.

    ResponderEliminar
    Respuestas
    1. Hola Ana y Yolanda, hay que seguir lo que se indica en la entrada para aumentar las posibilidades de que aparezcas en los resultados de Google. Toma en cuenta que en cada búsqueda competimos con miles y miles de sitios que también buscan posicionarse con determinada palabra clave.

      Eliminar
  32. Si, eso ya lo había leído. Yo las fotos me las he subido de mis arichivos. Por lo que veo el problema es el peso y tamaño de las fotos. La solución entonces sería, quitar todas las fotos y hacerlas más pequeñas y además subirlas a Picassa y luego otra vez al blog.

    Uffffffff, yo creo que es mejor q haga un blog nuevo.

    Muchas gracias.

    ResponderEliminar
  33. Hola Potro .. Tengo unas preguntas acerca del Atrubuto ALT ...

    Cuando escribo el ALT, este debe de ir sin o con guión ?? es decir,
    1) Orquideas moradas ... ó 2) Orquideas-moradas ... ¿Son necesarios los guiones al usar este atributo?

    La otra pregunta es ¿Puedo poner caracteres como la (ñ) en el ALT, o no es recomendable?

    Muchas graciaS !! :)

    ResponderEliminar
    Respuestas
    1. Hola lunefiore, hay varias controversias en cuanto a eso, unos dicen que es mejor usar guiones, otros dicen que es indistinto. Los que dicen que se deben usar guiones también discuten sobre si debe ser guión bajo o el normal.
      Para estos casos (al igual que con la Ñ) yo digo que cada quien haga sus pruebas, es decir, sube dos fotos, a una ponle la Ñ y a otra no, a una ponle guiones y a otra no. Pasadas unas semanas haz una búsqueda con las palabras claves que la intentaste posicionar y mira los resultados, ese será el mejor indicador de qué funciona mejor en tu caso, ya que no con todos funciona la misma fórmula siempre.

      Saludos.

      Eliminar
  34. El Potro, qusiera preguntarte si existe una forma de agregar el atributo alt de forma generica a todas las imagenes del blog? de forma que no tenga que cambiar una por una de las que ya he publicado.. es que son muchas!! mi blog trabaja con imagenes (partituras) y agregarle a cada imagen el alt es agotador. Ter agradezco tu ayuda!! Feliz tarde!!

    ResponderEliminar
    Respuestas
    1. No GCS, el atributo se agrega de forma independiente a cada imagen.
      Saludos!

      Eliminar
  35. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola administrador, si ya has configurado un mayor número de entradas en el blog y se siguen viendo menos, entonces es por la autopaginación de Blogger:
      http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html

      Pd. Eliminé el comentario por el aviso que está la final de la página.
      Saludos.

      Eliminar
  36. Tengo una duda ( que raro!!) si una imagen al pinchar en ella luego de hace mas grande,,, he de poner el código a las dos o solo a una,,, es decir,,, tienen resolución distintas, yo solo lo quiero en una,,,¿como lo coloco?
    En html aparece con 400s y 1600s.

    ResponderEliminar
    Respuestas
    1. La primera URL es la imagen que se abre en grande, la otra es la que se muestra en el blog, por eso la primera tiene una resolución mayor que la otra. El código ahí convendría más que lo pongas en la primera, al menos el del title, y el alt en la segunda.

      Eliminar
  37. Hola potro he seguido muchos de tus consejos para mi blogger visito diariamente ciudadblogger,yo tengo un blogger de imagenes y quisiera que le eches un vistazo no se si vale la pena seguir publicando mi blog es este blogriete.blogspot.com quiero que me des algun consejo...como ves el blog?.. gracias y saludos

    ResponderEliminar
    Respuestas
    1. Hola blogriete, yo no podría decirte si vale la pena o no hacerlo, cada autor tiene sus motivos por las que publica, pero si es algo que te apasiona no veo porqué tengas que dejar de hacerlo ;)

      Saludos.

      Eliminar
    2. gracias por la respuesta potro eres el mejor siguire publicando y siguire tus consejos saludos desde españa

      Eliminar
  38. Hola Potro

    Descubrí tu blog hace poco, pero te felicito por la generosidad con la que compartes todos tus conocimientos y contestas a todas las dudas de tus seguidores.

    Para mí este post es super importante, puesto que tengo mi webcomic http://elrechiste.blogspot.com en el cual las entradas son prácticamente una imagen, y por ello no puedo aplicar todos esos consejos SEO que tienen que ver con keywords o características de las fuentes.

    Estoy seguro de que me será muy útil lo aprendido con este post. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Espero que de verdad pueda serte útil Juan Carlos, muchas gracias por tu comentario.
      Saludos y bienvenido a Ciudad Blogger!

      Eliminar
    2. Seguro que me será de mucha ayuda. Muchas gracias de nuevo. :)

      Eliminar
  39. Hola Potro: Pokelevel en el comentario 11 te pregunta sobre el final del blog, la zona de "créditos" donde tienes puesto "2012 © Ciudad Blogger". Pues bien, yo quisiera saber como cuadrar esa franja con el ancho del blog, pero no al 100% toda la pagina, solo la parte central o zona donde esta el contenido del blog. Llevo intentando cuadrar la zona pero nada, por mucho que lo hago, cuando no es aun lado, se va al otro. Saludos

    ResponderEliminar
  40. Hola Potro: Pokelevel en el comentario 11 te pregunta sobre el final del blog, la zona de "créditos" donde tienes puesto "2012 © Ciudad Blogger". Pues bien, yo quisiera saber como cuadrar esa franja con el ancho del blog, pero no al 100% toda la pagina, solo la parte central o zona donde esta el contenido del blog. Llevo intentando cuadrar la zona pero nada, por mucho que lo hago, cuando no es aun lado, se va al otro. Saludos

    ResponderEliminar
    Respuestas
    1. Hola Veritas Realitas, tendrías que ir probando ponerlo en varios lugares antes del /body
      Ponlo en varias ubicaciones, da Vista Previa y mira si ese es el lugar indicado, en caso de que no prueba con otro.

      Eliminar
  41. aplicado a mis nuevas entradas...

    ResponderEliminar
  42. Potro tengo una péqueña duda… pero t la voy a preguntar xq no quiero equivocarme

    Las dos forma se pueden utilizar??=

    1) <img src='orquideas.jpg' alt='Orquídeas moradas' />

    VS

    2) <img alt="google Chrome 24.0, navegadores, internet" border="0" src="http://3.bp.blogspot.com/-7LZUr6GE7Ss/UIBOUKZqOCI/AAAAAAAAAZ4/aA9aN8DPJnw/s1600/google-chrome.jpg" />

    Osea el alt puede ir antes del src???

    Xq de la segunda forma es q e colocado muchas de mis imágenes.. pero veo en el ejemplo ta como la primera..

    ResponderEliminar
    Respuestas
    1. No hay problema por eso, es de esas veces que el orden de los factores no altera el producto ;)

      Eliminar
  43. Disculpa potro x la pregunta de arriba.. ya vi q funciona sin importar su posicion lo vi experimentado borrandole una letra al enlac y se ve la descripcion XD...

    ResponderEliminar
  44. hola potro, primero que nada felicitaciones tienes muy buenos temas, puedes explicar como haces que cambie de color las areas donde estan los texto al poner el cursor encima, como dando enfasis al bloque de texto porfavor, de antemano te lo agradesco

    ResponderEliminar
    Respuestas
    1. Hola kevin, en mi caso es un blockquote, pero puedes hacerlo con un DIV cualquiera, sólo aplícale estilos para el HOVER, por ejemplo, si el DIV tiene como ID "cuadro" entonces los estilos del DIV al pasar el cursor serían más o menos así:

      #cuadro:hover {
      background:#000;
      color:#fff;
      }

      Saludos.

      Eliminar
  45. Hola, antes que nada quiero agradecerte porque tu web me ha ayudado muchísimo para mejorar mi blog.
    Mi duda es la siguiente: desde hace varios días no puedo modificar las imágenes que subo a mi blog, al hacer click sobre ellas no me aparece la barrita del menú donde vienen los tamaños, la ubicación y las propiedades, ¿puedo hacer algo yo para corregir esto o tengo que esperar a que lo solucione blogger?

    ResponderEliminar
    Respuestas
    1. Hola Fabiola, ¿las imágenes las has subido desde Blogger? ¿después de subirlas las has modificado desde la pestaña HTML? ¿has probado con otro navegador?

      Eliminar
    2. Que tal potro, desde que cambié a Google Chrome ya no tengo más este problema, sale gracias.

      Eliminar
  46. Hola El Potro, lo primero felicitarte por
    tú blog, quisiera comentarte como podría
    aparecer la imagen que he subido en una entrada
    concreta, al realizar una búsqueda (gadget google)
    en mi blog, que aparezca solo el título y la imagen
    de la entrada.

    ResponderEliminar
    Respuestas
    1. Lo desconozco DJ Walken, sé que puede hacerse en otras plataformas pero no en Blogger :(

      Eliminar
    2. Gracias por la pronta respuesta
      Saludos

      Eliminar
  47. buenos días,
    mi problema es que estoy haciendo un blog de fotografía,en especial fotocronicas y según lo que quiero cada entrada deberia tener entre 30 y 40 fotografías, por esto mis preguntas son:

    cuanto seria el minimo de fotos antes de que se vuelva tedioso.

    que presentación debería tener las fotografías (galeria)
    y si debería agregarle a todas lo que anteriormente nombraste

    ResponderEliminar
    Respuestas
    1. No hay un mínimo, eso ya dependerá de qué tanta disponibilidad tengas de aplicar estos consejos a cada una de las fotos pues se deberá hacer con cada una de ellas. La presentación ya depende de ti, en sí ahí no influye el SEO, la presentación de las mismas es mera estética.

      Eliminar
  48. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  49. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  50. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  51. muchas gracias por lo anterior, este es el mejor blog de ayuda y por esta razón quisiera preguntarte:le instale a mi blog una plantilla que se llama leetpress ( http://www.soratemplates.com/2012/07/leetpress-blogger-template.html ) y cuando instalo page peel o el fanbox para twitter, deja de funcionar el slider que trae incorporado la plantilla,
    si me pudieras ayudar te agradeceria mucho,
    de antemano muchas gracias

    ResponderEliminar
    Respuestas
    1. Gracias Norman. Debe ser que el slider usa jQuery así que no hace falta añadir más versiones del script:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Eliminar
    2. si ya lo sabia, e hice lo que decias en ese post, y logre hacer funcionar el fanbox de twiter y el page peel al tiempo,pero no sirve el slider y trate de buscar como arreglarlo igual pero no pude

      Eliminar
    3. Puede ser entonces que ese slider sólo funcione con una versión más antigua.

      Eliminar
  52. Hola!, quería darte las gracias por tu blog, que sigo siempre y gracias al cuàl he podido hacer el mío, sin saber mucho de informàtica.
    Quería preguntarte, por favor, si podrías decirme cómo hacer para que google indexe mis imàgenes, tengo un blog de fotos, indexa sin problema las entradas (empezé el blog a principios de enero '13), y he mandado el sitemap de las entradas a través de las herramientas de google.
    Pero, sin embargo las imàgenes no aparecen por ningún lado, ni poniendo el site del blog en google imàgenes, ni buscando por el alt de cada imagen... estoy un poco desesperado, a ver si pudieses ayudarme por favor. Gracias!
    Mi site http://www.lovingswitzerland.com/

    ResponderEliminar
    Respuestas
    1. Hola Javier, las imágenes suelen ser las más difíciles de posicionar, las recomendaciones serían las mismas que se mencionan en la entrada, no conozco otro método que ayude a posicionarlas :(

      Eliminar
  53. Hola potro, yo me estoy iniciando en estos temas, pero estoy aún muy al principio, me he hecho una web con un blog, y no sé dónde insertar la frase con el alt...title...ya que la he insertado en la zona htlm de la entrada sustituyendo el nombre de la foto jpg y se borra, también quería hacer un sitemap con todas las imágenes pero no tengo idea en formarlo.
    Muchas gracias con antelación, me he añadido tu blog a favoritos y me la estudio a diario.

    ResponderEliminar
    Respuestas
    1. Desconozco lo del sitemap, pero respecto a lo de esta entrada sólo tienes que localizar el código de la imagen y añadir lo que se indica. También puedes subir las imágenes desde la pestaña Redactar, al momento de hacerlo te dará la opción de añadir el title.

      Eliminar
  54. Tengo una foto en el que se ven dos personas y quiero que, al pasar el cursor por cada una de esas personas, salga el nombre de cada uno. He visto en esta entrada que se usa la etiqueta alt y tittle para poner el nombre a una foto, pero es un titulo general.

    cómo se haría en el caso que te he comentado?

    ResponderEliminar
    Respuestas
    1. No estoy seguro, pero quizás si mapeas la imagen puedas añadirle un title a cada zona. Pero repito, no estoy seguro, he mapeado antes pero no recuerdo que las áreas de enlaces tengan titles.

      Eliminar
    2. Perfecto... busqué y encontré una entrada sobre "mapear una imagen" y encontré esto...
      http://www.canalip.com/blog/mapear-imgenes-online/... no usa etiquetas title pero te da opción de etiquetar partes de la imagen, luego te genera un código y solo queda pegarlo en el blog.

      Es fantástico y de gran utilidad.

      Eliminar
    3. Lo que no entiendo es pork me sale un error... al abrir la aplicación te da dos opciones para poner la foto... una por medio de "examinar"(del pc) y otra mediante la Url de la imagen.
      Haciendolo desde el primer método, más sencillo y directo, me da el error diciendo "413 Request Entity Too Large" así q debo hacerlo desde el segundo método, más largo ya q debo saber la Url... y tengo 500 fotos ainsssssssss.

      ¿qué opinas?

      Eliminar
    4. Debe ser un problema/error de la página, quizás quieras buscar otra página que haga mapeos online.

      Eliminar
  55. Potro no tengo como agradecerte todo el contenido que he leído de esta pagina, me ha sido de una inmensa utilidad.

    Ten por seguro que cuando obtenga beneficios en mi cuenta Paypal de unos negocios que tengo te voy a pasar algo. Saludos desde Reynosa, Tamaulipas, México.

    ResponderEliminar
  56. Hola Potro, felicidades por el blog, está muy bien.

    Tengo una duda, si tengo por ejemplo 5 imágenes en una entrada, y cada una de ella tiene entre ALT y TITLE varias palabras claves, ¿no podría penalizarme Google por utilizar demasiadas palabras claves? ¿O esas que aparecen en ALT y TITLE no cuentan junto al resto de las de la entrada?

    Un saludo!

    ResponderEliminar
    Respuestas
    1. No, no debería haber problema siempre y cuando no abuses de las palabras clave; hay que usar sólo las necesarias sin que parezca SPAM.

      Eliminar
  57. Hola Potro!!
    Quería consultarte algo parecido a lo que comenta Ronald y lo que tú le has contestado:
    "He puesto "equipos para acampar" y he encontrado esta imagen:

    http://1.bp.blogspot.com/-GqhUmATA25U/T72gDTt4_sI/AAAAAAAAAYE/m2kT-SEbmTU/s400/picnic-acampar-campamento-recreativo-selva-sobreviviente-herramienta-equipo-silueta.jpg"

    Mi pregunta es que, al igual que Ronald, la imagen no es mía, lo cual me lleva a a pensar que no puedo hacer lo que tu comentas " img src='orquideas.jpg", es decir que no puedo cambiar la fuente de la imagen, sino que debería poner toda la retahila y después la descripción que yo quiera ¿no?. ¿Posiciona igualmente la imagen?

    Ya me dirás, desde ya te tengo en mis círculos. Grácias!!!

    (No se si me he explicado bien, a veces me enrollo un poco, sino, vuelvo a intentarlo)

    ResponderEliminar
    Respuestas
    1. Hola Mar, es preferible que el nombre sea corto, aunque imágenes con nombres largos también se posicionan. De cualquier forma en SEO la experimentación es básica siempre, así que si te funciona mejor de la otra forma pues a seguirle así :)

      Eliminar
  58. Hola Potro y compañia,

    NO se si alguien puede echarme una mano, igual es fácil pero nos estamos volviendo locos. En el blog que estamos creando hemos puesto una página que seria la Fotogalería, la intención es poner allí fotos con subindices de las propias entradas...como si fuese n archivo o muestrario de fotos.
    Lo que no sabemos hacer es etiquetar sólo la foto de las entradas, por ejemplo en la primera entrada de presentación hemos puesto una foto que quisieramos que fuese también en la secci´pn Fotogaleria=> Furgoneteando.....pero no hay manera.
    Podeis ayudarnos?

    ResponderEliminar
    Respuestas
    1. Hola Gonçalo y Tina, si quieres que esa sección se actualice automáticamente con las fotos será problema, uno porque si lo hacemos con un gadget sólo podrá mostrarse la miniatura de la imagen y será sólo de una de todas las que la entrada tenga. Así que la única forma que veo de hacerlo es añadiendo manualmente a esa página todas las fotos que quieras mostrar, y si quieres puedes enlazar cada foto a la entrada correspondiente, pero sí será necesario que agregues las fotos que quieras una por una.

      Eliminar
  59. Tengo una duda, si la imagen represente un producto en un destino en específico con una cualidad en específico, no puede llevar todas estas especificaciones el nombre de la imagen?

    ResponderEliminar
    Respuestas
    1. Supongo que sí, aunque quizá puedas sacar un poco de ingenio para variarle un poco el texto, tal vez usando sinónimos o añadiendo más palabras que se relacionen con la imagen.

      Eliminar
  60. Hola

    Puedo poner el mismo alt a distintas fotos dentro de un mismo album?

    Eso, favorece o perjudica el SEO?

    ResponderEliminar
    Respuestas
    1. Hola Alejandro, lo ideal es que uses un ALT y TITLE distinto en cada foto ya que se tratan de fotos distintas. Aun cuando las fotos necesiten de una misma palabra clave usa al menos una variante antes o después de ella.

      Eliminar
  61. Estimado Potro:

    Me pregunto cómo aplicar el atributo TITLE a un gadget de imagen para que al pasar el cursor sobre la misma aparezca un texto flotante. Además, se trataría de una imagen que contiene el enlace a otra página, aunque no creo que ambas funciones sean incompatibles.

    Muchas gracias.

    ResponderEliminar
  62. Me anticipo a la respuesta del experto explicando el modo en que he resuelto mi duda:

    Todos los intentos de editar el código de un gadget de imagen para activar los atributos referidos me daban errores de diversa naturaleza, quizá (o seguramente) a causa de mi impericia. Lo menos engorroso es reemplazar el gadget de imagen que queremos modificar por otro de HTML en el que debe añadirse lo siguiente:

    <a href="URL de la página web enlazada a la imagen"><img alt="texto o palabra clave" src="URL de la imagen" title="Nombre que se quiere mostrar sobre la imagen" />

    Como dato adicional, precisar que para el nuevo elemento puede utilizarse la imagen del gadget existente incluso cuando este es eliminado, ya que la misma seguirá estando disponible en la ruta original donde fue alojada.

    Un saludo a todos los curiosos.

    ResponderEliminar
    Respuestas
    1. Perfectamente correcto y explicado Autógeno. Si bien sí puede modificarse el gadget de Imagen, lo más viable es utilizar el gadget HTML/Javascript para tener un universo más amplio de posibilidades y personalización.

      Saludos.

      Eliminar
  63. Hola Potro, gracias por el tuto, te pregunto, si yo hice un post que trata de imagenes de halloween.. estaría correcto que a todas las imagenes les diera practicamente el mismo nombre de "tittle" y "alt" solo que diferenciandolas por numeración?

    es decir:

    imagen1: tittle:Halloween1 alt:Maquillajes-Halloween
    imagen2: tittle:Halloween2 alt:Maquillajes-Halloween
    imagen3: tittle:Halloween3 alt:Maquillajes-Halloween

    Y así sucesivamente.

    ResponderEliminar
    Respuestas
    1. Hola Alejandro, aun cuando todas son de Halloween seguro deben tener otra forma de diferenciarlas que podrían darte mejores resultados, por ejemplo:

      imagen1: tittle:Ideas para Halloween alt:Maquillaje de brujas para Halloween
      imagen2: tittle:Disfraces de Halloween alt:Maquillaje de vampiro para Halloween

      Eliminar
  64. Busco por todos lados cómo subir imagen que cubra el área de contenido y no encuentro ayuda!
    He tratado por ensayo y error y no me termina de salir.
    Habrá una forma supongo.
    Gracias por considerar este pedido.
    Mi blog: La vida es así

    ResponderEliminar
    Respuestas
    1. Hola, ¿exactamente dónde quieres que esté la imagen? ahora mismo veo una en la sidebar que excede el ancho de la sidebar.

      Eliminar
  65. Excelente artículo y muy bien explicado, muchas gracias por el aporte

    ResponderEliminar
  66. Estimado Potro, me queda claro casi todo referente a las imagenes, pero mi consulta es la siguiente: las fotos de mi blog en su gran mayoria son de dos o tres periodicos nacionales pero especificando claramente su propiedad, es decir Photo: www.xxxxxxx de todas maneras corro riesgo de ser penalizado? Obviamente el texto del blog es totalmente original, con mis propias palabras y a mi modo. Gracias de nuevo.

    ResponderEliminar
  67. http://www.wisdomjobs.com/e-university/e-commerce-concepts-tutorial-7.html

    ResponderEliminar
  68. Que piensas de las imagenes que bienen con id al principio y al final deberiamos quitarlo.

    ResponderEliminar
  69. Es muy buen tutorial, para indicar las palabras claves del blog, es saber bien que palabras usar para que les sea mas facil a google para indexar, utilizando las alt, title... gracias por el tutorial, saludos :).

    ResponderEliminar
  70. buen consejo noticiaactuales.com

    ResponderEliminar
  71. Hola Potro. Eres un genio. Una duda. Hay alguna manera de personalizar el estilo del title de la imagen?. Quiero que aparezca en color blanco y centrado en la imagen con una raya arriba y otra abajo. ¿Se puede hacer? Gracias de antemano.

    Mi blog www.boisetlin.com

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger