How material.io Looks on Google Search

73/100
Needs work
2 fixes recommended

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

Google Search preview

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

Analysis

material.io's social setup currently has 2 warnings that affect how it renders on Google Search. 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 / XFacebookLinkedInSlackDiscord

Validate other sites on Google Search

axure.comwiktionary.orgsubstack.comqlik.comimdb.comhashnode.com

Validate your own URL

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

Try LinkPreview.io