How webgradients.com Looks on Facebook
This page shows how webgradients.com appears when shared on Facebook. The current preview headline reads "WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo". It pairs with the description "Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color pale..." and a social image. Overall, webgradients.com's setup scores 82/100 against Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palettes.
Compact card (image < 600px wide)
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds ...
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems....
Analysis
webgradients.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: title is 65 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 (122 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See webgradients.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