Uso del HTML al insertar una imagen

  • Avatar de Desconocido

    ¡Hola!
    Estoy aprendiendo a usar el nuevo sistema para insertar imágenes dentro de un post, y tengo algunas dudas. Vamos con un ejemplo:

    Freaking Out The Neighborhood – Mac DeMarco

    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).

  • Avatar de Desconocido

    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-51673

    Y 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.

  • Avatar de Desconocido

    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:

    Freaking Out The Neighborhood – Mac DeMarco

    Leave a Light On – Belinda Carlisle

    Enigma – Hidrogenesse

    ¡Todas van con el 312! ¿Está mal? ¿Me va a originar algún problema?

  • Avatar de Desconocido

    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.

  • Avatar de Desconocido

    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

  • Avatar de Desconocido

    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" />

  • Avatar de Desconocido

    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.

  • Avatar de Desconocido

    ¡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.

  • Avatar de Desconocido

    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 -:)

  • Avatar de Desconocido

    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.

  • Avatar de Desconocido

    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.

  • Avatar de Desconocido

    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.

  • Avatar de Desconocido
  • Avatar de Desconocido

    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?

  • Avatar de Desconocido

    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″ />

  • Avatar de Desconocido

    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″ />

  • Avatar de Desconocido

    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)

  • Avatar de Desconocido
  • El debate ‘Uso del HTML al insertar una imagen’ está cerrado y no admite más respuestas.