web-dev-qa-db-fra.com

Définir l’image de publication personnalisée comme og: image

J'essaie de définir l'image sélectionnée en tant que og:image

J'ai essayé divers moyens et plugins ( Yoast ), mais j'ai du mal à comprendre ce que j'ai à dire.

Le problème est qu’il ne capte pas l’image caractéristique du tout mais prend les images du contenu.

Ceci est mon code de pages actuel pour le post de blog unique. C’est la partie que j’ai besoin d’être capable d’obtenir lorsque je partage le post de blog sur Facebook plutôt que les images de contenu.

<div class="image-wrapper">
        <?php if( get_field('featured_image') ): ?>
        <?php $featuredImage = get_field('featured_image'); ?>
        <img rel="image_src" src="<?php echo $featuredImage['url']; ?>" alt="">
        <?php else: ?>
        <img src="http://lorempixel.com/842/458/?rand9" alt="">
        <?php endif; ?>
</div>

Il fait cette chose étrange quand un article de blog ne contient aucune image dans le contenu, il prend ensuite les images de fonction et les images dans la barre latérale. J'ai également exécuté le débogueur Facebook, mais encore une fois, il ne récupère que les images du contenu.

J'ai trouvé cet extrait qui cible l'image en vedette, mais j'ai le sentiment que le mien est un article personnalisé, il se peut qu'il ne l'ait pas repris.

<meta property="og:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'large'); echo $post_thumbnail[0]; ?>" />

Toute suggestion sera appréciée. Si vous avez besoin de quelque chose d'autre, faites le moi savoir.

imagesfacebookplugin-wp-seo-yoastopen-graph
3
Kenny Van Sittert

Il semble que votre site n'utilise pas la fonctionnalité de base WordPress Featured Image mais utilise plutôt un champ d'image personnalisé (probablement à partir de champs personnalisés avancés). Le plug-in de Yoast, Jetpack, et probablement beaucoup d'autres recherchent l'image Image en vedette lors de la définition de la balise méta opengraph. Donc, vous avez deux options:

  1. Utilisez la fonctionnalité principale Image sélectionnée avec l’un des plug-ins qui ajoute l’image présentée à une méta-balise opengraph.
  2. Changez votre méta propriété pour utiliser le champ ACF:

<meta property="og:image" content="<?php $featuredImage = get_field('featured_image'); echo esc_url( $featuredImage['url'] ); ?>" />

De plus: si votre image sélectionnée (quelle que soit son implémentation) a une signification et n'est pas "purement décorative", assurez-vous que votre site offre un moyen de lui donner un texte de remplacement approprié pour l'accessibilité .

6
mrwweb

vous pouvez créer votre propre plugin, ou simplement l'utiliser dans votre functions.php

add_action('wp_head', 'dgsoft_fb');
function dgsoft_fb(){
    if( is_single() ) {
        echo '<meta property="og:image" content="'. get_the_post_thumbnail_url(get_the_ID(),'full')   .'" />';
    }
}
0
vencedor