Review
Useful when judging whether a preview explains the page quickly in a feed.
Verdict
GitHub shows why page-specific previews matter on large product sites. A feature page and a pricing page should not sell the same promise in the same way.
What works
- The feature page image supports a specific product capability instead of relying on the homepage brand card.
- The pricing image has its own asset, which fits a high-intent decision page.
- Each sampled page has a large-card Twitter setup, which is the right default for visual previews.
Watchouts
- Long descriptions can be truncated in many social surfaces.
- Complex illustration detail can lose impact at small preview sizes.
Page variation study
The product question: does each page type get its own useful preview?
Why this matters for automatic OG images
Automatic generation can help product teams keep feature, pricing, and launch pages aligned with their current page title and value proposition.
Homepage
Homepage brand image.
- og:title
- GitHub - Change is constant. GitHub keeps you ahead.
- og:description
- Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
- og:image
- https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png
Actions
Feature-specific image.
- og:title
- GitHub Actions
- og:description
- Easily build, package, release, update, and deploy your project in any language-on GitHub or any external system-without having to run code yourself.
- og:image
- https://images.ctfassets.net/8aevphvgewt8/63gHnduk1FaJfdjcP9gGKe/3b7a9634823e54957e885a25b0e5ebc1/features-actions-social.jpg
Pricing
Decision-page image.
- og:title
- Pricing - Plans for every developer
- og:description
- Whether you're starting an open source project or choosing new tools for your team, we've got you covered.
- og:image
- https://github.githubassets.com/assets/pricing-1d2e2fb4b121.png