Skip to content
https://reactjs.org

Content

· 5 checks — Internal links, mixed-content guards, Open Graph previews, and structured data rolled into one auditable list.
SCORE
75
GRADE
C
FIX
1
REVIEW
2
PASS
2
INFO
0
Checks
5
2 PASS 2 REVIEW 1 FIX
C
Structured Data
Action
No structured data (JSON-LD) found.
REVIEW
No structured data (JSON-LD) found.
Info::
No structured data (JSON-LD) found
Adding structured data helps search engines understand your content and can enable rich results.

Adding structured data helps search engines understand your content and can enable rich results.

Why this matters

Without schema.org markup, your pages can't appear as rich results (stars, FAQs, recipes) in search.

Learn more

Structured data is what unlocks rich snippets — review stars, FAQ accordions, recipe cards, breadcrumbs, etc. — that take up more SERP space and dramatically improve click-through. The schema.org vocabulary is well-documented and JSON-LD is the easiest format.

Source: Google Search Central / schema.org

No structured data found

Structured data (JSON-LD) helps search engines understand your content better. Adding it can improve your search result appearance.

Common types include:

  • WebSite — your site identity and search box
  • Organization — your company information
  • Article — blog posts and news articles
  • Product — e-commerce product pages
  • BreadcrumbList — navigation paths
Learn more at schema.org
C
Brand Presence
Action
Site-name consistency, favicon, social image, meta tags, schema, and contact signals
REVIEW

Brand Presence

Your brand name differs across channels — visitors see inconsistent identity.

C

60/100

Site name appears as

Page titleReact
og:site_name
twitter:site@reactjs
Organization.name

Inconsistent — names differ across channels

Brand assets

Favicon

15/15

covers multiple sizes + apple-touch-icon

Social share image

20/20

og:image + twitter:image set

Meta completeness

20/20

Organization schema

0/15

Contact info discoverable

0/10

no contact info discoverable

Findings

  • Brand name differs across channels — users see inconsistent identity
  • No Organization schema — Google can't render your logo in the knowledge panel
  • No discoverable contact info — trust signal is weak, legal risk is higher in regulated regions

How consistently your brand appears across channels — shared link previews, structured data, favicon, contact info.

A+
Mixed Content
No mixed content detected — all resources use HTTPS.
PASS
No mixed content detected — all resources use HTTPS.
Info::
No mixed content detected — all resources use HTTPS
A
Open Graph
Open Graph tags are well configured for social sharing.
PASS
Open Graph tags are well configured for social sharing.
Info::
og:title is short (5 characters)
Ideal length is 25–60 characters for social sharing previews.
Got: 5 chars Expected: 25–60 chars
Info::
og:description is long (260 characters)
Descriptions over 200 characters may be truncated in social sharing previews.
Got: 260 chars Expected: 55–200 chars
Info::
Missing og:site_name
The og:site_name tag displays the website name in social previews.
URL: 5 chars

Ideal length is 25–60 characters for social sharing previews.

Expected: 25–60 chars
Why this matters

og:title very short — may render with awkward whitespace in social cards.

Source: Open Graph Protocol

URL: 260 chars

Descriptions over 200 characters may be truncated in social sharing previews.

Expected: 55–200 chars
Why this matters

og:description borderline-too-long — social platforms truncate around ~200 chars.

Source: Open Graph Protocol

The og:site_name tag displays the website name in social previews.

Why this matters

Without og:site_name, social cards omit the brand attribution — users see the post but not who published it.

Learn more

og:site_name appears in the social card chrome (above the title in Facebook/LinkedIn previews). Without it, posts read as anonymous URLs. Set it to your brand name to get free attribution on every share.

Source: Open Graph Protocol

Preview

reactjs.org

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

Preview quality · Twitter/X A+ · 95/100

Description will be truncated (260 chars / 200 max)

  • twitter:card — summary_large_image
  • twitter:title — React
  • twitter:description — React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon...
  • twitter:image — https://react.dev/images/og-home.png
  • Description will be truncated on Twitter/X (260 chars, max 200)

    → Tighten the description to ≤200 characters

REACTJS.ORG

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

Preview quality · Facebook B · 80/100

Description will be truncated (260 chars / 155 max)

  • og:title — React
  • og:description — React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon...
  • og:image — https://react.dev/images/og-home.png
  • og:type — website
  • og:url — https://react.dev/
  • og:site_name — Add og:site_name — Recommended — site-level brand line in the preview
  • Description will be truncated on Facebook (260 chars, max 155)

    → Tighten og:description to ≤155 characters

React

reactjs.org

Preview quality · LinkedIn A+ · 95/100

Description will be truncated (260 chars / 150 max)

  • og:title — React
  • og:description — React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon...
  • og:image — https://react.dev/images/og-home.png
  • Description will be truncated on LinkedIn (260 chars, max 150)

    → Tighten og:description to ≤150 characters

reactjs.org

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

Preview quality · Slack A+ · 100/100
  • og:title — React
  • og:description — React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon...
  • og:image — https://react.dev/images/og-home.png

Social preview quality

Averaged across Twitter/X, Facebook, LinkedIn, and Slack.

A · 92/100
FieldTwitter/XFacebookLinkedInSlack
og:title
og:description
og:image
og:type
og:url
og:site_name
twitter:card
twitter:title
twitter:description
twitter:image
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback