<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Social on RenderCache.com</title>
    <link>https://rendercache.com/tags/social/</link>
    <description>Recent content in Social on RenderCache.com</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Sun, 18 Oct 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://rendercache.com/tags/social/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Fixing Blank Link Previews From Slackbot and LinkedInBot on JavaScript Apps</title>
      <link>https://rendercache.com/fixing-blank-link-previews-from-slackbot-and-linkedinbot-on-javascript-apps/</link>
      <pubDate>Sun, 18 Oct 2026 00:00:00 +0000</pubDate>
      <guid>https://rendercache.com/fixing-blank-link-previews-from-slackbot-and-linkedinbot-on-javascript-apps/</guid>
      <description>&lt;p&gt;Someone pastes a link to your new feature page into Slack. Instead of a card with the headline and a screenshot, the preview shows your app&amp;rsquo;s generic title and the default logo. Or nothing at all. The same thing happens on LinkedIn, on X, in a Discord channel. The page itself is fine. The preview is wrong because of where the tags live.&lt;/p&gt;&#xA;&lt;p&gt;Most JavaScript apps set their Open Graph and Twitter card tags at runtime. Libraries like React Helmet and Vue Meta write &lt;code&gt;og:title&lt;/code&gt;, &lt;code&gt;og:image&lt;/code&gt; and &lt;code&gt;og:description&lt;/code&gt; into the head after the app boots. The bots that build link previews don&amp;rsquo;t boot the app. Slackbot, LinkedInBot, Twitterbot, facebookexternalhit and Discordbot fetch the HTML, read the head, and leave. What they read is the static &lt;code&gt;index.html&lt;/code&gt; that every route shares.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
