Uso del HTML al insertar una imagen
-
¡Hola!
Estoy aprendiendo a usar el nuevo sistema para insertar imágenes dentro de un post, y tengo algunas dudas. Vamos con un ejemplo:el código que tengo metido es:
<img class=»alignnone size-medium wp-image-312″ title=»¡Cu-Cú! ¡Sorpresa!» alt=»¡Cu-Cú! ¡Sorpresa!» src=»http://thesongswelove.files.wordpress.com/2012/12/macdemarco300_250.jpg?w=300″ height=»360″ width=»300″ />
Ahí van las dudas:
¿qué signfica el wp-image 312 del principio? ¿Debería ser igual ese «312» cada vez que inserte una foto, o es un valor que debería cambiar?
¿Qué significa ese 300 que hay justo antes de las dimensiones de la foto?
Y una última duda al respecto de los atributos «title» y «alt» que defino para la foto, que no sé si debería abrir en un nuevo hilo (otro más). ¿Cuál es el que se tiene en cuenta de cara al famoso posicionamiento?El blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
Ya te contesté algunas cosas en el otro tema, lee mi respuesta y después seguimos aquí, para no repetir:
https://es.forums.wordpress.com/topic/se-me-han-desactivado-de-pronto-los-titulos-en-las-fotos?replies=25#post-51673Y en cuanto a «alt» y «title», el primero es «obligatorio» y el segundo un complemento, desde el punto de vista SEO. Como te dije en el otro tema, «alt» es un atributo para que el contenido de la página o post sea accesible para ciegos, o discapacitados visuales: los lectores de pantalla «leen» dicho atributo.
-
Ok, leído. No entiendo muy bien por qué repiten lo del ancho , priemro con «w» y luego con el «width» pero bueno, si hay que hacerlo así, se hace.
Lo de la identidad. Yo he utilizado la plantilla de «la foto que funcionaba» en el post sobre Drath Grips para construir los otros vínculos, y ahora van todos como foto 312, que según me dices es la «identidad de la foto»,y sin embargo, me está funcionando.
Fíjate en los códigos de las imágenes insertadas en estas tres entradas:
¡Todas van con el 312! ¿Está mal? ¿Me va a originar algún problema?
-
Creo que te «comes la cabeza» demasiado con este asunto :). Yo pongo los enlaces de forma manual sin esos códigos que da el editor y funcionan igual ( y ya sabes que una máxima de la informática es «si funciona no lo toques). Pero si quieres puedes probar a ver qué pasa si no lo pones.
-
Claro, Jesús, ¡Pero tú probablemente sabes HTML! Yo ayer tuve mi primer cursillo, a cargo de Galois, que al pobre le tengo monopolizado con tanta pregunta.
De todas formas, si me quieres pegar aquí un copia-y-pega de un código puesto de forma manual para que lo utilice de plantilla, estaré encantado de utilizarlo -
Por ejemplo algo asi:
<img class="aligncenter" src="http://espaciochus.files.wordpress.com/2012/12/mpn-21.jpg" title="Marcapáginas Navidad" alt="Marcapáginas Navidad" height="661" width="454" /> -
Le dí a a Enviar antes de tiempo :).
Este no es exactamente el código que yo uso (si vas a mi página e intentas ver la imagen en una nueva pestaña o descargas la imagen y la abres, verás a qué me refiero), pero puede servir perfectamente.
-
¡Gracias, Jesús!
Veo que tú haces lo mismo que yo: poner lo mismo en «Title» y «Alt text». A ver si un día Galois nos explica qué es lo que funciona de cara al famoso SEO. No sé si debería poner datos serios de lo que sale en la foto como «Alt Text», y las chorradicas en el «título» para que aparezcan al pasar el cursor, o si eso funciona justo al revés, de cara al posicionamiento. -
Aunque no se lo que cuenta de cara al famoso SEO, lo del «title» y «alt» ya lo explico galois en el otro tema y creo que es una buena practica poner los dos. Suelo poner lo mismo en en ambos, tampoco pasaría nada nada por poner alt=»Imagen que no se ve por causas ajenas a mi voluntad», pero quedaría demasiado largo -:)
-
hummmm…He estado buscando el hilo que me dices, con la explicación del uso de «alt» y «title», pero no lo he encuentro… Eso sí, acabo de enterarme que debería de hacer cuanto antes una cosa que no sé muy bien qué es llamada «indexar mi blog en Google». Investigaremos.
-
hummmm…He estado buscando el hilo que me dices, con la explicación del uso de «alt» y «title», pero no lo he encuentro…
Es el que abriste tu mismo. Clic aqui. Además de los temas de soporte que alli cita galois.
En cuanto al segundo tema, aunque no tiene nada que ver con este: https://es.forums.wordpress.com/topic/no-puedo-indexar-con-google?replies=4#post-46130.
-
Un artículo sobre imágenes, el atributo «alt», el «title» y el SEO:
http://seoblog.es/optimizar-imagenes-para-los-buscadores/ (sí, en castellano)Creo que ahí se explica claramente la diferencia entre ambos.
Saludos.
-
-
Jesús, no consigo que me funcione tu plantilla para insertar imágenes dentro de un post: ¿Serías tan amable de volver a pegarme el código completo? Intenté hacer lo que me indicabas de seleccionar una imagen de tu blog, pero no lo consigo.
De momento tengo esto:<img src=»http://espaciochus.files.wordpress.com/2012/12/14-sonia-y-selena.jpg» title=»Pon aquí el título» alt=»Pon aquí el alt» height=»650″ width=»278″ />
Pero donde debería ver al recauchutado dúo musical, veo el texto que pone «Pon aquí el alt». Eso sí, si pongo el cursor encima, me sale el «Pon aquí el título» en su recuadro amarillo. La cuestión es: ¿dónde están mis chicas?
-
perdón, corrijo lo que tengo:
<img src=»http://thesongswelove.wordpress.com/2012/12/14-sonia-y-selena.jpg» title=»Pon aquí el título» alt=»Pon aquí el alt» height=»650″ width=»278″ />
-
Te falta algo:
<img src=»http://thesongswelove.files.wordpress.com/2012/12/14-sonia-y-selena.jpg» title=»Pon aquí el título» alt=»Pon aquí el alt» height=»650″ width=»278″ />
-
1) Galois: Leí el artículo de la SEO. Al final, me da la impresión que el alt. text es más bien una cuestión de hacer tu web accesible a gente con discapacidad visual ,que del posicionamiento. Ya sé que no se puede, pero desde mi punto de vista, lo ideal sería tener un alt. para la accesibilidad, un campo con las palabras clave para el SEO, y de modo independiente, un titulillo que te dejara escribir lo que quieres que aparezca al pasar el cursor, independiente de ciegos y SEOS.
2)Ok , Jesús ¡Funciona! Gracias (Y cierro el hilo)
-
- El debate ‘Uso del HTML al insertar una imagen’ está cerrado y no admite más respuestas.