How frontendmentor.io Looks on Facebook
This page shows how frontendmentor.io appears when shared on Facebook. 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 Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
www.frontendmentor.io
Front-end coding challenges using a real-life workflow | Frontend...
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to pr...
Compact card (image < 600px wide)
www.frontendmentor.io
Front-end coding challenges using a real-life work...
Improve your front-end skills by building real projects. Solve real-world HTML, ...
Analysis
frontendmentor.io's social setup currently has 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: 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
See frontendmentor.io 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