How bulma.io Looks on Facebook
This page shows how bulma.io appears when shared on Facebook. The current preview headline reads "Bulma: Free, open source, and modern CSS framework based on Flexbox". It pairs with the description "Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular,..." and a social image. Overall, bulma.io's setup scores 76/100 against Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
bulma.io
Bulma: Free, open source, and modern CSS framework based on Flexb...
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and availabl...
Compact card (image < 600px wide)
bulma.io
Bulma: Free, open source, and modern CSS framework...
Bulma is a free, open source CSS framework based on Flexbox and built with Sass....
Analysis
bulma.io's social setup currently has 2 warnings 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 67 characters - truncated on most platforms; canonical url and og:url do not match. 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 (141 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See bulma.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