Schema Markup Testimonial Slider

  • 16/07/17
  • 12:54 PM

So you’re wanting to add Schema Markup to your website.

Many people might be asking what is Schema Markup?

Schema markup is code (semantic vocabulary) that you put on your website to help the search engines return more informative results for users. If you’ve ever used rich snippets, you’ll understand exactly what schema markup is all about. Here’s an example of a local business that has markup on its event schedule page.

But we don’t want any Schema we want the review schema as our testimonial slider will have reviews regarding a product or service so integrating schema markup would be very beneficial to us.

So how do we go about adding schema markup to our existing testimonials slider?, Well we could Modify modify the plug-in and add the schema markup that way but that would mean you wouldn’t be able to update the plugin as your alterations would be removed and not doing updates could cause problems.

We could use a schema WordPress plug-in that adds schema markup to our website, but it doesn’t always cover reviews, this might be in the works for the developer, or it could be a paid extension that he might bring out.

Or we can make our own testimonial slider plugin…but to save time, I have already developed a simple testimonial slider plugin which you can use that has schema markup already implemented.

The plugin also has a built-in post type called testimonials where you can add all your testimonials and it will show on your site through the use of a shortcode on any page you wish.

If you just want the plugin you can get it here, or if you want to implement it yourself then follow the steps below.

The slider takes advantage of slick slider JS library, Which is an incredibly useful and responsive slider, you will need to download the files to your computer to get started.

Step 1: Enqueue Styles & Scripts

Step 2: Add the Testimonial Post Type

Step 3: Add the Slider Shortcode

Step 4: Add slider config js

Step 5 Add CSS sheet.

Create a file called custom.css in the root of your plugin directory and begin adding your styles, to customise the slider the way you want.

And that’s it activate the plugin and use the shortcode

anywhere on the site to show the slider.

If you have any problems or questions let me know in the comments and ill be happy to assist.

Please share and like this post 🙂