How web.dev Looks on Facebook
This page shows how web.dev appears when shared on Facebook. The current preview headline reads "web.dev". It pairs with the description "Guidance to build modern web experiences that work on any browser." and a social image. Overall, web.dev's setup scores 94/100 against Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
web.dev
web.dev
Guidance to build modern web experiences that work on any browser.
Compact card (image < 600px wide)
web.dev
web.dev
Guidance to build modern web experiences that work on any browser.
Analysis
web.dev's social meta tag setup passes every check we run. The required tags are present, the image is well-sized, and the title and description fit comfortably within Facebook's truncation limits. There's not much to improve here - this is a strong reference for anyone looking to optimize their own social previews.
What's working well: social share image found; description length is good (66 chars); twitter card type: summary. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See web.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