How chakra-ui.com Looks on Twitter / X

83/100
Good
1 fix recommended

chakra-ui.com configures its Twitter preview as a `summary_large_image` card. 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 Twitter / X best practices.

Twitter / X preview

𝐏

Twitter / X

summary_large_image (active)

Chakra UI

chakra-ui.com

Chakra UI

Simple, Modular & Accessible UI Components for your React Applications

summary

Chakra UI

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 Twitter / X. 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

chakra-ui.com uses the `summary_large_image` card type. This renders a large hero image above the title and description - the most engaging format.

See chakra-ui.com on other platforms

All platforms FacebookLinkedInSlackDiscordGoogle Search

Validate other sites on Twitter / X

stackoverflow.comsumo.comtenpercent.coma11yproject.comunbounce.combetterhelp.com

Validate your own URL

See how your site looks across all major social platforms - instantly, free, no signup.

Try LinkPreview.io