Shopify + og:image resulting in "was not a valid URL."
<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>