How material.io Looks on Discord

73/100
Needs work
2 fixes recommended

This page shows how material.io appears when shared on Discord. 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 Discord best practices.

Discord preview

◈

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 on Discord. 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 other platforms

All platforms Twitter / XFacebookLinkedInSlackGoogle Search

Validate other sites on Discord

kentcdodds.comslack.comiawriter.comcsswizardry.comcalendly.comdrafts.app

Validate your own URL

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

Try LinkPreview.io