title: How to Exclude Jumbotron Image from Social Media Thumbnail?
body: <p>Whenever my blog post is shared, the thumbnail is automatically the jumbotron image first instead of defaulting to the blog post image: </p>
  
  <p><a href="https://i.stack.imgur.com/0B56o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0B56o.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/tbsMB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tbsMB.png" alt="enter image description here"></a></p>
  
  <p><strong>view</strong></p>
  
  <pre><code>&lt;%= image_tag "galli-walking.jpg", alt: "Conquering life and goal challenges so we can get the most out of life.", class: "main-image" %&gt;
  &lt;div class="blog-text"&gt;
    &lt;div class="blog-paragraph"&gt;
      A DAILY BLOG ABOUT MY&lt;br&gt;
      JOURNEY &amp; LIFESTYLE
    &lt;/div&gt;
    &lt;%= render 'subscribes/subscribe.html.erb' %&gt;
  &lt;/div&gt;
  &lt;%= link_to @post.title, blog_path(@post) %&gt;
  &lt;%= simple_format(@post.body, {}, {:sanitize =&gt; false}) %&gt;
  </code></pre>