Sharing Social Media nicht enthalten Bild

Question

ich in der am wirft der Einstellung auf eine Sub-Domain ein Blog für mein Geschäft bis (blog.twocan.co)

Für die Blogging-Zwecke werde ich den einfachen Weg eines einfachen Wordpress installieren .

Der Schlüssel zu unserem Marketing ist es, kurze Posts mit einem großen Bild auf Social Media zu teilen.

Ich möchte in der Lage sein, alle Blog-Posts direkt auf Facebook oder linkedin zu teilen, aber leider, wenn ich auf den Share-Button klicke, enthält das Popup-Fenster nur den zu teilenden Text und nicht das Bild.

Ich habe mir die Markierung angesehen und kann sehen, dass das Bild innerhalb der <article></article> Tags ist.

Hier ist der Bild-Tag selbst:

<img src="https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?fit=800%2C500" class="attachment-full size-full wp-post-image" alt="English test" srcset="https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?w=800 800w, https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?resize=300%2C188 300w, https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?resize=768%2C480 768w" sizes="(max-width: 800px) 100vw, 800px" width="800" height="500">  

Answer 1

Bild zu teilen mit gemeinsamem sozialem Netzwerk, müssen Sie open graph meta zu dem Header about the protocol hinzuzufügen.

Dies kann mit einem Plugin oder direkt innerhalb des Themas erfolgen.

Sie werden eine Menge Tutorial im Web finden, aber, müssen Sie die vorgestellten Bild abrufen und schreiben Sie etwas wie folgt aus:

<meta property="og:url"    content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" /> 
<meta property="og:type"    content="article" /> 
<meta property="og:title"    content="When Great Minds Don’t Think Alike" /> 
<meta property="og:description"  content="How much does culture influence creative thinking?" /> 
<meta property="og:image"    content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" /> 

Von fb developper Beispiel Fb OG markup