meta og:image funktioniert nicht für meine WordPress-Website mit SSL

Lesezeit: 4 Minuten

Ich spiele mit dem Hinzufügen von Meta-Eigenschaften zu meiner herum WordPress-Website mit SSL-Zertifizierung. Ich sende den Link zu Skype und WhatsApp og:image funktioniert nicht. Ich habe es mit vielen Plugins und ohne Plugin-Direkt-HTML-Code in meinem WordPress-Theme-Header versucht, aber es funktioniert immer noch nicht. Jedermann hilft mir, mit geeignetem Plugin oder WP-Code zu führen, um dies zu erreichen. Vielen Dank im Voraus.

mein Website-Link

Skype-Bild

<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" />

  • Öffnen Sie Ihre Website mit Chrome, öffnen Sie dann devtools und überprüfen Sie die Registerkarte Netzwerk. Einige Dateien und Skripte werden nicht geladen, und es dauerte ungefähr 40 Sekunden, bis ich die gesamte Site geöffnet hatte.

    – BSeitkazin

    24. Dezember 2018 um 4:12 Uhr

Ihre offenen Diagrammdaten scheinen gut zu funktionieren (FB-Sharing-Debugger, Rahmenweise).

Dies deutet auf ein Problem mit Skype hin. Skype speichert seine Link-Metadaten (einschließlich Bilder) sowohl in der Cloud als auch auf Ihrem Computer. Es gibt Anweisungen in den Skype-Foren um Ihren lokalen Cache zu löschen, aber Sie müssen nur warten, bis der Cloud-Cache aktualisiert wird.

Als ich den Link in eine WhatsApp-Konversation eingab, erschien das Bild wie gewünscht:

WhatsApp-Screenshot

Ich vermute, dass Skype in Kürze nachziehen wird und dass dies nur ein Caching-Problem ist. Ich hatte ähnliche Probleme mit Facebook- und Twitter-Posts beim Aktualisieren von Metadaten – meiner Erfahrung nach kann es bis zu einer Woche dauern, bis die Änderungen vollständig übertragen werden.

Für WhatsApp-Sharing verwenden Sie einfach

<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>

Zunächst können Sie Ihre URL scannen Soziales Debugging Ich scanne bereits Ihre URL und finde ein Problem, dass Ihr Ranking C ist, also versuchen Sie, es A zu machen.

Auch das gleiche Problem, mit dem wir konfrontiert sind, haben wir fast eine Woche verschwendet, um herauszufinden, was passiert, wenn ein Zeit-Cache oder ein Server-Timeout auftritt.

Geben Sie hier die Bildbeschreibung ein

Verwenden Sie keine Plugins, da es sich um ein Mashup mit Ihrer Codeausgabe handelt. Wir haben ein einfaches Skript erstellt, genau dieses Skript am Ende Ihres function.php Datei

//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) . '" />';
  }
}

Es scheint ein Problem mit dem Skype-Cache zu geben, was mir auch passiert ist. Normalerweise füge ich dem Link eine zufällige Abfragezeichenfolge hinzu, z https://mybizcart.com.my/?random-1234 um den Cache zu umgehen

Sie können das Yoast-Plugin verwenden. Es hat das gleiche Problem für mich behoben. Nach der Installation können Sie die Optionen aufrufen: Social-> Facebook, dort müssen Sie das Bild einstellen. Nachdem Sie das Standardbild eingestellt haben, wird Ihr Problem behoben.

1228890cookie-checkmeta og:image funktioniert nicht für meine WordPress-Website mit SSL

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy