Skip to content
https://css-tricks.com

Content

· 5 checks — Internal links, mixed-content guards, Open Graph previews, and structured data rolled into one auditable list.
SCORE
73
GRADE
C
FIX
1
REVIEW
3
PASS
1
INFO
0
Checks
5
1 PASS 3 REVIEW 1 FIX
B
Mixed Content
2 HTTP resource(s) loaded on HTTPS page
REVIEW
2 HTTP resource(s) loaded on HTTPS page
Warning::
HTTP img loaded on HTTPS page
Modern browsers block or warn about HTTP resources on HTTPS pages. Change the URL to use HTTPS.
Got: http://css-tricks.com/wp-content/uploads/2025/02/lee_profile-modified-1-80x80.png Expected: https://css-tricks.com/wp-content/uploads/2025/02/lee_profile-modified-1-80x80.png
Warning::
HTTP img loaded on HTTPS page
Modern browsers block or warn about HTTP resources on HTTPS pages. Change the URL to use HTTPS.
Got: http://css-tricks.com/wp-content/uploads/2024/07/juan-diego-rodriguez-80x80.png Expected: https://css-tricks.com/wp-content/uploads/2024/07/juan-diego-rodriguez-80x80.png
URL: http://css-tricks.com/wp-content/uploads/2025/02/lee_profile-modified-1-80x80.png

Modern browsers block or warn about HTTP resources on HTTPS pages. Change the URL to use HTTPS.

Expected: https://css-tricks.com/wp-content/uploads/2025/02/lee_profile-modified-1-80x80.png
Why this matters

Mixed content — HTTP resource on HTTPS page. Browser may block silently or warn user.

Source: Google Chrome Security

URL: http://css-tricks.com/wp-content/uploads/2024/07/juan-diego-rodriguez-80x80.png

Modern browsers block or warn about HTTP resources on HTTPS pages. Change the URL to use HTTPS.

Expected: https://css-tricks.com/wp-content/uploads/2024/07/juan-diego-rodriguez-80x80.png
Why this matters

Mixed content — HTTP resource on HTTPS page. Browser may block silently or warn user.

Source: Google Chrome Security

B
Open Graph
Open Graph tags are partially configured — some improvements recommended.
REVIEW
Open Graph tags are partially configured — some improvements recommended.
Warning::
Missing og:description
The og:description tag controls the description in social sharing previews.

The og:description tag controls the description in social sharing previews.

Why this matters

No og:description means social cards either show no subtitle or scrape the first paragraph — usually unflattering.

Learn more ▾

Without og:description, social platforms either render no subtitle or pull whatever text appears first on the page. The first paragraph is rarely written for share-card context. A purpose-written 150-200 character og:description gives a polished card.

Source: Open Graph Protocol

Preview

css-tricks.com

CSS-Tricks - A Website About Making Websites

No description

CSS-TRICKS.COM

CSS-Tricks - A Website About Making Websites

No description

CSS-Tricks - A Website About Making Websites

css-tricks.com

css-tricks.com

CSS-Tricks - A Website About Making Websites

No description

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

59/100

Site name appears as

Page titleClose search results
og:site_nameCSS-Tricks
twitter:site@CSS
Organization.name—

Inconsistent — names differ across channels

Brand assets

Favicon

15/15

covers multiple sizes, apple-touch-icon + SVG

Social share image

20/20

og:image + twitter:image set

Meta completeness

14/20

Organization schema

0/15

Contact info discoverable

5/10

contact page

Findings

  • Brand name differs across channels — users see inconsistent identity
  • No Organization schema — Google can't render your logo in the knowledge panel
  • Only partial contact info discoverable — consider adding a dedicated contact page or mailto/tel link

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

A
Structured Data
1 JSON-LD block(s) found — structured data is well configured.
PASS
1 JSON-LD block(s) found — structured data is well configured.
Warning::
Missing required property "name" for Person
The "name" property is required for the Person schema type.
Info::
Missing recommended property "url" for Person
Adding "url" can improve how search engines display your content.
Info::
Missing recommended property "image" for Person
Adding "image" can improve how search engines display your content.

The "name" property is required for the Person schema type.

Why this matters

Schema markup missing required properties is silently rejected by Google — your structured data appears in source but never as a rich result.

Learn more ▾

Each schema.org type has required properties (Article needs headline + author + datePublished; Product needs name + offers; etc.). Missing them means Google's rich-result eligibility check fails. The Search Console Rich Results Test surfaces specific gaps. Fix the missing property; rich results re-appear within hours.

Source: Google Search Central / schema.org

Adding "url" can improve how search engines display your content.

Why this matters

Recommended schema properties unlock richer SERP layouts — without them you get the basic rich result instead of the enhanced one.

Learn more ▾

Recommended properties expand what Google can render. E.g., adding aggregateRating to Product unlocks star ratings; adding image to Article unlocks the image-card variant. Each recommended property is a direct SERP-real-estate gain.

Source: Google Search Central / schema.org

Adding "image" can improve how search engines display your content.

Why this matters

Recommended schema properties unlock richer SERP layouts — without them you get the basic rich result instead of the enhanced one.

Learn more ▾

Recommended properties expand what Google can render. E.g., adding aggregateRating to Product unlocks star ratings; adding image to Article unlocks the image-card variant. Each recommended property is a direct SERP-real-estate gain.

Source: Google Search Central / schema.org

JSON-LD Blocks

Block 1 : Person
2 properties Valid
Missing required property: name
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": [
        "Person",
        "Organization"
      ],
      "@id": "https://css-tricks.com/#person",
      "name": "CSS-Tricks",
      "sameAs": [
        "https://www.facebook.com/CSSTricks",
        "https://twitter.com/CSS"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://css-tricks.com/#website",
      "url": "https://css-tricks.com",
      "name": "CSS-Tricks",
      "publisher": {
        "@id": "https://css-tricks.com/#person"
      },
      "inLanguage": "en-US",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://css-tricks.com/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "ImageObject",
      "@id": "https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1",
      "url": "https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1",
      "width": "1200",
      "height": "628",
      "inLanguage": "en-US"
    },
    {
      "@type": "WebPage",
      "@id": "https://css-tricks.com/#webpage",
      "url": "https://css-tricks.com/",
      "name": "CSS-Tricks - A Website About Making Websites",
      "datePublished": "2024-06-24T11:04:58-06:00",
      "dateModified": "2026-03-13T07:01:48-06:00",
      "about": {
        "@id": "https://css-tricks.com/#person"
      },
      "isPartOf": {
        "@id": "https://css-tricks.com/#website"
      },
      "primaryImageOfPage": {
        "@id": "https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1"
      },
      "inLanguage": "en-US"
    },
    {
      "@type": "Person",
      "@id": "https://css-tricks.com/author/geoffgraham/",
      "name": "Geoff Graham",
      "url": "https://css-tricks.com/author/geoffgraham/",
      "image": {
        "@type": "ImageObject",
        "@id": "https://secure.gravatar.com/avatar/a8e040142716a4b44d014d80fbcf99c635b1d8faabfe469b6954a8ef2f168595?s=96&d=retro&r=pg",
        "url": "https://secure.gravatar.com/avatar/a8e040142716a4b44d014d80fbcf99c635b1d8faabfe469b6954a8ef2f168595?s=96&d=retro&r=pg",
        "caption": "Geoff Graham",
        "inLanguage": "en-US"
      },
      "sameAs": [
        "https://geoffgraham.me",
        "https://twitter.com/geoffreygraham"
      ]
    },
    {
      "@type": "Article",
      "headline": "CSS-Tricks - A Website About Making Websites",
      "datePublished": "2024-06-24T11:04:58-06:00",
      "dateModified": "2026-03-13T07:01:48-06:00",
      "author": {
        "@id": "https://css-tricks.com/author/geoffgraham/",
        "name": "Geoff Graham"
      },
      "publisher": {
        "@id": "https://css-tricks.com/#person"
      },
      "name": "CSS-Tricks - A Website About Making Websites",
      "@id": "https://css-tricks.com/#richSnippet",
      "isPartOf": {
        "@id": "https://css-tricks.com/#webpage"
      },
      "image": {
        "@id": "https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1"
      },
      "inLanguage": "en-US",
      "mainEntityOfPage": {
        "@id": "https://css-tricks.com/#webpage"
      }
    }
  ]
}
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback