material.io Social Share Preview

73/100
Needs work
2 fixes recommended

material.io has been validated across all 6 major social platforms. The current preview headline reads "Material Design". It pairs with the description "Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps..." and a social image. Overall, material.io's setup scores 73/100 against cross-platform best practices.

Previews across all platforms

𝕏

Twitter / X

summary_large_image (active)

Material Design

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-sourc...

summary

Material Design

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-sourc...

f

Facebook

Large card (image ≥ 600px wide)

Material Design

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build ...

Compact card (image < 600px wide)

Material Design

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—...

G

Google Search

Search result

m3.material.io

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experienc...

Rich result (with thumbnail)

m3.material.io

m3.material.io

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps te...

Material Design
in

LinkedIn

Material Design

Material Design

m3.material.io

#

Slack

Material Design

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Material Design
◈

Discord

Material Design

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Material Design

Analysis

material.io'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: no og:title - falling back to <title> tag; description is 163 characters - truncated on most platforms. Each of these has a one-line fix in the recommendations panel above.

Frequently Asked Questions

material.io sets `og:image` but does not include `og:image:width` and `og:image:height`. Explicit dimensions let platforms render the preview faster without downloading the image first.

See material.io on a specific platform

Twitter / XFacebookLinkedInSlackDiscordGoogle Search

Validate other sites

equifax.comwsj.comwiby.methepointsguy.comreuters.comnaver.com

Validate your own URL

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

Try LinkPreview.io