En nuestra publicación anterior explique como publicar automaticamente en tus redes sociales desde un sitio web desarrollado en drupal .

Pude comprobar este inconveniente al querer compartir un post en facebook y me di con la sorpresa que la imagen que se mostraba en facebook no tenía nada que ver con la imagen de la publicación real, esto me pareció un poco extraño ya que al previsualizar el post este se mostraba correctamente.

Posteriormente también tuve este mismo problema cuando trabaje en la publicación automática en redes sociales desde drupal . Ya para este punto era algo que debería solucionar por la importancia de publicar nuestros artículos en otras redes y que fuera automáticamente.

Al investigar un poco más el tema veo que esto suele suceder muy a menudo con otros CMS y es que en realidad no se trata de un problema de Drupal más bien se le puede atribuir el problema a la propia implementación que ofrece por su parte facebook y otras redes sociales para integrarse correctamente con sitios externos.

Por su parte Drupal ofrece las herramientas (módulos) necesarias para poder realizar la integración correctamente con Facebook a traves de marcado de datos con Opengraph y por nuestra parte debemos aplicarlo correctamente para que todo funcione correctamente.

Para más información sobre marcado de datos con OpenGraf puedes visitar el siguiente link y vuelve aquí para terminar este tutorial.

Para que facebook interprete correctamente la imagen que queremos compartir necesitamos implementar la siguiente M etaetiqueta en nuestro sitio web drupal: property =" og:image " content =" url-del-archivo " /> si echamos una mirada al código fuente de nuestra página web veremos que no se encuentran por ningun lado.

Pasos para configurar drupal Necesitaremos el apoyo de los módulos MetaTAG , File (Field) Paths y el submodulo metatag:OpenGraph

instalando módulos

• Descargar e instalar el módulo File (Field) Paths
• Activar el módulo File (Field) Paths
• Descargar e instalar el módulo MetaTAG
• Activar el módulo Metatag
• Activar el módulo Metatag:OpenGraph

Configurando la url de la imagen

Primero debemos configurar drupal para que exponga las url de las imágenes para eso hemos instalado el módulo File (Field) Paths

• Ir a estructura / tipos de contenido y seleccionar el tipo de contenido y luego ir a Gestionar Campos
• Seleccionar el campo imagen al cual queremos exponer el campo url tal como se muestra en la siguiente imagen:

• Verificar que los campos imagen que se muestra a continuación estén activadas tal como se muestra y guardar las opciones.

Configurando la metaetiqueta opengraph

• Ir a configuración / Metatag
• Seleccionamos Nodo, luego Editar
• Seleccionamos la opción OPEN GRAPH y ubicamos URL de imagen

• Seleccionamos el campo y luego vamos a Ojear comodines disponibles .(tokens) y seleccionamos el campo imagen que habíamos configurado anteriormente.

Bien, si todo ha sido bien configurado correctamente a partir de ahora cuando compartas un post de desde tu sitio web hecho en drupal se hará con la imagen que corresponde al post.

Espero que pueda servir de apoyo para alguien.