How postcss.org Looks on Facebook
This page shows how postcss.org appears when shared on Facebook. 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 Facebook best practices.
Facebook preview
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,...
Analysis
postcss.org's social setup currently has 1 error and 1 warning that affect how it renders on Facebook. 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 other platforms
Validate other sites on Facebook
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io