How to Add Meta Tags to Shopify
Adding meta tags to your Shopify store in many respects has already been done for you, in the form of “edit SEO fields”. The SEO fields can be found on the homepage, collections, products, and custom pages.
However, the need may arise to add a custom meta tag to Shopify, this could be Google verification, Schema.org, or many others.
Adding a custom meta tag requires manually editing the theme.liquid file. Adding to the theme.liquid file ensures that a meta tag is detected site-wide.
Related blog posts:
- Why is my Shopify store not showing up on Google?
- Why is image alt tag SEO important?
- Best Shopify SEO Apps
Before moving on, let’s understand how updating the SEO fields affect meta tags through a step process.
Do SEO Fields in Shopify Create Meta Tags?
Yes, SEO fields update the value in Meta Titles, Meta Descriptions, and URL. When you change the text on the SEO fields, the value is used to update the meta tags.
The SEO fields can be found on each resource:
- Home page
- Contact page
- + More
Let’s take a look at the Shopify home page as an example. We’ll update the meta title, and meta description.
Updating Meta Tags on the Shopify Homepage
Step 1: Online Store > Preferences
Go to Online store, and then preferences.
Step 2: Homepage Meta Title and Meta Description
Locate and add values to the Meta Title and Meta Description text fields.
Step 3: Confirm Meta Title by Browser Tab
The simplest process to confirm the changes are added to the meta title, is simply visiting your store and confirming you can see the text on your browser tab title.
Step 4: Technical Confirmation
To confirm changes to meta title and meta description outside of viewing the tab title, is opening the browser dev tools, or viewing the source code.
Updating Meta titles, and meta descriptions across collections, products, blogs, and pages is a very similar process. Each resource has an option to edit the SEO fields, and these fields directly impact Meta Title, Meta Description, and the URL.
Swiftly moving on, let's take a look at how to add a meta tag to the code base.
How to Add a Meta Tag to Shopify
Step 1: Online Store > Themes
Go to online store, then themes.
Step 2: Edit Code
On the themes page, click "actions", then "Edit code".
Step 3: Locate Theme.liquid
Locate and click the theme.liquid file.
Step 4: Add Meta Tag
In this example we'll add an HTML comment, but you'll want to add your meta tag.
Before saving, or committing to making any changes, it's a good idea to backup your theme first:
If you've made changes to your theme, don't forget to click save!
Step 5: Confirmation
Always confirm your changes.
In this example we're just checking to see if our HTML comment is visible. Open the browser dev tools, or view the source code to confirm.
List of Important Meta Tags
- Viewport Meta Tag: Indicates how to render a page, and is generally used for responsive layouts
- Charset Meta Tag: The character encoding of your Shopify store
- Canonical Meta Tag: To tell search engines you are the original author
- Title Tag: The name of your page
- Meta Description Tag: The description of your page
- Robots Meta Tag: To tell search engines to index your site/page
- Nofollow: To tell search engines to follow outbound links or not
- Twitter cards Meta Tags: Used for Twitter to render titles, descriptions, and images to display as a rich snippet
- Open Graph Meta Tags: Used for social media platforms to render titles, descriptions, and images to display as rich a snippet
- Author Meta Tag: Typically for content pages, but to tell search engines you are the author
Adding meta tags is extremely important when adding resources(pages) to Shopify, not to mention when you need to verify your store with search engines, then it becomes a necessary process to understand.
When done correctly search engines will be able to read and display the content accordingly in the SERPS. Ensure to spend the time to understand why meta tags are important.
To summarize we've briefly covered:
- How SEO fields in Shopify create meta tags
- How to add a meta tag to Shopify
- List of Important Meta Tags
- Learn how to increase Shopify traffic
- Free Shopify apps
- Shopify traffic but no sales?
- Check out the Best Shopify apps for SEO
- Share this post, every little helps.
- Subscribe to our newsletter below for tips and tricks to help boost sales.
Retailers also searched for:
- Meta tags Shopify