tailwindcss.com Social Share Preview
tailwindcss.com has been validated across all 6 major social platforms. The current preview headline reads "Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.". It pairs with the description "Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML." and a social image. Overall, tailwindcss.com's setup scores 75/100 against cross-platform best practices.
Previews across all platforms
Twitter / X
summary_large_image (active)
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving your...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leav...
summary
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving your...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leav...
Large card (image ≥ 600px wide)
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Compact card (image < 600px wide)
tailwindcss.com
Tailwind CSS - Rapidly build modern websites witho...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websit...
Google Search
Search result
tailwindcss.com
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever le...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Rich result (with thumbnail)
tailwindcss.com
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever le...
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
tailwindcss.com
Slack
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Discord
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Analysis
tailwindcss.com's social setup currently has 2 warnings that affect how it renders across social platforms. 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 76 characters - truncated on most platforms; 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 (114 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See tailwindcss.com on a specific platform
Validate other sites
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io