title: Shopify + og:image resulting in "was not a valid URL."
body: <p>This is the code:</p>
  
  <pre><code>&lt;meta property="og:image" content="{{ 'logo.png' | asset_url }}" /&gt;
  </code></pre>
  
  <p>As you can see, I do have the file:</p>
  
  <p><a href="https://i.stack.imgur.com/4ijXL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4ijXL.png" alt="enter image description here"></a></p>
  
  <p>But if you check in the <a href="https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fsunfoxcases.com%2F" rel="nofollow noreferrer">Facebook Debugger</a>, you'll see this:</p>
  
  <blockquote>
    <p>Provided og:image URL,
    //cdn.shopify.com/s/files/1/1318/9093/t/10/assets/logo.png?15320454113946669981
    was not a valid URL.</p>
  </blockquote>
  
  <p>Why is this problem and how to solve it?</p>
  
  <p>Direct URL of the logo: <a href="https://cdn.shopify.com/s/files/1/1318/9093/t/10/assets/logo.png?15320454113946669981" rel="nofollow noreferrer">https://cdn.shopify.com/s/files/1/1318/9093/t/10/assets/logo.png?15320454113946669981</a></p>