Advanced Guides
Structured Data and SEO
RapidSaaS Conduit's components come pre-built with support for structured data and SEO. This means that you will have Product and Offers automatically added to your pages, which will help search engines understand your content better.
The structured data is added to the following components:
-
Product Card
= contains the structured data for a single Product and all of it's Prices/Offers. -
Products
= contains the structured data for a list of Products and all of their Prices/Offers. -
Buy Button
= contains the structured data for the given Price and/or Product. -
Cart Button
= contains the structured data for the given Price and/or Product.
You can validate your structured data using the Schema.org Validator.
Example
Here is an example of how the structured data is added to the Buy Button
component, the below code
is only an example of the output if the $price
Model was a T-Shirt with a price of $19.99.
1<x-conduit::buy-button :price="$price" /> 2 3{{-- Will be rendered as --}} 4 5<a href="..." itemscope="itemscope" itemtype="https://schema.org/Offer"> 6 <span itemprop="price">$19.99</span> 7 <span itemprop="description">A quick description of the Price</span> 8 <span itemprop="category">Apparel</span> 9 <span itemprop="name">Graphic T-Shirt</span>10 <span itemprop="image">https://test.imgix.net/media/123456/test.png</span>11 12 Buy Now13</a>