title: Getting invalid HTTP method/URL pair Error when trying to load Firebase Storage Image URL into meta tag
body: <p>I am trying to include an image in my <code>og:image</code> meta tag that loads the image of a specific shop dynamically that is being shared by a user that is using my app when he wants to share the shop through WhatsApp so that it would show a thumbnail with the title, description, and image of the shop.</p>
  <p>but it doesn't load so I went and opened developer tools and inspected the element of my meta tag I found that the URL leads to this error:</p>
  <pre><code>{
    &quot;error&quot;: {
      &quot;code&quot;: 400,
      &quot;message&quot;: &quot;Invalid HTTP method/URL pair.&quot;
    }
  }
  </code></pre>
  <p>here is my code:</p>
  <p>landing page of the shared link:</p>
  <pre><code>    &lt;meta property=&quot;og:title&quot; content=&quot;&lt;?php echo $_GET[&quot;title&quot;]; ?&gt;&quot; /&gt;
      &lt;meta property=&quot;og:description&quot; content=&quot;&lt;?php echo $_GET[&quot;desc&quot;]; ?&gt;&quot;/&gt;
      &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;/&gt;
      &lt;meta property=&quot;og:url&quot;  content=&quot;&quot;/&gt;
      &lt;meta property=&quot;og:image&quot; content =&quot;&lt;?php  echo $_GET[&quot;img&quot;];?&gt;&quot;
  </code></pre>
  <p>Sent URL:</p>
  <pre><code>https://MyWebsiteName.com/share/?shop=xJbOcJDm1EOAkQdj0P3Q&amp;title=Sorso&amp;desc=Proudly%20Serving%20Gardelli%20Specialty%20Coffees&amp;img=https://firebasestorage.googleapis.com/v0/b/myappname-9ff0f.appspot.com/o/Profile%20Image%2FxJbOcJDm1EOAkQdj0P3Q%2F125819259_2799019546979252_3099556570327477479_n.jpeg?alt=media&amp;token=10450a78-d240-4f88-bb47-e809f91937c6
  </code></pre>
  <p>meta tag inspection:</p>
  <pre><code>&lt;meta property=&quot;og:image&quot; content=&quot;https://firebasestorage.googleapis.com/v0/b/myappname-9ff0f.appspot.com/o/Profile Image/xJbOcJDm1EOAkQdj0P3Q/125819259_2799019546979252_3099556570327477479_n.jpeg?alt=media&quot;/&gt;
  </code></pre>
  <p>What's the problem and how can I load the firebase storage image URL correctly into the meta tag?</p>
  <p>EDIT:</p>
  <p>including firebase storage token in the url passed but still getting the same error:</p>
  <pre><code>{
        &quot;error&quot;: {
          &quot;code&quot;: 400,
          &quot;message&quot;: &quot;Invalid HTTP method/URL pair.&quot;
        }
      }
  &lt;meta property=&quot;og:title&quot; content=&quot;&lt;?php echo $_GET[&quot;title&quot;]; ?&gt;&quot; /&gt;
      &lt;meta property=&quot;og:description&quot; content=&quot;&lt;?php echo $_GET[&quot;desc&quot;]; ?&gt;&quot;/&gt;
      &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;/&gt;
      &lt;meta property=&quot;og:url&quot;  content=&quot;&lt;?php echo $_GET[&quot;img&quot;].&quot;&quot;.&quot;&amp;token=&quot;.$_GET[&quot;token&quot;]; ?&gt;&quot;/&gt;
      &lt;meta property=&quot;og:image&quot; content =&quot;&lt;?php echo $_GET[&quot;img&quot;].&quot;&quot;.&quot;&amp;token=&quot;.$_GET[&quot;token&quot;];?&gt;&quot;/&gt;
  </code></pre>
  <p>i believe the problem is that the meta tag is converting the encoding for &quot;/&quot; symbol from %2F to &quot;/&quot; and thats why it is invalid. how do i make the meta tag not do that for my url?</p>