<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Posts tagged #og image</title><description>All posts tagged with og image on queen.raae.codes</description><link>https://queen.raae.codes/tag/og-image/</link><item><title>📝 ✨ ~ Is 1200 x 630px the holy grail?</title><link>https://queen.raae.codes/2023-02-03-og-images/</link><guid isPermaLink="true">https://queen.raae.codes/2023-02-03-og-images/</guid><description>We finally added an open graph image on last week&apos;s unauthorized and rum-fueled treasure hunt, so the URL looks nice when shared on social media. We ended up…</description><pubDate>Fri, 03 Feb 2023 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;We finally added an open graph image on last week&apos;s &lt;a href=&quot;https://www.youtube.com/watch?v=tBY3OjlRe2M&quot;&gt;unauthorized and rum-fueled treasure hunt&lt;/a&gt;, so the URL looks nice when shared on social media.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=tBY3OjlRe2M&quot;&gt;&lt;img src=&quot;./screengrab.jpg&quot; alt=&quot;Screengrab from stream&quot;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;We ended up being super confused by the size requirements, but 1200 x 630px seems to be the holy grail of these images. The size works across Twitter, LinkedIn and Facebook.&lt;/p&gt;
&lt;p&gt;Let me know if I am wrong, please!&lt;/p&gt;
&lt;p&gt;Both LinkedIn and Facebook require a meta tag with &lt;code&gt;property&lt;/code&gt; set to &lt;code&gt;og-image&lt;/code&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-jsx&quot;&gt;&amp;lt;meta property=&amp;quot;og:image&amp;quot; content={imageUrl} /&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;While Twitter requires a meta tag with &lt;code&gt;name&lt;/code&gt; set to &lt;code&gt;twitter:image&lt;/code&gt; in addition to information about the style of the &amp;quot;sharing card&amp;quot;:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-jsx&quot;&gt;&amp;lt;meta name=&amp;quot;twitter:card&amp;quot; content=&amp;quot;summary_large_image&amp;quot; /&amp;gt;
&amp;lt;meta name=&amp;quot;twitter:image&amp;quot; content={imageUrl} /&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;All the best,&lt;br&gt;
Queen Raae&lt;/p&gt;
</content:encoded></item></channel></rss>