How postcss.org Looks on Slack

71/100
Needs work
2 fixes recommended

This page shows how postcss.org appears when shared on Slack. 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 Slack best practices.

Slack preview

#

Slack

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.

PostCSS - a tool for transforming CSS with JavaScript

Analysis

postcss.org's social setup currently has 1 error and 1 warning that affect how it renders on Slack. 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

postcss.org declares `og:type` as `article`. This tells Slack how to categorize the content when generating a preview.

See postcss.org on other platforms

Validate other sites on Slack

Validate your own URL

See how your site looks across all major social platforms - instantly, free, no signup.

Try LinkPreview.io