How to Add Schema Markup to a Squarespace Site

We follow a strict honesty policy. However, to fund our work, we use affiliate advertising links on this blog.

How to Add Schema Markup to a Squarespace Site (image of a lady editing a Squarespace website)

In this post I’m going to show you how to add schema markup to a Squarespace site — and help search engines understand your content more easily.

But first, a key question…


What is Schema markup?

Schema markup is a type of code that you can add to your website to make it easier for search engines to understand and categorize the content it contains.

It also lets you enhance your search results with additional information (author information, star ratings, price details and more).

The below example of a search result containing Schema-generated ‘rich snippets’ highlights the sort of enhancements that Schema can provide:

Example of rich snippets in action - besides a text description, users can also see a star rating, number of reviews and price range information about this London restaurant.
Example of rich snippets

As you can see, in addition to the main text description of this restaurant, users also see a star rating, the number of reviews for it and meal price information.

Websites that use Schema to generate these sorts of enhancements can ‘stick out’ a bit more in search results, which can drive more clickthroughs to them.

Additionally, rich snippets can provide users with a lot more context about a business, a lot more quickly.


What sort of Schema can you add to a Squarespace site?

There is a huge number of enhancements you can add to a Squarespace website using rich snippets. The sort of information you can add includes:

  • location information
  • pricing
  • star ratings
  • authorship details
  • publication name
  • organization details
  • brand details
  • FAQ
  • preparation time (for recipes etc.)
  • number of votes for an item

…and that’s just scratching the surface!

So before diving in and adding markup to your site, it’s a good idea to take look at the Schema.org website to get a more complete overview of the types of additional information you can add.

Once you’ve decided on what Schema you want on your Squarespace site, there are three steps involved in getting it on there successfully.

First, you have to generate your Schema markup; then you have to add this code to your site; and finally, you need to test that you’ve implemented your Schema correctly.

Let’s go through these steps now.


Generating your Schema markup code

When it comes to generating your markup, there are quite a few free tools that can help you. Popular options include:

All of them work in a fairly similar way — you specify what sort of Schema markup you’d like to add, fill in the necessary details (about your article, product, business etc.) and the code is output for you.

Generating Schema markup with Google's Structured Data Markup Helper tool
Generating Schema markup with Google’s Structured Data Markup Helper tool

The sort of code that a markup generator creates typically looks like this (with the exact markup depending of course on the sort of structured data you’re adding):

Example of Schema markup
Example of some Schema code for a blog post

Once you’ve got this code, you need to add it to your Squarespace site.

Let’s take a look at how to do that.


Adding your Schema code to your Squarespace website

Adding your Schema code to your Squarespace site is pretty straightforward — in essence, it amounts to copying and pasting it onto the pages you’d like to apply it to.

The process differs slightly for pages / blog posts and products, however. So let’s take each in turn.

Adding Schema to Squarespace pages and blog posts

To add Schema to Squarespace pages and blog posts,

  1. Copy the code you generated using a markup generator tool (see above for details).

2. Click Pages in the Squarespace dashboard, then navigate to the page or post you want to add your Schema to.

Navigating to the Squarespace page you'd like to add Schema to

3. Click ‘Edit’, and then add a code block at the top of the page or post.

Adding a code block in Squarespace

4. Paste your code into the box that appears.

Pasting the Schema code

5. Click Save.

Adding Schema to Squarespace products

To add Schema markup to a Squarespace product,

  1. Copy and paste the code from your Schema markup generator (see above).
  2. Go to Commerce > Inventory in your Squarespace dashboard.
Accessing the inventory

3. Locate your product.

Locating a Squarespace product

4. Scroll down to the ‘Customize’ options and click ‘Additional info’

5. Click the ‘plus’ sign, and then add a code block.

The code block.

6. Copy and paste your code into the box that appears.

7. Click ‘Apply’ and then ‘Done’.


Testing your Schema code

Now that you’ve added your Schema code, it’s time to test that you’ve implemented it correctly and that search engines can read it okay.

Google's Rich Results Test
Google’s Rich Results Test

To do this, you can use Google’s ‘Rich Results Test’ tool. This lets you enter a URL which will then be checked for markup errors.

If all is well with your implementation, you will be informed that your items are valid; if not, errors will be highlighted and you will need to revisit your Schema code and fix the mistakes.

Note that you may need to wait a few days — until your content has been recrawled — before you see any rich snippets appear in search results.

(You can occasionally speed this process up by submitting your pages to Google Search Console for reindexing).

And that’s it! If you have any questions, feel free to add them in the comments section below. For more tips on how to improve your search rankings for a Squarespace website, do check out our Squarespace SEO checklist.

Download our free SEO toolkit

For a limited time we’re offering our readers some excellent free SEO tools and resources. Sign up now to immediately receive:

  • our downloadable cheatsheet containing the 20 key steps to ranking highly in search results
  • extended free trials and discounts for leading SEO tools
  • our downloadable cheatsheet on how to grow organic traffic to a blog
  • 2 in-depth guides to SEO
  • ongoing free tips and advice on SEO and growing your business
  • This field is for validation purposes and should be left unchanged.

View privacy notice.

No comments

Your email address will not be published. Required fields are marked *