Service Schema

Adding the Service Schema to your website can help customers, and users quickly identify the service you offer and what it includes. This guide will show you how to add the Service Schema to your website and use it to improve your business.

schema

What is Schema?

Schema is an ontology of tags (or microdata) that you can add to your HTML to improve your page’s representation in SERPs. It is essentially a shared vocabulary that site owners can use to markup their content so that machines can understand, making it easier for search engines to return relevant results.

What is Service Schema?

Service schema markup is a type of code that helps search engines understand your business’s services. By marking up your website with service schema, you’re making it easier for search engines to understand your web pages and help potential customers find the information they’re looking for. In addition to making it easier for customers to find you, service schema markup can also lead to richer results in some search engines. Rich results are more eye-catching and can encourage potential customers to click through your website. Service schema markup is a simple way to help your business stand out in the crowd and attract new customers.

How to add Service Schema to a web page

Service Schema is easy to implement; the hard part is understanding what all the sections mean.

  1. Generate the Schema Markup

    schema generator

    You can create Schema markup for your website in two ways, by using:

    An Online Schema Markup Generator (Ideal for static websites)

    A Schema plugin like Schema.press (WordPress only)

  2. Adding Schema Markup to your website

    adding service schema

    If you used an online Schema Markup Generator, you will need to add the code manually. If you have a static website, you will need to add the markup to the <header> or <body> of the page.

    To add generated markup to a WordPress website you will need to use a plugin, or add it to a built-in custom code field available in some WordPress themes.

    The easiest solution is to use the Schema.press plugin. To do this you add the Schema Type, Select the page you want it to appear on, then fill out the business details.

  3. Add the Markup to your Service Page

    custom code

    Only add this code to the appropriate page or pages. DO NOT add it to every single page of your website. You aren’t tricking Google into ranking you higher in the SERPs, and you could be potentially harming your website’s rankings.

  4. Test your Page

    schema testing tool

    After you’ve added the code, next you will to test it in schema testing tool:

    https://developers.google.com/search/docs/appearance/structured-data

Understanding the Code

@typeType of Service you are providing
nameYour business Name
imageThe URL to your Logo
@idA non-functioning URL that defines your business
urlYour website’s URL
telephoneYour business telephone number
priceRangeHow much you charge ($$$ = $10 to $99)
addressYour business address
geoThe Lat and Long of your Business address
openingHoursSpecificationThe hours your business is open
sameAsThe Social Media Accounts you own, or What is the page is about using Wikipedia URLs to explain

Example of Service Schema

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "SEO North",
  "image": "https://seonorth.ca/logo.png",
  "@id": "https://seonorth.example.com",
  "url": "https://seonorth.ca",
  "telephone": "3437774012",
  "priceRange": "$$$$",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "2566 Dow St",
    "addressLocality": "Ottawa",
    "addressRegion": "ON",
    "postalCode": "K0A2P0",
    "addressCountry": "CA"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 45.2390909,
    "longitude": -75.4770554
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday"
    ],
    "opens": "09:00",
    "closes": "17:00"
  },
  "sameAs": [
    "https://facebook.com/seonorth",
    "https://twitter.com/seonorth",
    "https://instagram.com/seonorth",
    "https://youtube.com/seonorth",
    "https://linkedin.com/seonorth",
    "https://pinterest.com/seonorth",
    "https://soundcloud.com/seonorth",
    "https://tumblr.com/seonorth",
    "https://wikipedia.org/seonorth",
    "https://github.com/seonorth"
  ] 
}
</script>

Conclusion

Service Schema is a great tool that can help your business in many ways. It improves customer satisfaction, increases bookings, and reduces cancellations. Service schema is easy to implement and does not require any special coding skills. All you need is a good understanding of how to use HTML tags. This guide showed you step-by-step how to add the service schema to your website. You can also use this guide as a reference when adding other types of schema to your website.

FAQ

  • What is a service schema?
  • How do I add a service schema?
  • What is meant by schema in SEO?

Published on: 2022-10-13
Updated on: 2022-10-28

Avatar for Isaac Adams-Hands

Isaac Adams-Hands

Isaac Adams-Hands is the SEO Director at SEO North, a company that provides Search Engine Optimization services. As an SEO Professional, Isaac has considerable expertise in On-page SEO, Off-page SEO, and Technical SEO, which gives him a leg up against the competition.