Out of the box, Shopify’s blogging platform is easy to use but comes with some shortcomings. 

Shopify makes it really easy to create and manage blog pages, but you have limited capability on styling, customization, and including necessary SEO elements on the page. 

When you create a Shopify blog page and add blogs to it, all you’re going to see is a page with a feed of associated posts. Here’s an example of a Shopify blog page with no SEO content on it.

Pretty boring right?

The biggest issue here is that we don’t have an opportunity to include valuable content for both users and search engines. 

With just a tiny tweak to your theme’s code, you can inject dynamic H1 and body copy content into blog pages so that users know exactly what they’re looking at and send additional SEO signals to search engines. 

How to Add H1 and Body Copy to Shopify Blog Pages

The first step in this process is to make sure that you’re using the SEO fields on the Shopify Blog page. That’s the data that we’ll be pulling into the page when it’s loaded for users.

When you fill out the Page Title field and the Meta description field, think about how it’s going to look on the page. You need to carefully straddle the divide between writing a good Title Tag vs. writing a good H1. Same goes for Meta description vs. introductory copy.

Page Title

Keep your Page title field short and sweet. Title tags should aim to be between 50 – 65 characters. Since this is going to be on the page, you want to make sure that it’s user-facing as well. Here is an example of a Page title that does both well:

Studio’s Digital Marketing News & Updates 

Meta Description

You can be a little more creative with your Meta description field and you have more real estate to work with. Be descriptive and relevant to what the page is about. Here’s what I’m going to use on my test page :

Learn the ins and outs of digital marketing from experts with 10+ years in the business. Below, you’ll find tips, advice, and insight from the Studio team. 

With our content added, we can see that it will look good in SERPs. Now let’s add the code that will automatically pull that content onto Shopify Blog pages.

Here’s the piece of code you’ll want to copy.

<h1>  {{ page_title }}{% if current_tags %} &ndash; tagged "{{ current_tags | join: ', ' }}"{% endif %}{% if current_page != 1 %} &ndash; Page {{ current_page }}{% endif %}</h1>
<p>{% if page_description %}{{ page_description | escape }}{% endif %}</p>

Above, you can see that we’re telling Shopify to pull in the “page_title” and wrap it in H1 tags then pull in the “page_description” and wrap it in <p> tags. 

Copy the code above.

Navigate to Online Store > Themes > Edit Code.

Find the blog.liquid theme file under the “Templates” folder.

Paste the copied code on the next line under the closing </header> tag. It should look like this:

Click “Save”.

Navigate to your Shopify blog page and check your work. Here’s what our updated News page looks like:

On a closer look, we can see that the content is being pulled in and wrapped in the appropriate tags for search engines

That’s it! Enjoy your new and improved Shopify Blog pages.