Shopify On Page SEO Tutorial

Once you’ve researched what keywords to target for each page, it’s time to optimise these pages for your chosen keywords. For the most part, Shopify makes this very simple.

What is On Page SEO?

OnPage SEO is the process of tweaking your website to increase traffic from search engines.

The difference between this and SEO as a whole is that we’re only focused on internal elements i.e. changes we can make on your website and pages themselves.

This generally refers to 3 categories of optimisations:

1. Creating content around keywords
2. Optimising content for keywords
3. Site structure and internal linking

Or in short, it’s about understanding what keywords people are searching that are relevant to your business, then creating and optimising your content so the intent and relevance for these keywords is clear to search engines.

Shopify SEO Settings

The good news is there’s no need for apps to do any of this, it’s all built into Shopify.

Let’s break down how you can do that.

Page Title Tag

Scroll down to the Search engine listing preview section when editing a product, collection, or page, then click the Edit website SEO link:

You can also find this under Online Store > Preferences for the homepage:

The first option you’ll find here is the “Page Title” or in SEO terms, the title tag. This appears in the search results and usually is the first thing people see.

This is a key area of optimisation, therefore highly important to include your main keyword.

Beyond that, here’s a few guidelines to help:

• Lead with the exact main keyword (plural is less important) - “sofa” or “sofas” is acceptable, but put the main keyword first
• Squeeze in secondary keywords where possible - The more the merrier, but adhere to other guidelines and don’t make it spammy
• Don’t repeat words words - It can lead to over-optimisation
• Don’t cause keyword cannibalisation - Make sure you’re not targeting this same keyword on other pages
• Make sure it reads well - You want humans to visit your website, not robots
• Leave the brand name out (except on the homepage) - Google usually shows your site name above the result anyway, so those characters are better spent on keywords. Stick to whatever separator your site already uses (like ”|” or ”-”)
• Aim for around 50-60 characters - It’s a guide, not a rule. A slightly longer title that covers more searches is often worth it

Meta Description

Below the title, you’ll find the Meta description text box. This also shows in the search results and while it won’t help with rankings directly, it can help significantly with clickthrough rate.

The key here is to write something that will convince someone to visit your page versus your competitors, the ad section is a wonderful example of this.

Here’s some guidelines to help:

• Include the main keyword - It doesn’t help SEO, but it’ll show in bold which will stand out
• Copy competitors - Not literally copy/paste, but there’s likely someone doing a good job of this
• Highlight features/benefits - Of the product, category, your store - sell them on clicking
• Include a call to action - Shop now!
• Use Capitalisation To Stand Out
• Maximum 156 characters - General guideline to avoid getting cut off

URL and handle

Below the Meta description, you’ll find the URL and handle. This is the URL this page will be accessible on, what we can and should customise is the handle.

The goal with this is to be as short as possible while including our main keyword. In most cases, this is very simple.

If your product category is a chocolate protein powder, the handle would simply be chocolate-protein-powder and the overall URL https://yourwebsite.com/collections/chocolate-protein-powder

Where you’ll want to be careful is if your collection name is different to the keyword (i.e. what people search) such as womens rather than womens-clothes. I’d recommend the latter so you have the full keyword.

Another consideration here is long product names, usually I’d shorten the handle so it’s better for visitors.

Collection/Product Title [H1]

Next, scroll up to the regular settings and find the Title (first option). This is the title of your page, collection, or product; which in SEO terms is called a Heading 1 (H1).

Note: This is presuming your theme is setup correctly to structure this as a H1 tag

This will usually just be the name of the collection or product, but again, be sure to include the main keyword, ideally near the beginning. Secondary keywords can also be included if very similar.

Collection/Product Descriptions

Below the Title is your Description.

This is the main content on your page, where you’ll ideally want to have at least a few hundred words describing the collection, product, or page.

Most people make the mistake of thinking SEO elements are only under “Edit website SEO”, which are arguably the most important single elements, but your content itself can make a huge difference also.

On Page SEO for Shopify Collections

Title Tag

The “Page Title” under the website SEO section is especially important on collection pages, which are likely to be your biggest source of bottom of funnel traffic.

The above mentioned guidelines all apply here, but three things I’d be careful of:

1. Make sure you have enough collections - one for each type of product, sometimes even additional ones (e.g. 18k gold necklaces not only gold necklaces)
2. Use the space - if there’s room, add secondary keywords or a feature/benefit of your store
3. Include keyword modifiers for intent and secondary keywords - words like buy, online, shop, UK, etc

Let’s say we have collection selling 18k gold necklaces, my title may be:

18k Gold Necklaces UK | Shop Chains & Pendants Online

In this example my main keyword comes first, then I’m picking up related searches (chains, pendants) and intent words (shop, online, UK). Anyone searching clearly knows this is a store. No brand name, Google shows that already.

Meta Description

The meta description is more about clickthrough rate optimisation than SEO, this is your chance to convince someone to visit your website vs the competitors.

For collection pages, this means sell them on why your product range and purchasing from your store is better than the competitors.

This can be things like:

• Bigger product selection
• Better prices
• Fast delivery
• Great returns policy
• Buy now, pay later and other payment benefits

You’ll also want to include your main keyword here as it’ll be shown in bold in the search results - which stands out even further.

If I was writing for the 18k gold necklaces collection mentioned before, I may write:

Shop our range of 18k gold necklaces in over 50 designs and styles. Customise with your own text and gift wrap. Next day delivery. Buy now, pay later.

URL / Handle

The handle is quite simple for collection pages, all you need to do is include your main keyword.

If we use the above example, it would be:

18k-gold-necklaces

The thing you’ll want to be careful of is ensuring it does include the keyword i.e. dry-dog-food not only dry.

Also it’s not overly long and keyword stuffed i.e. 18k-gold-necklaces-for-women is probably overkill.

Or worse would be 18k-gold-necklaces-chains-jewelry, which people sometimes do to try target more keywords. Don’t do it.

H1

The H1 (i.e. title of the collection) is another important element, but fairly easy one to manage for collections.

All you need to do here is include the keyword. That’s it.

If it’s 18k gold necklaces, then the H1 is:

18k Gold Necklaces

No need to add keyword modifiers, secondary keywords, or anything else. Just name the collection and include the keyword.

The mistake again is if you’re a clothing store, for example, then using “Womens”. You need to specifically write the full keyword i.e. Womens Clothing.

Collection Description

Next is your collection description. This is especially important on collection pages, you’ll usually want to include at least a few hundred words of content here to better help your visitors.

Here’s the problem:

Writing 750 words of content would look terrible at the top of your page and completely ruin user experience, even more so on mobile devices.

The standard alternative is to put it at the bottom or hide it behind a read more, but then it looks spammy and obviously only there for SEO benefit.

My preference is a short user-friendly description at the top, which can optionally be hidden behind a “Read More” link on mobile devices. ASOS is an example of this:

As for additional content, there’s a couple ways of doing this:

1. Additional product details

You can modify the products grid to show additional information about each product. This may depend on what you’re selling.

Example here from HP:

You’ll need a developer to help you integrate this by adding custom meta fields to each product, then showing these in the theme.

2. Frequently Asked Questions section

My favourite and go-to is an FAQ toggle below the products grid:

This allows us to answer any questions or doubts that potential customers may have, while simultaneously adding a few hundred words to the page without it being spammy.

To do this, you need a second content area below the products, separate from the short description at the top.

On newer Shopify themes (Online Store 2.0, like Dawn and most themes built since 2021) there’s no collection-template.liquid file to edit. The cleaner way is a metafield:

1. In your Shopify admin, go to Settings and open Metafields and metaobjects, then Collections. Add a definition such as Bottom description (custom.bottom_description) with the type Rich text.
2. Fill it in on each collection. It shows near the bottom of the collection’s page in your admin.
3. In the theme editor, open your collection template, add a Rich text section below the product grid, and connect its text to the metafield with the Connect dynamic source icon.

Keep the short intro in the normal collection description, and put the longer content (or your FAQs) in the metafield.

On older (vintage) themes, you can still split the description instead. Find your collection template file, locate {{ collection.description }} and change it to:

{{ collection.description | split: '<!-- split -->' | first }}

Then wherever you’d like the second part, use this code:

{{ collection.description | split: '<!-- split -->' | last }}

Now enter the HTML view for your collection description and write <!-- split --> wherever you’d like it to split. This is an HTML comment so nobody will see it.

Then you can add any content you like there, or HTML for an FAQ accordion. If you’re not comfortable in the theme editor, it’s probably best to get a developer to set it up once.

Internal Links

Another important usage of the Description section is internal links.

Internal links are hyperlinks to other pages on your own website. These are very important for search engines to visit different pages on your website, understand topical relationships (i.e. if a page links to another, they’re likely relevant), and for “powering up” pages.

I’d recommend 2-4 internal links to other pages on your category pages. The go-to links being subcategories e.g. linking from “Protein Powders” to “Chocolate Protein Powders”, “Strawberry Protein Powders”, “Peanut Butter Protein Powders”, etc.

This can also be navigational in style, similar to this:

On Page SEO for Shopify Product Pages

Title Tag

The title tag is pretty simple for product pages, all I’d recommend extra is:

• Make sure it’s not too long - sometimes product names can be extremely long, do your best with this
• Include a keyword (if possible)
• Add intent or product options/details with any extra space

The difficult part with product pages is determining the right keyword, in many cases you may find there are none.

Product keywords have to be unique from collection pages, so most likely they’re going to be super detailed.

Your collection page may rank for “xlr microphones” or “heil microphones”, but your product page will rank for “heil pr40 microphone”.

Beyond that, you can either add intent or product options.

Intent would be: Buy Heil PR-40 Microphone Online

Options would be: Heil PR-40 Microphone in Silver/Black | Stand & Shock Mount

Meta Description

There’s not much to the meta description here, write about the product so they know it’s exactly what they’re looking for. Mention the words “buy” or “shop” so the intent is clear.

Also highlight any benefits of buying from your store specifically such as better prices, faster delivery, better delivery/packaging, payment plans, etc.

URL / Handle

For the URL, you should mostly consider your potential visitors.

This is not a short easy to share URL:

yourwebsite.com/products/PR-40-Dynamic-Studio-Recording-Microphone

It becomes even worse when additional keywords are deliberately added in, such as:

yourwebsite.com/products/PR-40-Dynamic-Studio-Recording-Microphone-Cardioid-Podcasting-Mic

The best approach is to include the main keyword, that’s all, something like:

yourwebsite.com/products/heil-sound-pr40

Presuming the main keyword above is “Heil Sound PR 40”, “Heil PR 40”, or even just “PR 40”.

Also be careful not to use uppercase letters and to avoid using _underscore_ or spaces.

H1

The H1 will usually be the name of the product, unless you want to add a little additional information.

In the above example, technically the product name may be “PR-40 Dynamic Studio Recording Microphone”.

I’d at a minimum add “Heil Sound” to the beginning of that, since it’s likely people search the brand name.

Product Descriptions

Product pages will have a Description section for explaining the product details.

Everything mentioned for collections can be done for products also. You can add an FAQ, split it and add a more detailed description below, etc.

I’d recommend doing this on a case-by-case basis, most of the time product pages need very little content. To determine this, search the main keyword for this product and see what your top competitors are doing, match that.

The important thing to do here is ensure that each product has a unique description. Do NOT copy from suppliers, manufacturers, or other stores. Write a unique description for every product.

Internal Links

On product pages, less internal links are needed. You may have 1 or 2 in the description, if it’s relevant.

But most importantly is linking to product variants, if any, like so:

This is firstly for visitors navigating your website, but also helps to show these products are all topically relevant.

Beyond that, it can be helpful to link to guides or tutorials relevant to this product, and you can optionally link to things like the brand name collection or other relevant categories.

On Page SEO for Shopify Homepage

The homepage is another key page that often is neglected by Shopify store owners, here’s what I’d recommend doing here.

Title Tag

Start by including a main keyword in here, not only your brand name.

If I had a Gym Clothing store, then I’d write something like:

Logeix Gym Clothing UK | Shop Online

My brand name is still in there, and it should be. The homepage is the one page where your brand belongs in the title, because that’s what people search for when they look for you. But now I’m also targeting my most broad keyword on the homepage.

(Note: Make sure this doesn’t compete with a collection page, usually this will be a broader keyword)

Meta Description

For the homepage meta description, it’s the standard formula of treating this like an ad to convince people to click.

Include the main keyword as always, but spend time to emphasise what makes your product selection and store better than competitors.

H1

There’s two common mistakes Shopify stores make with their homepage H1:

1. They have the logo set as a H1
2. They write something generic like ""Welcome to our website""

Instead you should manually add a H1 section to the page and include your keyword as with any other page.

For the gym clothing example, I may write:

Buy Gym Clothing Online UK

Now generally speaking you want this as near to the top of the page as possible, but there’s also user/design/creative matters to consider here so we are usually flexible about this.

Content

You’ll also need a bit more content than simply collection or product grids.

I’d determine how much is needed by comparing to your competitors, but at a minimum try adding a few hundred additional words.

The easiest way to do this is a few short paragraphs introduction your store and an FAQ toggle to answer common questions.

Internal Links

On the homepage, internal links are extremely important for driving traffic and influencing rankings of important collections.

You can do this with hero images and collections grids.

Two things you should consider here are:

1. Link to the most important collections in terms of popularity/sales/revenue
2. Ensure there is text behind the link for search engines

Many websites use image only links in the grid, which means search engines may read a blank anchor text. Make sure you add text as anchor text is a ranking factor.

Other On Page Factors

Content Structure

The content structure refers to the markup used for headings, content, and different sections on your website.

A typical layout for a product page for example is:

Most Shopify themes get this right so you don’t need to do anything, but it’s definitely worth checking.

One common issue is that themes will use the logo as the H1 on the homepage. This leads to either multiple H1’s on the page, if you manually add one, or an unoptimised H1 if none is added.

Alt Text

Alternative text (alt text) along with image title are used to tell robots or accessibility users what an image is. It’s pretty important, not for robots, but for accessibility.

Don’t overcomplicate this. All you need to do is describe the images, which you can optionally use as an opportunity to include a secondary keyword. Just be careful not to over-optimise.

Here’s how you set them in Shopify, simply click an image, edit and set the alt text:

Previewing Your Title Tags and Meta Descriptions

It might be difficult getting your title tags and metas within the character and pixel length limit. Our SERP Previewer Tool makes it easy to preview how your page will look on Google search results, allowing you to fine-tune your on-page elements for maximum impact. It’s free, works in your browser, collects no data and shows a live preview of your input.

Final Thoughts

Shopify is a great platform for SEO and many things can be done out of the box, no apps or extras needed.

These On Page SEO factors are fundamentals of SEO, and while they may seem easy, they’re often neglected by stores.

From our own research before, we found 76% of stores didn’t optimise their meta description for clicks, and 42% had no description on their collection pages.

By making these changes across all your pages, you’ll be far ahead of most.

Other strategies to grow your Shopify SEO traffic

If this article is helpful, you may be interested in our other Shopify training:

• Shopify SEO (full guide)
• Blogging on Shopify
• Technical SEO for Shopify
• Shopify International SEO