web-dev-qa-db-fra.com

meta og: l'image ne fonctionne pas pour mon site wordpress avec SSL

Je joue avec l'ajout de la propriété meta à mon site web wordpress avec SSL certifié. J'envoie le lien à skype et WhatsApp le og:image ne fonctionne pas. J'ai essayé avec beaucoup de plugins et sans plugin le code html direct dans mon en-tête de thème wordpress mais ne fonctionne toujours pas. Quelqu'un m'aide à guider avec un plugin approprié ou un code wp pour y parvenir. Merci d'avance.

mon lien de site Web

 skype image 

<meta property="og:site_name" content="Multi-functional Online Shopping Cart | 新山网店模板设计&nbsp;" />
<meta property="og:url" content="https://mybizcart.com.my" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Home" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://mybizcart.com.my/logo.jpg" />
<meta property="og:image:secure_url" content="https://mybizcart.com.my/logo.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
phphtmlcsswordpressmeta-tags
5
Sharvan

Les données de votre graphique ouvert semblent fonctionner correctement ( le débogueur de partage de FB , iframely ).

Cela indique un problème avec Skype. Skype met en cache ses métadonnées de lien (y compris les images) dans le nuage et sur votre ordinateur. Il existe des instructions sur les forums Skype pour vider votre cache local, mais vous devrez simplement attendre la mise à jour du cache cloud.

Lorsque j'ai entré le lien dans une conversation WhatsApp, l'image est apparue comme vous le souhaitez:

WhatsApp screenshot

Je soupçonne que Skype suivra sous peu et qu'il ne s'agit que d'un problème de cache. Lors de la mise à jour de métadonnées, je rencontrais des problèmes similaires avec les publications Facebook et Twitter. Selon mon expérience, la propagation des modifications peut prendre jusqu'à une semaine.

3
MTCoster

pour le partage WhatsApp vous utilisez simplement

<a href="whatsapp://send?text=https://mybizcart.com.my/url_of_page/" target="_blank"><i class="fa fa-whatsapp fa-3x" aria-hidden="true"></i><span class="hidden-xs">whatsapp</span></a>
0
Dinesh Gurjar

Cela semble être un problème avec le cache Skype, ce qui m'est arrivé aussi. J'ajoute généralement une chaîne de requête aléatoire au lien, telle que https://mybizcart.com.my/?random-1234 pour ignorer le cache

0
Martin Pham

Tout d’abord, vous pouvez analyser votre URL sur Social Debug j’ai déjà numérisé votre URL et trouver un problème de classement si C est donc essayez de le rendre A. 

De plus, le même problème que nous avons rencontré a été une perte de temps d’une semaine environ pour comprendre ce qui se passe lorsqu’un cache temps ou un délai d’expiration du serveur. 

 enter image description here

N'utilisez pas de plugins car c'est un mash-up avec la sortie de votre code, nous avons créé un script simple contenant ce script à la fin de votre fichier function.php.

//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
    }
add_filter('language_attributes', 'add_opengraph_doctype');

//Lets add Open Graph Meta Info

add_action('wp_head', 'fc_opengraph');
function fc_opengraph() {
if( is_single() || is_page() ) {
$post_id = get_queried_object_id();
$url = get_permalink($post_id);
    $title = get_the_title($post_id);
    $site_name = get_bloginfo('name');
$description = wp_trim_words( get_post_field('post_content', $post_id), 25 );
$image = get_the_post_thumbnail_url($post_id);
    if( !empty( get_post_meta($post_id, 'og_image', true) ) ) 
    {   
        $image = get_post_meta($post_id, 'og_image', true);
    } else {
        $image = 'set your image URl here';
    }
$locale = get_locale();
    echo '<meta name="description" content="Put your website description here">';
    echo '<meta property="og:locale" content="' . esc_attr($locale) . '" />';
    echo '<meta property="og:type" content="article" />';
    echo '<meta property="og:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />';
    echo '<meta property="og:description" content="' . esc_attr($description) . '" />';
    echo '<meta property="og:url" content="' . esc_url($url) . '" />';
    echo '<meta property="og:site_name" content="' . esc_attr($site_name) . '" />';
if($image) echo '<meta property="og:image" content="' . esc_url($image) . '" />';
// Twitter Card
    echo '<meta name="Twitter:card" content="summary" />';
    echo '<meta name="Twitter:site" content="@yourtwitterhandle" />';
    echo '<meta name="Twitter:creator" content="@yourtwitterhandle" />';
    echo '<meta name="Twitter:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />';
    echo '<meta name="Twitter:description" content="' . esc_attr($description) . '" />';
      echo '<meta name="Twitter:image" content="' . esc_attr($image) . '" />';
  }
}
0
Harsh Shah