postcss.org Social Share Preview
postcss.org has been validated across all 6 major social platforms. The current preview headline reads "PostCSS - a tool for transforming CSS with JavaScript". It pairs with the description "Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possib..." and a social image. Overall, postcss.org's setup scores 71/100 against cross-platform best practices.
Previews across all platforms
Twitter / X
summary_large_image
postcss.org
PostCSS - a tool for transforming CSS with JavaScript
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting an...
summary (active)
postcss.org
PostCSS - a tool for transforming CSS with JavaScript
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting an...
Card by @postcss
Large card (image ≥ 600px wide)
postcss.org
PostCSS - a tool for transforming CSS with JavaScript
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundr...
Compact card (image < 600px wide)
postcss.org
PostCSS - a tool for transforming CSS with JavaScr...
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes,...
Google Search
Search result
postcss.org
postcss.org
PostCSS - a tool for transforming CSS with JavaScript
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundreds of PostCSS plugins.
Rich result (with thumbnail)
postcss.org
postcss.org
PostCSS - a tool for transforming CSS with JavaScript
Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible ...
PostCSS - a tool for transforming CSS with JavaScript
postcss.org
Slack
postcss.org
PostCSS - a tool for transforming CSS with JavaScriptTransform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundreds of PostCSS plugins.
Discord
postcss.org
PostCSS - a tool for transforming CSS with JavaScriptTransform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundreds of PostCSS plugins.
Analysis
postcss.org's social setup currently has 1 error and 1 warning that affect how it renders across social platforms. The most impactful fixes are listed below - they range from missing required tags to image dimensions that will be cropped or rejected by specific platforms.
In particular: og:image uses a relative url; no og:title - falling back to <title> tag. Each of these has a one-line fix in the recommendations panel above.
What's working well: social share image found; title length is good (53 chars); description length is good (153 chars). 4 of the checks we run pass cleanly.
Frequently Asked Questions
See postcss.org on a specific platform
Validate other sites
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io