How To Change The SEO Separator of Your Shopify Store

When your page is displayed in the Google search results, Google collects a bunch of information about that page and displays it to the searcher.

The main parts are:

  • The title of the page
  • The meta description of the page
  • The website’s name
  • The separator

It looks something like this:

how to change your separator on shopify that shows in Google

By default, most Shopify themes will set your separator to a dash (“-”).

A dash is fine, but it’s pretty ordinary.

One way to help stand out in the search results is to use a different separator than everyone else is using.

It’s an easy way to stand out in an ocean of sameness.

So here’s how to change the separator of your Shopify store.

What is an SEO Separator?

A separator (also known as an “SEO separator”) is what separates the title of your page from your website’s name when people see your page in the Google search results. A separator is typically a dash (“-”) by default. But it can also be set to other characters, such as a pipe (“|”) or arrow (“←”).

How To Change Your SEO Separator on Shopify

  1. Log In As An Administrator To Your Shopify Store
  2. Take A Backup of Your Shopify Store
  3. Navigate To Online Store → Themes
  4. Edit Your theme.liquid File
  5. Find Your Title Tag And Change The Separator

Log In As An Administrator To Your Shopify Store

You’ll need a sufficient staff permission level to edit your Shopify theme.

The easiest way to guarantee you’ll be able to edit your theme is to login as an administrator.

Login at https://accounts.shopify.com/store-login

Take a Backup of Your Shopify Store

While you technically don’t need to take a backup first, you probably should.

Anytime you edit your theme files, you run the risk of making a boo boo and the whole thing blowing up in your face.

Code is delicate. And a small, unintended typo can take your whole shop down.

So I would highly recommend you backup your Shopify store before proceeding with the next step.

If you’re not sure how, here is a guide on how to backup your Shopify store.

(Sorry to pester you with unnecessary steps. But I’ve seen too many store owners accidentally taking their store down—so I at least need to warn you).

Navigate to Online Store → Themes → Actions → Edit Code

Once you log in, there should be an “Online Store” option under the heading “SALES CHANNELS” in the left-hand sidebar.

Click on Online Store → Themes.

Then there should be a dropdown button labelled “Actions”.

Click this button, then click “Edit Code”, as per the screenshot below.

change separator shopify

Edit Your theme.liquid File

Now you should see a search box on the top left of your screen.

We want to search for the theme.liquid file, as per the screenshot below.

change separator shopify 2

Click on the theme.liquid file to open it.

Find Your Title Tag And Change The Separator

Once you open up your theme.liquid file, you should see a big chunk of code pop up on your screen.

If you’re not familiar with HTML and Liquid (the programming language Shopify uses to create their stores), then you might be like this right now—

screaming

Don’t worry… this is the normal reaction to seeing a big chunk of code.

We only care about one line of this—the <title> tag.

Ctrl+F to the rescue 🦸🏼‍♂️

Hit Ctrl+F (or CMD+F on a Mac) and search for “<title>” (without the ”).

You should see something like this—

change separator shopify 3

Since every Shopify theme is coded differently, your code might look a little different to my code above.

But what you’re looking for is the &ndash; in between the <title> tag (where the title starts) and the </title> tag (where the title ends).

&ndash; is the HTML encoding for a dash (“-”), and this represents your current SEO separator.

You want to delete this &ndash; and replace it with your desired separator.

Personally, I like the arrow (“←”) separator for increased conversion rate (it stands out in the Google results. It’s what I use for Web Pop).

Or the pipe (“|”) separator.

The benefit of the pipe is that it doesn’t take up many pixels.

And since Google limits your <title> tag by its length in pixels, this can help you squeeze in more product information into your title in Google without it being cut off.

If you’re looking for (free) tips to increase your Shopify conversion rate and rank higher on Google, you can follow me on Twitter 👉🏻 @bitofseo.

Please DM me if you have any questions about this Shopify article (or have some feedback to make it better 😄️).

About Jake Sacino

After working as an engineer and consultant for a bunch of big companies, Jake now works as a full-time SEO & software engineer.