How postcss.org Looks on Twitter / X
postcss.org configures its Twitter preview as a `summary` card. 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 Twitter / X best practices.
Twitter / X preview
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
Analysis
postcss.org's social setup currently has 1 error and 1 warning that affect how it renders on Twitter / X. 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 Twitter / X
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io