Twitter Card metadata refers to a set of meta tags that are embedded in a webpage's HTML to optimize how the webpage's content is displayed when shared on Twitter. These tags provide Twitter with specific instructions about how to preview the content, such as the title, description, and image, to ensure that the shared link looks visually appealing and informative.
When someone shares a link to your webpage on Twitter, the Twitter bot crawls the page and looks for these meta tags. Based on the metadata, Twitter will render a card that visually represents your content, helping to make it more engaging and likely to attract clicks.
The snippet produces code like the one below, using the data about your product:

<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="VersaBottle filler VB-12">
<meta name="twitter:description" content="VersaBottle filler VB-12 is a contactless surface mount bottle filler with a refrigerated drinking fountain. VersaBottle filler utilizes silver-based compound to reduce growth of micro-organisms in your drinking water">
<meta name="twitter:image" content="https://site.com/image/cache/catalog/Mary/fillers/VersaBottle-filler-VB-12-1000x600.jpg">
<meta name="twitter:image:width" content="1000">
<meta name="twitter:image:height" content="600">

---------------------------
https://webolie.com