Richie.js 2.0.2 released 🚀 Explore
DocumentationSupported Rich ResultsCourse & Carousel

Course & Carousel (Course, ItemList)

What is course rich result?

Utilizing course structured data allows you to enhance the information available about your courses, making them more discoverable to potential students through Google Search. This includes specifying the course title, provider, and a brief description.

Kindly Refer Google Doc to know more about course rich result.

What are necessary data for course rich result?

1. Course Name (rjs-course-[number]-name)

course.html
<div id="rjs-course-1">
  <!-- name of course -->
  <p class="rjs-course-1-name">Python Crash Course</p>
</div>

2. Language (rjs-course-[number]-lang)

course.html
<!-- name of course with language as data attribute -->
<p class="rjs-course-1-name" data-lang="Tamil">Java Intermediate to Advanced</p>
<!-- OR -->
<p class="rjs-course-1-lang">English</p>

3. Mode of Course (rjs-course-[number]-mode)

course.html
<p class="rjs-course-1-name">Java Intermediate to Advanced</p>
<p class="rjs-course-1-mode">Blended</p>

4. Instructor (rjs-course-[number]-ins)

course.html
<p class="rjs-course-1-name">Java Intermediate to Advanced</p>
<p class="rjs-course-1-ins">Peter</p>

5. Description (rjs-course-[number]-desc)

course.html
<p class="rjs-course-1-desc">This is a scratch course of Java</p>

6. Duration with repeatFrequency and repeatCount (rjs-course-[number]-period)

course.html
<p class="rjs-course-1-period" data-freq="daily" data-rep="7">1 Month</p>

7. Fees with Currency (rjs-course-[number]-cost)

course.html
<p class="rjs-course-1-cost" data-currency="inr">2000 INR</p>

8. Publisher Name and URL (rjs-course-[number]-purl)

course.html
<a class="rjs-course-1-purl" href="https://notoracle.com/">
  <p class="pname">Notoracle</p>
</a>

9. Course URL (rjs-course-[number])

Richie.js’s reserved value on id attribute is mandatory for deeplink or course URL.

ID value template is rjs-course-[number]
course.html
<div id="rjs-course-1">......</div>
 
<div id="rjs-course-2">......</div>

Function and parameters

đź’ˇ
By default input file is overwriiten with result so destination is optional
This is only for API method. We prefer CLI method for keeping it simpler (refer - Working with API & CLI).
func_params.js
const richResultType = 'course';
const filePath = 'course.html';
const destination = 'dist/course.html'; /* optional */
 
richie([richResultType], filePath, destination);

Example of a Instance

course_standard.html
<body>
  <!-- course instance 1 -->
  <div id="rjs-course-1">
 
    <!-- name of course with language as data attribute-->
    <p class="rjs-course-1-name" data-lang="English">Python Crash Course</p>
 
    <!-- instructor name -->
    <!-- "By<space>Instructor" can be added or straight forward name in instructor inner text-->
    <p class="rjs-course-1-ins">By Saravanan</p>
 
    <!-- mode of course online|onsite|blended-  Case insensitive-->
    <p class="rjs-course-1-mode">Online</p>
 
    <!-- description -->
    <p class="rjs-course-1-desc">⚠️Intentionally removed for simplicity.</p>
 
    <!-- course duration -->
    <p class="rjs-course-1-period" data-freq="monthly" data-rep="8">68 Hours</p>
 
    <!-- cost of course with currency as data-->
    <!-- digit from innertext is only be taken -->
    <p class="rjs-course-1-cost" data-currency="usd">100 USD</p>
 
    <!-- publisher url with publisher name as innnertext -->
    <a class="rjs-course-1-purl" href="https://lms.com/">
      <p>LMS</p>
    </a>
    <!-- OR
      publisher url with publisher name as element with id able class name
    <a class="rjs-course-1-purl" href="https://cresteem.com/">
      <p class="pname">cresteem</p>
    </a> -->
  </div>
</body>

Output of a Instance

course.html
<script type="application/ld+json">
 [
   { 
     "@context": "https://schema.org",
       "@type": "Course",
       "url": "https://www.cresteem.com/pages/carousels/courses#rjs-course-1",
       "name": "Python Crash Course",
       "description": "⚠️Intentionally removed for simplicity",
       "provider": {
         "@type": "Organization",
         "name": "LMS",
         "sameAs": "https://lms.com/"
       },
       "offers": {
         "@type": "Offer",
         "category": "Fees",
         "price": 100,
         "priceCurrency": "USD"
       },
       "hasCourseInstance": {
         "@type": "CourseInstance",
         "courseMode": "online",
         "instructor": { "@type": "Person", "name": "Saravanan" },
         "inLanguage": ["English"],
         "courseSchedule": {
           "@type": "Schedule",
           "duration": "PT68H",
           "repeatFrequency": "monthly",
           "repeatCount": 8
         }
       }
   }
 ]
 </script>


Let’s see what’s next!

Recipe & CarouselRestaurant & Carousel