Update social media links

Checkout

When a link to your website or campaign is shared on social media, platforms like Facebook and LinkedIn send automated "crawlers" to your page. These crawlers scan your HTML code to build a preview containing an image, title, and description. To ensure these previews look professional and engaging, you must provide specific instructions called Open Graph meta tags.

Prerequisites

Before updating your tags, ensure you have the following ready:

HTML Access: You must be able to edit the <head> section of the webpage where your link originates.
Hosted Image: Your preview image must be uploaded to a public server and have a direct URL.
Correct Dimensions: Social platforms prefer a resolution of 1200 x 630 pixels with a 1.91:1 aspect ratio.

1. Implement the Core Meta Tags

Open Graph (OG) tags are the industry standard for link previews. Place these four essential tags within the <head> section of your HTML to control how your content appears on most platforms.

og:title: The bold headline of your shared link.
og:description: A brief summary that appears beneath the title.
og:url: The permanent, direct link to your page.
og:image: The direct URL to your preview image file.

For X (Twitter), you should also include the twitter:card tag set to summary_large_image. This ensures your preview uses the full-width layout rather than a small thumbnail.

2. Verify Image Requirements

If a shared link displays a blank box or a random icon from your site, the preview image likely fails to meet platform requirements. Facebook and LinkedIn recommend keeping your image file size under 5MB. Additionally, the image URL in your meta tags must be a direct link to a file ending in .jpg or .png. If you use a URL that points to a webpage instead of an image file, the crawler will ignore it.

3. Refresh the Cache

Social media platforms do not re-scan your page every time a link is shared. Instead, they "remember" the first version they saw. This is called caching. If you update your meta tags but still see an old or incorrect image, you must force the platform to re-crawl your site using their official debugging tools.

Facebook Sharing Debugger: Enter your URL, click Debug, and then click the Scrape Again button that appears in the results.
LinkedIn Post Inspector: Paste your link to see how LinkedIn reads your tags and force a refresh.
X (Twitter): Since X has retired its dedicated validator tool, you can preview your link by pasting it into a new post composer. If the old image still appears, try adding a unique parameter to the end of your URL (like ?v=1) to force the crawler to see the page as new.

Ready-to-use Code Snippet

Copy and paste this template into your website's <head> section, replacing the bracketed text with your actual details:

1<meta property="og:title" content="[Your Headline Here]">
2<meta property="og:description" content="[Your Summary Here]">
3<meta property="og:image" content="[Your Image URL]">
4<meta property="og:url" content="[Your Page URL]">
5<meta property="og:type" content="website">
6
7<meta name="twitter:card" content="summary_large_image">