SummArg | Cursos y recursos para webmasters

17/09/2012

Indicar que imagen mostrar cuando se comparte el link en Facebook

Cuando colocamos un enlace para compartir en Facebook la red social inicia la búsqueda de una imagen y un texto para mostrar y hacer mas atractivo lo compartido. Es posible indicar puntualmente que imagen queremos que muestre utilizando una etiqueta de la siguiente forma.

<link rel="image_src" href="ruta/imagen.png" />

En el caso de querer utilizar la imagen destacada de una nota, podemos colocar dicha línea dentro de un condicional para dejarnos la posibilidad de mostrar en single.php otra imagen.

<?php if (!is_single()) { ?>
<link rel="image_src" href="<?php bloginfo('template_directory'); ?>/images/imagen.png" />
<?php } ?>

Y en la plantilla single indicamos:

<?php
$feature_image = get_the_post_thumbnail($post->ID);
$doc = new DOMDocument();
$doc->loadHTML($feature_image);
$imageTags = $doc->getElementsByTagName('img');
foreach($imageTags as $tag) {
        $image_url = $tag->getAttribute('src');
    }
?>
<link rel="image_src" href="<?php echo $image_url; ?>" />

Dejar un comentario