How react.dev Looks on Facebook

82/100
Good
1 fix recommended

This page shows how react.dev appears when shared on Facebook. The current preview headline reads "React". It pairs with the description "React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon..." and a social image. Overall, react.dev's setup scores 82/100 against Facebook best practices.

Facebook preview

f

Facebook

Large card (image ≥ 600px wide)

React

react.dev

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written ...

Compact card (image < 600px wide)

React

react.dev

React

React is the library for web and native user interfaces. Build user interfaces o...

Analysis

react.dev'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: description is 260 characters - truncated on most platforms. Each of these has a one-line fix in the recommendations panel above.

Frequently Asked Questions

react.dev declares `og:type` as `website`. This tells Facebook how to categorize the content when generating a preview.

See react.dev 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