WPHeader

WPHeader is a direct WebPageElement subtype for a page's header region — logo, primary navigation, utility menu. No unique properties.

Full example of schema.org/WPHeader json-ld markup

The markup is verified as valid with Rich Results Test from Google.

schema.org/WPHeader

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WPHeader",
  "name": "Xoo Code site header",
  "cssSelector": "header.site-header"
}
</script>

Minimal valid version

The smallest markup that still produces a valid WPHeader entity. Use it as the floor. Reach for the advanced example above when you want search engines and AI agents to understand more about your content.

schema.org/WPHeader (minimal)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WPHeader",
  "cssSelector": "header"
}
</script>

Google rich results this unlocks

WPHeader is a structural type. It does not produce a rich result on its own.

Its value comes from combining it with a primary type whose markup earns a rich result (Article, Product, Event, and so on). WPHeader becomes the trunk that the primary type branches off viamainEntityorbreadcrumb. Include it on every page as the backbone of your markup.

Common WPHeader mistakes

Mistakes that pass validation but silently fail to earn rich results or mislead consumers walking the graph. Avoid these and your markup will be ahead of most sites in the wild.

WPHeader for article headlines

Wrong

WPHeader on <h1>

Right

WPHeader refers to the page-header region; use Article.headline for headlines

Different semantic level.

Schema properties in this example

WPHeader WebPageElement CreativeWork name cssSelector

About the example data

The xoocode.com page header.

Comments

Loading comments...