How chakra-ui.com Looks on Facebook
This page shows how chakra-ui.com appears when shared on Facebook. The current preview headline reads "Chakra UI". It pairs with the description "Simple, Modular & Accessible UI Components for your React Applications" and a social image. Overall, chakra-ui.com's setup scores 83/100 against Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
chakra-ui.com
Chakra UI
Simple, Modular & Accessible UI Components for your React Applications
Compact card (image < 600px wide)
chakra-ui.com
Chakra UI
Simple, Modular & Accessible UI Components for your React Applications
Analysis
chakra-ui.com'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: missing og:type tag. 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 (70 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See chakra-ui.com 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