title: How to actually use meta tags to share data through social networks?
body: <p>So I'm trying to do a website that has multiple images with their own content and allow users to click on a dropdown next to an image and share that image and the content to: Twitter, Facebook, LinkedIn, and Email. </p>
  
  <p>What I've looked into is creating a separate URL for each image with it's content. Then in each page setting it's description, image, etc. in the meta tags. So on the landing page when they click to share it's actually pulling a separate page. </p>
  
  <p>My question is...how do I share meta tag information to Twitter, Facebook, LinkedIn, and Email?</p>
  
  <p>I've tried for Twitter:</p>
  
  <pre><code>&lt;a rel="nofollow" class="share-twitter sd-button share-icon no-text" href="http://twitter.com/share?text=Textgoeshere&amp;url=https://www.landingpage.com/&amp;hashtags=example" target="_blank" title="Click to share on Twitter"&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="sharing-screen-reader-text"&gt;Click to share on Twitter (Opens in new window)&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>This seems like a lot of text that I would have to then write for each image. Plus it doesn't pull the image, author, etc. Isn't there a way to grab the meta tag information to share to Twitter here?</p>
  
  <p>I mean I have the meta tags present (below) but no idea how to actually use them to share.</p>
  
  <pre><code>&lt;meta name="twitter:card" content="Here's Twitter Card"/&gt;
  &lt;meta name="twitter:site" content="@author"/&gt;
  &lt;meta name="twitter:domain" content="@author"/&gt;
  &lt;meta name="twitter:url" content="http://www.mainpage.com"&gt;
  &lt;meta name="twitter:title" content="Twitter Title"&gt;
  &lt;meta name="twitter:description" content="Here is the Twitter Description"&gt;
  &lt;meta name="twitter:image" content="link to image"&gt;
  </code></pre>
  
  <p>Found the following for Facebook:
  <a href="https://developers.facebook.com/docs/plugins/share-button#" rel="nofollow noreferrer">https://developers.facebook.com/docs/plugins/share-button#</a></p>
  
  <p>Found the following for Twitter:
  <a href="https://publish.twitter.com/#" rel="nofollow noreferrer">https://publish.twitter.com/#</a></p>