Common Types of Schema Markup for Websites

Understanding Schema Markup

Schema markup, also known as structured data, is a form of microdata that helps search engines better understand the content of a webpage. By implementing schema markup, web developers can improve a website's visibility in search engine results pages (SERPs) through enhanced search results like rich snippets.

Schema markup is created using a shared vocabulary from schema.org, which is supported by major search engines such as Google, Bing, and Yahoo. The implementation involves embedding specific tags into the HTML of a webpage to provide additional information about the content.

Common Types of Schema Markup

Implementing the right types of schema markup can significantly enhance a website's SEO performance and user engagement. Here are some of the most commonly used schema markup types:

1. Organization Schema Markup

Organization schema markup provides important details about a company or organization, such as its name, logo, contact information, social media profiles, and more. This type of markup is crucial for businesses looking to establish their identity and make it easier for users to find relevant information.

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Example Company",
  "url": "https://www.example.com",
  "logo": "https://www.example.com/logo.png",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-800-555-5555",
    "contactType": "Customer Service"
  },
  "sameAs": [
    "https://www.facebook.com/example",
    "https://twitter.com/example",
    "https://www.linkedin.com/company/example"
  ]
}

2. Local Business Schema Markup

Local business schema markup is essential for businesses with physical locations. It provides details like address, phone number, business hours, and geographical coordinates, which are crucial for local SEO and visibility in local search results.

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Example Local Business",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Main St",
    "addressLocality": "Anytown",
    "addressRegion": "CA",
    "postalCode": "90210",
    "addressCountry": "US"
  },
  "telephone": "+1-800-555-5555",
  "openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 34.0522,
    "longitude": -118.2437
  }
}

3. Product Schema Markup

Product schema markup is designed for e-commerce sites to provide detailed information about products, such as price, availability, and reviews. This markup can enhance product visibility in search results and improve click-through rates.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Example Product",
  "image": "https://www.example.com/product.jpg",
  "description": "This is an example product.",
  "sku": "12345",
  "brand": {
    "@type": "Brand",
    "name": "Example Brand"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://www.example.com/product",
    "priceCurrency": "USD",
    "price": "99.99",
    "itemCondition": "https://schema.org/NewCondition",
    "availability": "https://schema.org/InStock"
  }
}

4. Article Schema Markup

Article schema markup is used for blog posts and news articles to help search engines understand the content and structure of the text. This markup can lead to inclusion in Google News and enhance the visibility of articles in search results.

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Sample Article Headline",
  "image": "https://www.example.com/article-image.jpg",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2023-01-01",
  "description": "This is an example of an article description.",
  "mainEntityOfPage": "https://www.example.com/article"
}

5. Event Schema Markup

Event schema markup is used to promote events by providing details such as the event name, location, date, and time. This markup helps events appear in Google's event search feature, increasing their visibility.

{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Example Event",
  "startDate": "2023-12-01T19:00",
  "endDate": "2023-12-01T23:00",
  "location": {
    "@type": "Place",
    "name": "Example Venue",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "123 Main St",
      "addressLocality": "Anytown",
      "addressRegion": "CA",
      "postalCode": "90210",
      "addressCountry": "US"
    }
  }
}

6. Recipe Schema Markup

Recipe schema markup is tailored for food and recipe websites, allowing them to display cooking times, ingredients, and nutrition information in the search results. This markup is particularly beneficial for sites with culinary content.

{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "Example Recipe",
  "image": "https://www.example.com/recipe.jpg",
  "author": {
    "@type": "Person",
    "name": "Chef Name"
  },
  "datePublished": "2023-01-01",
  "description": "This is an example recipe description.",
  "recipeIngredient": [
    "1 cup of example ingredient",
    "2 tablespoons of another ingredient"
  ],
  "recipeInstructions": "Mix ingredients and cook for 20 minutes."
}

7. FAQ Schema Markup

FAQ schema markup is used to provide structured information on frequently asked questions and their answers. This markup can enhance the visibility of FAQs in search results, making it easier for users to find the information they seek.

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "What is an example question?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "This is an example answer."
    }
  }]
}

8. Breadcrumb Schema Markup

Breadcrumb schema markup helps in displaying the navigational structure of a website in the search results. It enhances user experience by providing a clear path to follow back to a website's homepage or other pages.

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Home",
    "item": "https://www.example.com"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Category",
    "item": "https://www.example.com/category"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Subcategory",
    "item": "https://www.example.com/category/subcategory"
  }]
}

Implementing Schema Markup with WebCompare

During website redesigns or migrations, ensuring that schema markup is correctly implemented is crucial for maintaining SEO performance. This is where WebCompare becomes an invaluable tool. It allows developers and agencies to compare and validate structured data between the original and new versions of a website.

With WebCompare, you can easily ensure that critical SEO elements, including schema markup, are consistent across different versions of a website. This reduces the risk of technical SEO issues that can negatively impact search rankings.

How to Use WebCompare for Schema Markup Validation

• Enter Your Links: Start by inputting the domains of the original and redesigned websites.
• Check What We Found: Validate the accessibility and base paths of the websites to ensure they are set up correctly.