Open Graph Tags for LinkedIn: Feed Previews & Post Optimization
Optimize LinkedIn link previews with Open Graph meta tags. Learn LinkedIn Post Inspector workflows, 1200x627 banner sizes, and B2B engagement strategies.
For B2B companies, enterprise tech providers, SaaS founders, and thought leaders, LinkedIn is the undisputed premier organic distribution channel. When professionals share case studies, industry reports, hiring announcements, or blog articles across LinkedIn feeds and direct messages, the platform automatically scrapes the target URL to generate a rich link preview card. A crisp, authoritative preview card establishes immediate credibility, elevates brand perception, and drives high-intent executive click-throughs, while an unformatted link or blurry thumbnail diminishes organic reach.
In this comprehensive guide, you will learn how to configure Open Graph tags tailored specifically for LinkedIn’s feed algorithm, how the LinkedInBot crawler operates behind the scenes, how to clear cached cards using the official LinkedIn Post Inspector, and how to validate your tags before sharing with our Open Graph Inspector.
LinkedIn Open Graph Meta Tag Configuration
While LinkedIn adheres to the general Open Graph Protocol specification, its feed rendering engine applies strict parsing rules, custom aspect ratios, and truncation boundaries compared to consumer social networks:
<!-- Production-Ready Open Graph Tags for LinkedIn -->
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Open Graph Generator" />
<meta property="og:title" content="How to Optimize LinkedIn Link Previews for Maximum B2B Reach" />
<meta property="og:description" content="Discover exact Open Graph image ratios, title character limits, and LinkedIn Post Inspector caching rules." />
<meta property="og:url" content="https://opengraphgenerator.com/blog/og-for-linkedin/" />
<meta property="og:image" content="https://opengraphgenerator.com/images/linkedin-og-banner.png" />
<meta property="og:image:secure_url" content="https://opengraphgenerator.com/images/linkedin-og-banner.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />
<meta property="og:image:alt" content="LinkedIn Open Graph feed post preview illustration" />Breakdown of LinkedIn Feed Card Elements
og:title: Rendered as bold, prominent text immediately beneath the image. LinkedIn truncates headlines after 60 to 70 characters on mobile and desktop feeds. Keep your primary value proposition and keywords within the first 50 characters.og:description: Displays below the headline on desktop feeds. It is frequently omitted on mobile feed cards to preserve vertical screen space. Keep descriptions between 100 and 150 characters.og:image: The primary visual anchor. Rendered as a full-width landscape banner above the headline if the asset exceeds 552px in width.- Domain Label: LinkedIn automatically extracts and renders the apex root domain (e.g.
opengraphgenerator.com) in muted gray text directly below the description.
LinkedIn Image Specifications: The 1200 × 627 px Standard
While Facebook, Twitter/X, and Discord standardize on the classic 1.91:1 aspect ratio (1200 × 630 px), LinkedIn’s desktop and mobile feed containers render at 1200 × 627 px (an exact ratio of 1.9138:1). Standard 1200×630px images scale cleanly, but maintaining tight alignment ensures zero pixel compression or unwanted vertical stretching:
| Property | Minimum Dimensions | Recommended Size | Maximum File Size | Supported Formats |
|---|---|---|---|---|
| Feed Banner (Large) | 552 × 289 px | 1200 × 627 px | 5 MB | PNG, JPG, WebP |
| Square Thumbnail (Small) | 80 × 80 px | 200 × 200 px (Square) | 2 MB | PNG, JPG |
[!IMPORTANT] If your image is narrower than 552px, LinkedIn automatically downgrades the card layout from a prominent full-width banner to a small square thumbnail positioned to the left of the headline. To guarantee a high-converting banner post, always supply an asset that is at least 1200px wide.
How LinkedInBot Crawls & Caches Content
Understanding LinkedIn’s scraper architecture prevents unexpected preview failures in production:
- User-Agent String:
LinkedInBot/1.0 (compatible; Mozilla/5.0; Apache-HttpClient +http://www.linkedin.com) - Cache Lifetime: LinkedIn caches link preview metadata on its edge proxy for 7 days. If you modify your HTML tags on your server, LinkedIn will continue serving the stale version until the cache expires or is manually refreshed.
- Redirection Limit: LinkedInBot follows a maximum of 2 redirects. Multi-hop redirect chains (e.g.
http://→https://www→https://→https://.../) will cause LinkedIn to abandon the request and fail to extract images. Audit your routes with our Broken Links Finder. - Server Response Time: If your server takes longer than 2.5 seconds to return the initial HTML stream, LinkedInBot aborts the request and falls back to a plain text link.
Programmatic Implementation in Modern Frameworks
1. Next.js App Router Dynamic Metadata (app/blog/[slug]/page.tsx)
import { Metadata } from 'next';
export async function generateMetadata({ params }): Promise<Metadata> {
const article = await fetchArticle(params.slug);
return {
title: `${article.title} | B2B Insights`,
description: article.summary,
openGraph: {
title: `${article.title} | B2B Insights`,
description: article.summary,
url: `https://example.com/blog/${params.slug}/`,
siteName: 'Enterprise SaaS',
type: 'article',
publishedTime: article.publishedAt,
authors: [article.authorName],
images: [
{
url: article.bannerUrl,
width: 1200,
height: 627, // Pixel-perfect LinkedIn aspect ratio
alt: article.title,
},
],
},
twitter: {
card: 'summary_large_image',
title: article.title,
description: article.summary,
images: [article.bannerUrl],
},
};
}For a complete guide to Next.js metadata generation, read our Next.js Open Graph Guide.
2. Astro Static Site Head Component
---
interface Props {
title: string;
description: string;
image: string;
url: string;
}
const { title, description, image, url } = Astro.props;
---
<head>
<title>{title}</title>
<meta name="description" content={description} />
<link rel="canonical" href={url} />
<!-- Open Graph / LinkedIn -->
<meta property="og:type" content="article" />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:url" content={url} />
<meta property="og:image" content={image} />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />
<meta property="og:site_name" content="B2B Technology Portal" />
</head>How to Clear LinkedIn Cache with the Post Inspector
If you updated your webpage metadata and LinkedIn is still showing an outdated image or old headline, use the official LinkedIn Post Inspector:
- Navigate to the LinkedIn Post Inspector (
www.linkedin.com/post-inspector/). - Enter your webpage URL and click Inspect.
- The tool forces LinkedInBot to bypass its 7-day cache, fetch live HTML from your production server, and rebuild the preview card.
- Review the parsed fields in the report:
- Title & Description: Ensure text matches your latest release.
- Image Dimensions & Aspect Ratio: Check that the 1200×627px banner is recognized.
- Canonical URL Resolution: Confirm no unexpected redirects occurred.
- Once inspected, all new shares of that URL across LinkedIn will immediately use the fresh preview.
Common LinkedIn Preview Errors & Troubleshooting Matrix
| Issue | Root Cause | Solution |
|---|---|---|
| No Image Found / Blank Box | Image exceeds 5 MB, is served over insecure HTTP, or lacks an absolute https:// path. |
Provide an absolute https:// URL and compress image below 1 MB. |
| Small Square Thumbnail Instead of Banner | Image width is less than 552 px. | Replace asset with a high-resolution 1200 × 627 px graphic. |
| Outdated Image or Headline | LinkedIn’s 7-day edge CDN cache is still active. | Run the URL through the LinkedIn Post Inspector. |
| Preview Fails on Staging | Basic Auth or IP blocking prevents LinkedInBot access. |
Allowlist LinkedInBot user-agent on staging servers. |
| Character Truncation | Title exceeds 70 characters. | Shorten og:title to 50–60 characters. |
If your link previews are stuck on LinkedIn and WhatsApp simultaneously, read our dedicated troubleshooting guide: Fix Cached LinkedIn & WhatsApp Link Previews.
Multi-Platform Best Practices Summary
- LinkedIn: Focus on clean, authoritative 1200×627px typography without visual clutter.
- Slack & Discord: Include
theme-colorand Twitter large cards. Read our Discord Embed Guide and Slack Unfurl Guide. - Facebook: Master the 1.91:1 ratio and Sharing Debugger with our Facebook Open Graph Guide.
- Search Engines: Add Schema.org structured data for Google rich snippets with our JSON-LD Schema Generator.
- AI Coding Agents: Provide structured code knowledge with our OKF Generator.
Generate, inspect, and copy verified Open Graph tags with our free Open Graph Generator today!