How to use schema markup wordpress

WordpressHow-ToBeginner · 4 min read

How to Use Schema Markup in WordPress for Better SEO

To use schema markup in WordPress, you can install a plugin like Schema Pro or Yoast SEO that adds structured data automatically. Alternatively, you can add custom JSON-LD schema code in your theme's header or via a code snippet plugin to define your content's structure for search engines.

📐

Syntax

Schema markup in WordPress is usually added as JSON-LD code inside a <script type="application/ld+json"> tag. This code describes your page content in a structured way that search engines understand.

Key parts of the syntax include:

@context: Defines the schema vocabulary, usually "https://schema.org".
@type: The type of content, like "Article", "Product", or "LocalBusiness".
Properties: Specific details like name, author, datePublished, etc.

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Example Article Title",
  "author": {
    "@type": "Person",
    "name": "Jane Doe"
  },
  "datePublished": "2024-06-01"
}
</script>

💻

Example

This example shows how to add a simple Article schema markup manually in WordPress by inserting JSON-LD code into the header using a plugin or theme file.

php

<?php
function add_article_schema() {
  ?>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "How to Use Schema Markup in WordPress",
    "author": {
      "@type": "Person",
      "name": "John Smith"
    },
    "datePublished": "2024-06-01"
  }
  </script>
  <?php
}
add_action('wp_head', 'add_article_schema');

⚠️

Common Pitfalls

Common mistakes when adding schema markup in WordPress include:

Placing schema code incorrectly outside the <head> or <body> tags.
Using invalid JSON syntax, like missing commas or quotes.
Adding duplicate schema markup from multiple plugins causing conflicts.
Not matching schema properties to actual page content, which can confuse search engines.

Always validate your schema with Google's Rich Results Test tool after adding it.

html

<!-- Wrong: Missing quotes and commas -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Missing quotes and commas"
}
</script>

<!-- Right: Proper JSON-LD syntax -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Correct JSON-LD syntax"
}
</script>

📊

Quick Reference

Tips for using schema markup in WordPress:

Use plugins like Yoast SEO or Schema Pro for easy setup.
For custom needs, add JSON-LD in your theme's header.php or via a code snippet plugin.
Always test your markup with Google's Rich Results Test.
Keep schema data accurate and up to date with your page content.

✅

Key Takeaways

Use JSON-LD schema markup inside