Hey, everyone. I wanted to start off the new year by redoing a video that we did a few years ago. This explains keywords, SEO, and how to add them to your Shopify store.
There are a couple things that have changed since that last video, and I feel the new video really goes into more depth about how to add proper keywords to your page and your template files using metafields inside of Shopify. I still go over the basic stuff in the beginning, but we get a little bit more into theme coding near the end.
Doing SEO inside of Shopify requires very little work actually, but if you want to take your site to the next level, and really dial in your keywords, and your descriptions, there are a couple places inside the Shopify dashboard that you can go and do this.
Now, you don't need an app in order to do your SEO, you just need some good practices, and a little bit of instructions on where to go to modify the auto generated app stuff.
Now Shopify generally does a lot of your SEO for you doing Google rich snippets, as well as your keywords, and your descriptions, and your meta tags, and that sort of thing. What I'm gonna go over in this video is I'm gonna go over how to optimize that, and how to make that pop a little bit more. We're talking about after you've gotten your site up and running, and you're trying to dial in that last two or three percent of your sales so that people are able to find you when they search for you on the web.
There are a couple of different places that you do this. The first place we're gonna start off is under Products.
Once we go to Products, I'm gonna go pick a product that we have in our store here. Now, this is a demo store that we have set up with some demo products. We've got our titles, we've got our descriptions, all of our vendor information is set up, our tags, and so forth. But on the Shopify Dashboard, if you want to go and edit any of your SEO information, you want to go down to the bottom. Down below you're gonna see Search Engine Listing Preview.
Next what you're gonna have, Edit Website SEO. If you edit that first, the first thing it's going to do is it's going to give you a demo of what is already being populated there. Now where Shopify gets this information from, is to gets Page Title from what you've put under title, it gets the Meta Description from what the characters that you've put in the description, and then it has your URL and handle.
Now, I'm just gonna take a quick side bar here to talk about URL and handle, because the URL and the handle is how Shopify keeps track of where you're products are inside your online store. If you were to go and change the handle, it's going to ask you to set up a 301 redirect. The reason is this is the physical location of where your product is being stored on your website. If you had posted it on social media, or if you had posted it in a blog post somewhere, or someone had added a link inside your website, and you go and change this handle, they would normally end up going to a 404 page. But if you put it in the redirect in there, it's going to redirect them to the new page.
What we always recommend is that you have the create the URL to redirect set up here so that it will redirect to the new page. Now when you're doing these handles, this is a great opportunity to use keywords. Now a number of sites may use the construction of the handle in the actually physical building of the website in order to make it work. Before you go and change any URLs and handles, be sure to check with your web developer, if you have one, or your Shopify expert to make sure that they haven't used the handle in a special way.
If you are just working on your own, and you're not worried about the structure of the handle, and you want to optimize for SEO, by all means, go ahead and change it. But like I said, sometimes these handles are used in very specific orders, as well as very specific ways in order to pull information to other parts of the website.
The first thing you want to go and do is you can go in and change your page title. Now your page title, this is what will show up in blue in Google. In our case, what we will actually want to do is we want to add the type, or the bag type because people normally search for Chanel bags, we want to add the Chanel name into the page title. But because of the way we built the site, we couldn't have it added into the title itself.
First thing is we want to put "10 inch Channel double flap lambskin leather shoulder bag". If we click down below, it will auto populate it with the information that came out of the descriptions, and we can go in and modify that. We can go in and do that, and then we can hit Save. What that will do is if anything is written in these two fields, it will overwrite what was normally already put there.
Right, so now that we've finished doing products, we can go and have a look at Collections. Now Collections are very similar to how products are put together. If you go into Collections, you can come down to the bottom, and you can hit Edit SEO Options down here, and same exactly thing. If you go and enter in a Title, it's gonna grab the Title. If you go and grab the Description, it'll grab the Description and populate it in here as well. The same goes for the URL and the handle.
Now I had a question that was posed to me a little while back about keywords, adding meta keywords. Meta keywords are not something that is used as much anymore. If you want to go and actually edit the keywords, and you want to put keywords on a specific page, here is how I would recommend doing it.
There's a couple ways to go about doing it. The first thing you have to do is you actually modify the metafields inside Shopify now. It's important not to get confused between metafields inside Shopify, and metafields being used inside Google for keywords, and description, and title tags. They are the same name, but they mean different things. Metafields inside Shopify allow you to add additional meta data to a product page. That's what we're going to use in order to populate the keyword portion of our site.
Here is what we're going to do. The first thing we need to do is we need to actually access the metafields inside Shopify. The easiest and the freest way to do it is with a Chrome extension called ShopifyFD. Now once you load ShopifyFD, it will pull up the metafields that are inside your store. Now just a quick disclosure on ShopifyFD, Shopify is in the process of changing their dashboard coding. They're switching over to a React framework, which means all of the structure of their HTML, which is what the Chrome plugin is dependent on, is all changing. When they finish doing that upgrade, which could potentially take six months or so because they're doing it piece by piece, then the makers of ShopifyFD is gonna go in, and they're going to fix their plugin in order for it to continue to work with inside Shopify.
ShopifyFD is something that I have been using for years. It works really, really well. But these things happen. The web is ever changing. What I found is that you can load it, you may get an error. I usually refresh the page and load it again, and it tends to work. You should get metafields showing up on the right-hand side if you've loaded it up.
The first thing you're gonna need to do is you're gonna need to create a name space for this specific product. For the product that you're adding your keywords to, you're gonna have to add a metafield to it. To make it easier to manage your metafields, there is an app called Metafields2, which I'll link in the description, which is only seven bucks a month, and makes things way, way easier. You don't have to go through all of these loading plugins and stuff like that on every single product. But anyways, let me just go through one of these here and then I will show how Metafields works in another video.
First thing you want to do is you want to select the name space, or the scope of your metafield. For all intensive purposes, we are just going to select Global because we want this key to be available everywhere. Now when we load this up, you're probably not going to have this Keyword Tag in here. Keyword Tag is something that I've already created on another product, so it's auto populating it for me. But what I would recommend is if you don't have it, all you can do is you can type in "keyword [inaudible 00:08:37] tag," and then away you go. Then on this specific page, you can go and add your values in there.
Since I've already gone and done that on this specific product, if I hit the dropdown menu here, I can see that keyword tag is available. I can click on it and it will auto fill it for me. Then you can put your keywords in the value position. Once you've gone and done that, and saved your product, then we're ready to actually go and put those keywords onto the page. Now to do that, we've got to do some liquid coding, and we've got to change some stuff around.
The first thing we're gonna do is we're gonna go to Online Store. I'm gonna save my changes here, I'm gonna go to Online Store, and then I am going to go to my theme. Now this is my active theme. If you switch themes, you're gonna have to redo this because we're doing theme coding. What I would suggest is you go to Edit Code, and then when it pops up, you want to select your theme.liquid. The reason we're using theme.liquid is because we need to make sure that this populates it on every single page. We want to be able to pull in those metafields so that in the future, if we wanted to go and add additional keywords for a specific product, we don't have to go and add this code additionally. We only have to do it once.
The first thing we're gonna do is we're gonna go in and around line 20, the only thing we want to make sure is that you're adding the code inside the head. But we want to add in the following three lines. We want to first say, if product.metafields.global.keywordtag, so that metafield that we created, if that exists, then what we're gonna do is we're gonna pop in meta name keyword, and then the content of the value of that keyword tag. Then we're gonna compose our if statement.
Relatively simple on the coding side of things, but if we add this to the theme.liquid file, and then we go to the actual product, so I'm gonna pull up the product itself, so let's go here. This is my product that I was working on. If I go View, we'll bring up that product here. If we go and inspect the code, and we'll bring up our Google inspector here, I hit Control F for find, it's going to go and look for all of the meta pieces in there. We can see that we have the one that we created here called Meta Keyword, and then the content that I added in there.
Now just to show you that it only shows on this specific product, we're gonna go back over to shop, and we're gonna pick another product that we have. Let's take this other Chanel bag here. We're gonna go and we're gonna inspect the code on this page. We're gonna look for meta as well. What we'll see is if we look through here, we have our description, but there's no keyword in here.
Now if we wanted to add keywords to that bag, so that we can see that they are now optimized for SEO, we can take the handle, and we can go into our products, and leave this page here. I can search for that product, and I can go into it. Once I'm into it here, I am going to load my ShopifyFD. This is where that error comes in that I was talking about. I am going to refresh it, and I'm going to load it again. We should get our metafields here. What I can do is I can create a new name space called Keyword Tag, and then I put keywords in here. We can put in keywords like "leather", "shoulder bag", "Chanel", "double flap", "quilted". We can save those. Once we've saved those, we then have a new global keyword that's been added in here.
Now the reason we don't see description keyword or the title keyword is because it hasn't been modified down here. As you can see, they're in gray. If I went and clicked in these ones here, and I added something in here, so "Chanel". Well sorry, let's go one, not channel, Chanel, and we added a K to that, and hit Save, it'll probably truncate it. But it will give us our overwritten characters here. Let's just make sure. Great. We load up our ... Hold on. This is where I have to do the refresh trick. Load this back up again. We'll see now we have three metafields in here. We can confirm that that metafield has been added to our page by going and refreshing, and then now we can see the keywords are now available on the page.
That's how you go and add keywords inside Shopify by modifying the template. Now for some of the other things, this is also a same technique that you can use for pages, as well as collections, as well as for blog posts. Any kind of content you have on the site you can go and do this. This will actually work across the board.
Now because I use the product scope, it's only gonna work on product pieces. What we would need to do is we would have to go and create different name spaces for collections, as well as for pages. Cover that in another video.
Anyways, that's everything that I wanted to go over today. Hit me up in the comments if you have any questions beyond that. Thanks for checking out the video. If you guys have any key changes that you need made to your website, or maybe something that wasn't as clear, please feel free to book a call with my company, and we'd be happy to go into more depth about how to set up stuff inside your Shopify store, and teach you how to become an e-commerce expert.
That's all for today, have a nice one. See you tomorrow.