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:
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:
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: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.
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:
Este atributo es el que hace que aparezca el tooltip cuando ponemos el cursor sobre una imagen.
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:Las 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.
Ciudad Blogger
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
ResponderEliminarGracias 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 ;)
EliminarUn abrazo.
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.
EliminarVere la seccion Dominios para informarme de ello, te ganaste un seguidor con solo leer unos 4 articulos tuyos... gran trabajo
Muchas gracias Luis, espero verte seguido por aquí :)
EliminarExcelente muy bien explicado :)
ResponderEliminarGracias Brenda. Un saludo.
Eliminar"las orquideas moradas que mas me gustan forever and ever"
ResponderEliminarjajajaja 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!
Jajaja, creí que nadie lo notaría never and ever :P
EliminarEsto 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.
ResponderEliminarMuchí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, :)
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.
EliminarLa flor es para ti ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminar¡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:
ResponderEliminarhttp://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
Excelentes aportaciones Marcelo, gracias por compartirlas :)
Eliminarjejeje 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!
ResponderEliminarNop, 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:
Eliminarhttp://chicablogger.com/dos-interesantes-hacks-vietnamitas-para-blogger/
Gracias, en mi caso las fotografias son basicas para acompanar mis entradas, esta informacion es muy util! saludos Potro !
ResponderEliminarno 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
EliminarPues 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 :)
EliminarMuy ú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.
ResponderEliminarPero 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á?
Google busca primordialmente en el nombre de la imagen, las palabras clave alrededor, y el ALT.
EliminarY 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.
Ya veo. Muchas gracias por la información. Muy útil.
EliminarTendré que tomar todo esto en cuenta y dedicarle un par de minutos extra al post... por cierto... otra cosa;
ResponderEliminarBlogger 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?
Mira esta entrada de Pizcos, para que los enlaces de esos datos conserven la URL original del blog:
Eliminarhttp://www.pizcos.net/2012/03/blogger-ya-distingue-la-procedencia-de.html
Muchas gracias... Ahora mismo tratare de arreglarlo... ¡¡de nuevo gracias!!
EliminarTengo 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.
Gracias Akken Blue, a ver si tengo algo de tiempo para hacer un anuncio :)
Eliminarhola potro quisiera saber como as echo esto (2012 © Ciudad Blogger) gracias
ResponderEliminarHola Pokelevel, sólo he puesto un DIV antes de </body>, algo como esto:
Eliminar<div class='creditos'>2012 © Ciudad Blogger</div>
Gracias potro.Pero quería saber como icistes el fondo negro
EliminarYa puesto eso sólo añade los estilos en el CSS:
Eliminar.creditos {
width:100%;
height:30px;
background:#000;
color:#fff;
}
Eso donde lo pongo
EliminarTodos los estilos CSS van antes de ]]></b:skin>
EliminarEste comentario ha sido eliminado por el autor.
Eliminarpotro mira mi blog y veras el fallo no esta centrado y el ancho no esta ajustado como el tuyo. http://pokelevel.blogspot.com.es/
EliminarA esos estilos (debajo de .creditos {) agrégale:
Eliminarposition:absolute;
bottom:0;
ya lo e agregado pero mira como me sale. http://pokelevel.blogspot.com.es/
Eliminar¿Y cómo quieres que salga?
EliminarComo lo as echo tu jejeje.
EliminarQue esa parte de los estilos quede así:
Eliminar.creditos {
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
background: black;
color: #FF8000;
text-align: center;
line-height: 40px;
}
Si es el estilo k tu usas pero se me va mucho por la derechas quiero k este debajo de la plantilla.
EliminarDebajo de bottom: 0; ponle left:0; así se recorrerá a la izquierda.
EliminarGracias potro me a quedado genial.
Eliminarmuy bien explicado Potro, asi me gusta sencillo y consiso!
ResponderEliminarGracias Daniela, saludos :)
EliminarMuchas 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
ResponderEliminarEs un gusto poder hacerlo Julio. Saludos.
EliminarAsí es Yami, todas las fotos que subimos desde Blogger se alojan en Picasaweb, así que todos tenemos una cuenta ahí ;)
ResponderEliminarSaludos.
Bueno tambien en la carga de las imagenes del blog podriamos ocupar en sprite.
ResponderEliminarBuen Articulo.
Por supuesto Crisrac, los sprites para la plantilla son buena opción para reducir el tiempo de carga.
EliminarHola, 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?-
ResponderEliminarOjala me puedas ayudar, gracias.
Hola Bren, agrega antes de ]]></b:skin> lo siguiente:
Eliminar.footer-outer {
margin-top: -40px;
}
Este comentario ha sido eliminado por el autor.
EliminarRecien 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.
ResponderEliminar...Te leyeron, Potro! :P
Jaja, a mí no, pero qué bueno que hayan agregado estas opciones, así nos facilitan optimizar las imágenes ;)
EliminarPotro no conozco ninguna entrada que no sea buena .... gracias.
ResponderEliminar¿Aún no sabes como poner hormigas en el blog en forma de que caminen o algo parecido?...... Gracias
Gracias Chilis. Aún no, pero sigo pendiente de ello ;)
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro, te tengo unas duda que me gustaría resolvieras, si puedes y quieres claro, bueno son 2:
ResponderEliminar1- 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.
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.
EliminarEl 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.
Grande Potro!
ResponderEliminarHay muchas cosas que no sabia sobre en SEO en las imágenes. Gracias por compartir estos consejos.
Por nada Obed, espero que puedan servirte en algo. Saludos.
EliminarLos robots de Google son tan misteriosos como el ordenador de la Comisión de Arbitraje, XD
ResponderEliminarPero si ese ordenador no tiene nada de misterioso, está más claro que el agua.
EliminarQue 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
ResponderEliminarsaludos
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.
EliminarSaludos.
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
Eliminarsaludos
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
EliminarTe agradezco tus finas atenciones
Saludos
Cesar de León
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...
ResponderEliminarPuedes hacerlo, pero tus imágenes siempre estarán alineadas a la izquierda.
EliminarSi 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>
Gracias Don Potro por tu tiempo.....
EliminarHola Potro!
ResponderEliminarNo 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
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.
EliminarPor 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.
Gracias Don Potro por tu tiempo..
ResponderEliminarHola 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.
ResponderEliminarMuchas gracias
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:
Eliminarhttp://cyberbloggero.com/2010/06/optimizar-imagenes-optimizar-blog.html
Buenos dias,
ResponderEliminarpara 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...
Sí, tienes que editarlas una por una.
EliminarEl 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.
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...
ResponderEliminarHola 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?
EliminarHola 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. :(
EliminarHola 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.
EliminarHe 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.
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!
EliminarA 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!
ResponderEliminarSí es tedioso, pero como acertadamente dices, es bien recompensado ;)
Eliminarmuchas 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,
ResponderEliminarJajajja toy rompiendo record llevo una semana entera sacando ayuda de tu web.
Habrá que superar el record la próxima semana :)
EliminarHola 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.
ResponderEliminarLas 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í
Cierto, nunca es tarde para empezar, y aunque no lo hayas aplicado a las antiguas imágenes puedes hacerlo a las nuevas :)
EliminarEstoy 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???.
ResponderEliminarAlgo he hecho mal, pero no soy capaz de verlo.
Muchas gracias potro.
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.
EliminarSi, 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.
ResponderEliminarUffffffff, yo creo que es mejor q haga un blog nuevo.
Muchas gracias.
Hola Potro .. Tengo unas preguntas acerca del Atrubuto ALT ...
ResponderEliminarCuando 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 !! :)
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.
EliminarPara 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.
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!!
ResponderEliminarNo GCS, el atributo se agrega de forma independiente a cada imagen.
EliminarSaludos!
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola 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:
Eliminarhttp://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.
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?
ResponderEliminarEn html aparece con 400s y 1600s.
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.
EliminarHola 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
ResponderEliminarHola 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 ;)
EliminarSaludos.
gracias por la respuesta potro eres el mejor siguire publicando y siguire tus consejos saludos desde españa
EliminarHola Potro
ResponderEliminarDescubrí 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.
Espero que de verdad pueda serte útil Juan Carlos, muchas gracias por tu comentario.
EliminarSaludos y bienvenido a Ciudad Blogger!
Seguro que me será de mucha ayuda. Muchas gracias de nuevo. :)
EliminarHola 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
ResponderEliminarHola 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
ResponderEliminarHola Veritas Realitas, tendrías que ir probando ponerlo en varios lugares antes del /body
EliminarPonlo en varias ubicaciones, da Vista Previa y mira si ese es el lugar indicado, en caso de que no prueba con otro.
aplicado a mis nuevas entradas...
ResponderEliminarPotro tengo una péqueña duda… pero t la voy a preguntar xq no quiero equivocarme
ResponderEliminarLas 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..
No hay problema por eso, es de esas veces que el orden de los factores no altera el producto ;)
EliminarDisculpa 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...
ResponderEliminarBien, ya te había respondido de todas formas :D
EliminarGracias de igual forma :D
ResponderEliminarhola 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
ResponderEliminarHola 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í:
Eliminar#cuadro:hover {
background:#000;
color:#fff;
}
Saludos.
Hola, antes que nada quiero agradecerte porque tu web me ha ayudado muchísimo para mejorar mi blog.
ResponderEliminarMi 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?
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?
EliminarQue tal potro, desde que cambié a Google Chrome ya no tengo más este problema, sale gracias.
EliminarHola El Potro, lo primero felicitarte por
ResponderEliminartú 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.
Lo desconozco DJ Walken, sé que puede hacerse en otras plataformas pero no en Blogger :(
EliminarGracias por la pronta respuesta
EliminarSaludos
buenos días,
ResponderEliminarmi 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
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.
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarmuchas 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,
ResponderEliminarsi me pudieras ayudar te agradeceria mucho,
de antemano muchas gracias
Gracias Norman. Debe ser que el slider usa jQuery así que no hace falta añadir más versiones del script:
Eliminarhttp://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html
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
EliminarPuede ser entonces que ese slider sólo funcione con una versión más antigua.
Eliminarmuchas gracias
EliminarHola!, 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.
ResponderEliminarQuerí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/
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 :(
EliminarHola 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.
ResponderEliminarMuchas gracias con antelación, me he añadido tu blog a favoritos y me la estudio a diario.
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.
EliminarTengo 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.
ResponderEliminarcómo se haría en el caso que te he comentado?
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.
EliminarPerfecto... busqué y encontré una entrada sobre "mapear una imagen" y encontré esto...
Eliminarhttp://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.
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.
EliminarHaciendolo 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?
Debe ser un problema/error de la página, quizás quieras buscar otra página que haga mapeos online.
EliminarPotro no tengo como agradecerte todo el contenido que he leído de esta pagina, me ha sido de una inmensa utilidad.
ResponderEliminarTen 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.
Muchas gracias a ti Alberto, saludos!
EliminarHola Potro, felicidades por el blog, está muy bien.
ResponderEliminarTengo 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!
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.
EliminarHola Potro!!
ResponderEliminarQuerí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)
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í :)
EliminarHola Potro y compañia,
ResponderEliminarNO 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?
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.
EliminarTengo 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?
ResponderEliminarSupongo 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.
EliminarHola
ResponderEliminarPuedo poner el mismo alt a distintas fotos dentro de un mismo album?
Eso, favorece o perjudica el SEO?
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.
EliminarEstimado Potro:
ResponderEliminarMe 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.
Me anticipo a la respuesta del experto explicando el modo en que he resuelto mi duda:
ResponderEliminarTodos 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.
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.
EliminarSaludos.
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?
ResponderEliminares decir:
imagen1: tittle:Halloween1 alt:Maquillajes-Halloween
imagen2: tittle:Halloween2 alt:Maquillajes-Halloween
imagen3: tittle:Halloween3 alt:Maquillajes-Halloween
Y así sucesivamente.
Hola Alejandro, aun cuando todas son de Halloween seguro deben tener otra forma de diferenciarlas que podrían darte mejores resultados, por ejemplo:
Eliminarimagen1: tittle:Ideas para Halloween alt:Maquillaje de brujas para Halloween
imagen2: tittle:Disfraces de Halloween alt:Maquillaje de vampiro para Halloween
Busco por todos lados cómo subir imagen que cubra el área de contenido y no encuentro ayuda!
ResponderEliminarHe 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í
Hola, ¿exactamente dónde quieres que esté la imagen? ahora mismo veo una en la sidebar que excede el ancho de la sidebar.
EliminarExcelente artículo y muy bien explicado, muchas gracias por el aporte
ResponderEliminarEstimado 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.
ResponderEliminarhttp://www.wisdomjobs.com/e-university/e-commerce-concepts-tutorial-7.html
ResponderEliminarQue piensas de las imagenes que bienen con id al principio y al final deberiamos quitarlo.
ResponderEliminarEs 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 :).
ResponderEliminarbuen consejo noticiaactuales.com
ResponderEliminarGenio !!
ResponderEliminarHola 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.
ResponderEliminarMi blog www.boisetlin.com