Definir la imagen usada como miniatura al compartir en facebook
Definir la imagen usada como miniatura al compartir en facebook, Una vez integrado el botón compartir de facebook, por ejemplo con el plugin ADDTHIS para php,joomla o wordpress. Vamos a elegir la imagen que queremos como miniatura para el compartir en facebook. Facebook por defecto ya escoge las imágenes de tu web al hacer clic en el botón compartir y te muestra una paginación en el caso de que tengas mas de una imagen en tu web, para que elijas la imagen mas idónea (a criterio personal) para el contenido que se va a compartir. Para evitar que facebook se tome la libertad de hacer esto, y así evitar que todas las imagenes de tu web sean seleccionadas por el, basta con añadir el atributo “rel=” al tag que contenga la imagen que deseamos escoger como única y predeterminada para este compartir. un ejemplo de este tributo seria:
Con esto facebook ya sabe que solo debe obtener esta imagen ya que sera la única que contenga el rel=”image_src”. En el caso de que existan mas imagenes con este rel, facebook obtiene todas aquellas que lo contengan, mostrando la paginación para seleccionar la miniatura Si este metodo no funcionara correctamente, por cualquier motivo. Tenemos otra forma de hacer esto.
Paso a describirla: Consiste en definir un metatag en el header que contiene la propiedad que nos indica facebook en su pagina de documentacion sobre sus propios plugin. No olvidemos que cuando hacemos click en el boton compartir lo unico que hacemos es definir que url es la que compartimos, y es el propio facebook quien se encarga de recuperar las imagenesque nosotros definimos como predeterminadas en el caso de que lo hagamos asi.
Por lo cual en el momento que hagamos click en compartir pasamos la responsabilidad a facebook. Para definir este meta tag, agregamos esta linea:
es importante, mucho, definir la URL absoluta de la imagen para evitar errores en la captura de la imagen por parte de facebook. Con este metatag esta comprobado que correctamente coge unicamente la imagen definida en “content” y no alguna otra de nuestra web. Indico como nota, revisar las url que hemos configurado en el enlace de compartir de nuestra web, ya que una mala referencia hace que se invalide este proceso y no fucione. Como ultimo paso, en el caso de que sigamos viendo que facebook siga cogiendo la imagen erronea y no la que nosotros definimos, podemos depurar nuestra pagina en el debugger de Facebook. Esto es util ya que facebook nos cachea la pagina y las imagenes que compartimos en este tipo de botones para acelerar el proceso.
El debugger se encuentra en: https://developers.facebook.com/tools/debug, solo debemos introducir la url o urls a depurar de nuestra pagina y facebook se encarga de depurar la web, mostrandonos los errores que hemos cometido, o los contenidos que busca y no encuentra por que intefieren otras propiedades u otros elementos, por ejemplo: el titulo, la url o la imagen. Ademas de comprobar y mostrarnos esto, actualiza la cache que el tiene guardada de nuestro sitio.
*OJO con el debugger. Debemos introducir la url real que se usa para compartir un contenido, en el caso de que introduzcamos una url y no veamos cambio efecivo debemos fijarnos en este punto por que quizas estemos introduciendo una url del tipo: [ http://www.dominio.es/noticia/contenido.php?id=01 ] y quizas la url que le indicamos en nuestra web este codificada cuando llamamos a facebook: [ http%3A%2F%2Fdominio%2Fnoticia%2Fcontenido.php%3Fid%3D01 ] Esto lo podemos comprobar en la barra de direcciones del navegador una vez que hemos hecho clic para compartir un contenido. Este “despiste” puede ser producto de que para compartir una URL correctamente con facebook debemos codificarla con PHP a traves de su metodo urlencode
fuente:
No hay comentarios:
Publicar un comentario