Benutzerdefinierter Twitter-Share-Button

Question

Ich möchte meine Website-Artikel auf Twitter (Inhalt, Bild, Titel) teilen!

aber twitter zeigt keine Bildartikel, nur Inhalt in der Box anzeigen.

dies ist mein Code:

Javascript:

<script>window.twttr = (function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
    t = window.twttr || {}; 
if (d.getElementById(id)) return t; 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "https://platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    t._e = []; 
    t.ready = function(f) { 
    t._e.push(f); 
    }; 
    return t; 
}(document, "script", "twitter-wjs"));</script> 

Button:

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" data-size="small">Tweet</a> 

Meta Tabs

<meta name="twitter:card" content="photo" /> 
<meta name="twitter:site" content="@flickr" /> 
<meta name="twitter:title" content="Article Title" /> 
<meta name="twitter:image" content="grobal.dev/theme/images/img_art.jpg"; /> 
<meta name="twitter:url" content="grobal.dev/article/detail/1051"; /> 

Answer 1

Sie könnten der Suche nach diesem

<meta property="og:image" content="imageurl"/>