How frontendmentor.io Looks on Slack

82/100
Good
1 fix recommended

This page shows how frontendmentor.io appears when shared on Slack. The current preview headline reads "Front-end coding challenges using a real-life workflow | Frontend Mentor". It pairs with the description "Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst ..." and a social image. Overall, frontendmentor.io's setup scores 82/100 against Slack best practices.

Slack preview

#

Slack

Front-end coding challenges using a real-life workflow | Frontend Mentor

Front-end coding challenges using a real-life workflow | Frontend Mentor

Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

Front-end coding challenges using a real-life workflow | Frontend Mentor

Analysis

frontendmentor.io's social setup currently has 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: title is 72 characters - truncated on most platforms. Each of these has a one-line fix in the recommendations panel above.

What's working well: social share image found; description length is good (149 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.

Frequently Asked Questions

frontendmentor.io declares `og:type` as `website`. This tells Slack how to categorize the content when generating a preview.

See frontendmentor.io 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