3

Tengo una pagina en la que por razones ajenas a mí no tengo acceso al HEAD (cuestiones de empresa).

La cosa es que tengo actualmente la carga del og:image hecho mediante una llamada JQuery:

$('head').append('<meta property="og:image" content="<%=urlImagen%>">');

Veo en el código fuente generado que si que me aparece pero al pasarlo por el debugueador de Facebook me da el siguiente error:

The 'og:image' property should be explicitly provided, even if a value can be inferred 
 from other tags.

La cosa es que no se si es posible (segun W3S no es recomendable pero ya me da un poco igual) poner el meta directamente en el cuerpo.

La cosa es que hasta llegar a entorno de producción no podría probarlo y me da miedo pasarlo y hacerlo fallar así que me gustaría saber si alguno puede darme una respuesta.

Ejemplo similar:

<html>
<head>
    ... 
    include de jQuery
    ...
</head>
<body>
    ...
     $('head').append('<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/en/9/99/MarioSMBW.png">');
    ...
</body
</html>

La cosa seria saber si así añadiendo el meta de esta manera facebook o twitter lo reconocerían. En el view generated source veo que me incluye bien el meta dentro del head, pero parece que no facebook no es capaz de leerlo. La cosa es saber si puedo llevar ese dentro del body o no ya que los meta DEBEN ir en el head pero no se si poniéndolos en el body me las detectarían.

6
  • ¿Por qué has incluído la etiqueta jsp? Intenta crear un ejemplo mínimo verificable e incluir el código y pasos para reproducir el error.
    – Rubén
    el 2 mar. 2017 a las 11:46
  • Porque realmente la imagen a meter en el content la calculo mediante codigo Java n JSP. La cosa es que luego he intenado simplicarlo. el 2 mar. 2017 a las 11:47
  • Ya te he añadido un ejempo simplificandolo al absurdo para que veas cual es la idea y expuesto la pregunta de nuevo de otra manera. el 2 mar. 2017 a las 12:04
  • Me parece que la pregunta está mejor, por otro lado, no sé si te funcionará en facebook o twitter. Lo que yo haría es hacer la prueba.
    – Rubén
    el 2 mar. 2017 a las 12:09
  • 1
    Eso había pensado pero para eso tengo que llegar a publicarlo y lo tenemos bastante restringido como para andar haciendo pruebas. He buscado algun dominio pulico en el que tirar una pagina para poder depurarla desde el debugger de Facebook pero no encuentro ninguna, xD el 2 mar. 2017 a las 12:23

1 respuesta 1

2

Respuesta parcial

Para probar si lo que quieres hacer funciona correctamente en un dominio independiente de la empresa puedes usar GitHub pages de forma muy sencilla usando el gestor de temas Jekyll.

Instrucciones

Crea un sitio en GitHub pages

  1. Crea una cuenta en GitHub
  2. Crea un nuevo repositorio usando nombredeusario.github.io como nombre del mismo
  3. Haz clic en "Settings"
  4. En la sección de GitHub pages haz clic en "Choose a theme"
  5. Revisa los temas y escoge uno.
  6. Te dará la opción de editar el archivo README. Si lo deseas, cancela para editarlo posteriormente.

Crea una nueva página para probar tu código html

  1. Ve al repositorio en GitHub
  2. Agrega una página
  3. Agrega el nombre de archivo con extensión .html
  4. Agrega tu código
  5. Guarda el código
  6. Ve al enlace de la página, revisa el resultado

Probar en la herramienta para desarrolladores

  1. Ve la página de validación de Facebook o cualquier otro que quieras utilizar
  2. Envía el URL de tu página y revisa los resultados.
  3. Actualiza o publica una nueva pregunta, ahora sí lo más completa que puedas :)

Ejemplo parcial

No se incluye la parte de prueba en Facebook

Repositorio

https://github.com/rubenrivera/rubenrivera.github.io/

Código Hola mundo

<html>
  <body>
    ¡Hola mundo!
  </body>
</html>

Enlace al archivo en GitHub

https://github.com/rubenrivera/rubenrivera.github.io/blob/master/holamundo.html

Enlace a la página publicada

Un enlace como este sería el que utilizarías para evaluar tu página en la herramienta para desarrolladores de Facebook o cualquier otro similar

https://rubenrivera.github.io/holamundo.html

Referencias

Creating a GitHub Pages site with the Jekyll Theme Chooser

Antecedentes

Conversación a través de comentarios a la pregunta.


Rubén: Me parece que la pregunta está mejor, por otro lado, no sé si te funcionará en facebook o twitter. Lo que yo haría es hacer la prueba.


Endika Hernando: Eso había pensado pero para eso tengo que llegar a publicarlo y lo tenemos bastante restringido como para andar haciendo pruebas. He buscado algun dominio pulico en el que tirar una pagina para poder depurarla desde el debugger de Facebook pero no encuentro ninguna, xD


Rubén: Hay muchas alternativas, por ejemplo, está GitHub pages. El "pero" es que está en inglés. En el chat podríamos pedir orientación acercad de traducciones u otras alternativas.


3
  • Muchas gracias Ruben. Me pongo con ello, un saludo. el 3 mar. 2017 a las 7:28
  • 1
    He podido hacer las pruebas y pasarlas para demostrar que tengo que cmbiar el HEAD asi que ya me han dejado meterle mano... gracias. Sabes si se puede dar por soucionada la pregunta? el 3 mar. 2017 a las 8:46
  • Lo mejor sería que publicaras una respuesta indicando lo mencionado en tu comentario, con un poco más de detalle. Referencia: es.stackoverflow.com/help/self-answer
    – Rubén
    el 3 mar. 2017 a las 8:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.