In this guide, you’ll learn how to SEO your eCommerce product pages.<\/p>\n
The SEO tips presented below are applicable for all types of eCommerce platforms including WooCommerce, Shopify and Amazon.<\/p>\n
Product Page SEO<\/h2>\n
These are the steps to follow to SEO your product pages:<\/p>\n
- \n
- URL Optimization<\/a><\/li>\n
- Product Title SEO<\/a><\/li>\n
- The Product Page H1 Tag<\/a><\/li>\n
- Meta Description Optimization<\/a><\/li>\n
- Optimize Your Breadcrumb Menu<\/a><\/li>\n
- Product Description Optimization<\/a><\/li>\n
- Image Optimization<\/a><\/li>\n
- Video Optimization<\/a><\/li>\n
- Product Schema Markup<\/a><\/li>\n
- Open Graph meta tags<\/a><\/li>\n
- Product Reviews and Ratings<\/a><\/li>\n
- User-Generated Content<\/a><\/li>\n
- Cross-selling<\/a><\/li>\n<\/ul>\n
1. URL Optimization<\/h3>\n
The first element that needs your attention is the product URL.<\/p>\n
Although it’s not the most critical ranking factor, having correctly optimized product URLs is recommended for several reasons.<\/p>\n
- \n
- It’s easier for search engines to understand<\/li>\n
- It’s easier for users to understand<\/li>\n
- It’s useful for readability purposes, especially in cases when you (or someone else) posts a URL of your products in a forum or a comment.<\/li>\n<\/ul>\n
For example:<\/p>\n
It’s easier to understand that this URL:<\/p>\n
http:\/\/www.example.com\/products\/macbookpro-256gb<\/code><\/p>\nwill lead to a product page about a 256GB Macbook Pro<\/em> than this:<\/p>\n
http:\/\/www.example.com\/product_id=34?S256_DEF<\/code><\/p>\nHow do you optimize your product URLs?<\/strong><\/p>\n
Everything that is recommended for an SEO friendly URL<\/strong><\/a> it’s also applicable for product URLs, with some variations that are specific for eCommerce websites.<\/p>\n
To be more specific, your product URLS should be:<\/p>\n
- \n
- Short and descriptive without unnecessary characters<\/li>\n
- Use “-” to separate the different parts of the URL<\/li>\n
- Use only lowercase characters<\/li>\n
- Avoid using stop words like “a,” “an,” and “the.”, in the URL.<\/li>\n
- Include attributes and product characteristics like the brand name or color.<\/li>\n
- If you have to include extra characters that are needed by your CMS, try to have those at the end.<\/li>\n<\/ul>\n
Here is an example of an SEO optimized product URL:<\/p>\n
![\"SEO](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/optimized-product-url.jpg\")
SEO Optimized Product Page URL<\/figcaption><\/figure>\n And an example of a non-optimized product URL from Amazon!<\/p>\n
![\"Non](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/badly-optimized-product-title.jpg\")
Example of a Non-Optimized URL<\/figcaption><\/figure>\n If you are wondering why Amazon doesn’t optimize their URLs, the answer is simple.<\/p>\n
First, they don’t have to do it because SEO optimization is not their priority, and second, they have a massive website with millions of products, and it might be technically impossible for them to do this change.<\/p>\n
With that being said, if you have a lot of products or it’s too difficult to change them, don’t spend time with optimizing the URLs, there are more important changes to do to your shop (as you will read below).<\/p>\n
If you are up to the job, then make sure that for each product page you change the URL, you add a 301 Redirection so that the old URL is redirected to the new URL.<\/p>\n
Read my previous article on how to redesign a website without losing SEO<\/strong><\/a> for more details on how to do the redirections.<\/div>\n2. Product Title Optimization<\/h3>\n
The next step is to work on your product titles. This is one of the important optimization tasks you can do for your product pages.<\/p>\n
In my SEO Tutorial<\/strong><\/a>, I have added several examples on how to SEO the titles of your blog posts or pages, and while these are valid, when it comes to eCommerce SEO, you need to take into account a few more things.<\/p>\n
To be more precise, your titles should combine details about the product and keywords that people use in searching for a particular product, in 60 characters or less.<\/div>\nWhy 60 characters or less?<\/strong> Because this is what is shown on average in the search snippets, without breaking your title.<\/p>\n
See the two examples below. The first one is 60 characters (excluding the site name), and it shows as is, while the second one is more than 60 characters, so Google breaks it up.<\/p>\n
![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-title-size-in-serps.jpg\")
Example of optimized and non-optimized titles<\/figcaption><\/figure>\n Important Note: <\/strong>You don\u2019t need to repeat your domain name in the product title, Google does this automatically.<\/div>\nHow do you combine product names and keywords in the title?<\/strong><\/p>\n
Let’s see some examples to understand how to have both your product names and keywords in the same title.<\/p>\n
The first step is to refer to the results of your keyword research<\/strong><\/a>.<\/p>\n
Having a clear idea of what search terms<\/strong><\/a> people type in the Google search box is essential.<\/p>\n
Let’s say that you are selling shoes, and you know from the keyword research that people search for “men’s running shoes.”<\/p>\n
Your first action is to optimize your category page<\/strong><\/a> for that term.<\/p>\n
It’s a general term and a great candidate for category optimization.<\/p>\n
Within the category, you can optimize your product names like the examples below:<\/p>\n
![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/optimized-product-title-example.jpg\")
Example 1<\/figcaption><\/figure>\n ![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-structured-date-in-snippet.jpg\")
Example 2<\/figcaption><\/figure>\n Notice the format of the title, which includes the brand name, model, and<\/em> keywords i.e., Men’s Running Shoe<\/em>\u00a0or Racer Women’s Shoe<\/em>.<\/p>\n
Pro Tip<\/strong>: If you are selling products that the brand name is not so important, you can change the order of the words in the title to include the keywords first and then the brand or type.<\/div>\nFor example, look at this product title from Etsy. The keyword “boyfriend gift” is at the beginning of the title, and this makes the title more optimized.<\/p>\n
![\"Keywords](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/optimized-product-title-seo.jpg\")
Use of SEO keywords in product titles<\/figcaption><\/figure>\n Last but certainly not least, don’t forget that each product page of your eCommerce website needs to have a <title>, and this has to be unique across your site.<\/p>\n
3. The product page H1 Tag<\/h3>\n
It is very common for the H1 tag<\/strong><\/a> of the page to be the same as the title.<\/p>\n
While this is ok (and the default configuration for many CMS), if you want, you can change it to be friendlier for users (since you can safely use more characters). Also, it’s another opportunity to enrich your page with related keywords.<\/p>\n
![\"SEO](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-h1-heading.jpg\")
Example of H1 Tag in a Product Page<\/figcaption><\/figure>\n Besides that, the other thing to check and ensure is that your page has only one H1 tag, and this is located high on the page and above the different headings (h2, h3, etc.).<\/p>\n
Product Page Headings<\/strong><\/p>\n
When it comes to other headings (h2, h2, etc.), use them according to best practices.<\/p>\n
![\"use](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/headings-best-practices.jpg\")
Heading Best Practices<\/figcaption><\/figure>\n 4. Meta Description Optimization<\/h3>\n
Google guidelines for meta description optimization<\/strong><\/a> state the following:<\/p>\n
- \n
- Provide a unique description for every page of your website, and that includes product pages.<\/li>\n
- Write descriptions that accurately describe the page content in 160 characters or less.<\/li>\n<\/ul>\n
If you don’t provide for a meta description that meets the above guidelines, Google will pick up the text from the page and show it as a meta description.<\/p>\n
The problem is that on many occasions, the text shown by Google as the description is not interesting for the users, and thus you lose clicks (and potential customers).<\/p>\n
So, it’s better to take advantage of meta descriptions and make your search snippets exciting and inviting for the users to click and visit your product pages.<\/p>\n
What to include in your product meta description?<\/strong><\/p>\n
A description needs to include the product name and keywords.<\/p>\n
As you can see in the examples below, Google highlights the keywords<\/strong><\/a> from a description that matches the user’s query.<\/p>\n
Other than that, you can add benefits like free shipping and returns, money-back guarantee, <\/em>and additional information that can differentiate your snippet entry from the rest.<\/p>\n
The snippet from Amazon below is an excellent example of an optimized meta description.<\/p>\n
![\"Optimized](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/optimized-product-description.jpg\")
Optimized Product Descriptions in Google SERPS<\/figcaption><\/figure>\n 5. Optimize Your Breadcrumb Menu<\/h3>\n
In my eCommerce site structure<\/strong><\/a> article, I have explained why breadcrumb menus are essential for user-friendliness and the usability aspect of an eCommerce website.<\/p>\n
What is necessary to highlight again is that besides making your website user friendly and SEO friendly<\/strong><\/a>, breadcrumbs can contribute to higher CTRs (click-through rates), because they enhance the presentation of your snippet in the SERPS.<\/p>\n
To take advantage of this, breadcrumbs need to have the proper structure data (schema<\/strong><\/a>) so that Google can understand them.<\/p>\n
Look at the example below and see how Google is using the breadcrumb information in the snippet (for both desktop and mobile), instead of showing the product URL.<\/p>\n
![\"Breadcrumb](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/breadcrumb-seo.jpg\")
Breadcrumb SEO Example<\/figcaption><\/figure>\n It’s more relevant and can contribute to better CTRs.<\/p>\n
For more information read breadcrumbs SEO<\/strong><\/a>.<\/div>\n6. Product Description Optimization<\/h3>\n
Optimizing your product description is one of the most difficult and time-consuming tasks, especially if you have a lot of products in your eCommerce store.<\/p>\n
From experience, it’s also one of the tasks that most eCommerce owners get it wrong.<\/p>\n
Let’s see what we mean by product description optimization.<\/p>\n
Unique Content<\/strong><\/p>\n
Google is looking for exclusive, high-quality content to show in the search results from high-quality websites<\/strong><\/a>.<\/p>\n
If your product description is an exact copy of what is already available in other eCommerce websites on the Internet that has a higher domain authority<\/strong><\/a> and Google trust, it will simply ignore your product pages.<\/p>\n
Google does not penalize websites because of duplicate content but it does not reward them either.<\/div>\nAn eCommerce website that has a lot of pages with duplicate content is considered a low-quality website, and the chances of ranking high for competitive terms are minimum to none.<\/p>\n
So, the first thing that you need to do is to ensure that your product page description is unique.<\/p>\n
Uniqueness is not limited to websites across the web but to your website too.<\/p>\n
In other words, every product of your shop needs to have a unique description and not the same description as another product within your shop.<\/p>\n
Content length <\/strong><\/p>\n
There is no golden rule as to the number of words your product description should be, but it is proven that long-form content ranks higher in Google<\/strong><\/a>, and is shared more frequently in social media.<\/p>\n
Of course, your goal with eCommerce websites is to make sales so your product descriptions should primarily serve that purpose.<\/p>\n
The added advantage of providing for long descriptions is that with the proper On-Page SEO <\/strong><\/a>techniques, you will have the opportunity to blend keywords into your text and make your product pages both search engine friendly and interesting for the users.<\/p>\n
Look at any product on Amazon. They have a ton of content related to product usage, product short and long description, customer reviews, Q & A related to the product and a lot of other useful information.<\/p>\n
Amazon is not doing this for SEO purposes, but because it helps users to make a purchase decision.<\/p>\n
Here is an example of a product short description shown above the fold<\/em><\/p>\n
![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-short-description.jpg\")
Amazon Product Short Description Above the Fold<\/figcaption><\/figure>\n And the product long description is shown towards the bottom of the page:<\/p>\n
![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-seo-long-description.jpg\")
Product Long Description<\/figcaption><\/figure>\n Many eCommerce owners worry that having too much content on the page will break the design, but that’s not the case.<\/p>\n
You can follow the same pattern as amazon, i.e., have a short description above the fold and a long description below the page.<\/p>\n
Almost all modern eCommerce CMS (WooCommerce, Shopify, etc.), have this kind of functionality build-in into their systems.<\/p>\n
Content Optimization<\/strong><\/p>\n
While writing your product descriptions, don’t forget about optimizing your content.<\/p>\n
The best way to do this is to go back to the results of your keyword research<\/strong><\/a> and make a list of keywords that are related to the specific product.<\/p>\n
Use those keywords in your headings and text naturally without doing keyword stuffing.<\/p>\n
Mentioning your target keyword 3-5 times in the text is enough, and using related keywords from your list in the headings will help Google understand what the page is all about.<\/p>\n
You can link to related products within the text, but be wise; you don’t want to drive people away from your product page.<\/p>\n
Your goal is to keep them as much as possible on the page so that they eventually take the next step, which is to proceed with a purchase.<\/p>\n
Pro Hint:<\/strong> Examine the bounce rate<\/strong><\/a> of your pages by looking at your Google analytics reports<\/strong><\/a>. Product pages that have a high bounce rate are good candidates for improving their content further.<\/div>\n7. Image Optimization<\/h3>\n
Images are necessary components of your product pages. Regardless of the type of products you are selling, your product pages must have images.<\/p>\n
Some tips to optimize your eCommerce product images<\/strong><\/p>\n
Avoid the use of bad stock images<\/strong> \u2013 using images that are not of good quality can drive customers away.<\/p>\n
If you cannot create original images of your products, then make sure that you select high-quality images that look real and authentic.<\/p>\n
Pro Tip:<\/strong> Using the real photo of you or your team can increase trust in the cases that you are selling services or intangible products.<\/p><\/blockquote>\n
Use meaningful file names<\/strong> \u2013 I’ve mentioned many times before that image filenames are NOT among the most significant SEO factors, but having proper filenames has several advantages:<\/p>\n
- \n
- It’ easier for you to manage the (possibly) hundreds of images in your store.<\/li>\n
- When other websites use a URL to one of your images, it will be meaningful.<\/li>\n
- You increase your chances of ranking in Google image search.<\/li>\n<\/ul>\n
Let’s see some examples of meaningful and not meaningful image file names. Consider this image:<\/p>\n
![\"amazon](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/amazon-echo-300x242.jpg\")
Product Image<\/figcaption><\/figure>\n Which is more useful to you, this:<\/p>\n
https:\/\/images-na.ssl-images-amazon.com\/images\/I\/51TmaDI8jRL._SY300_.jpg<\/code><\/p>\nor this:<\/p>\n
https:\/\/images-na.ssl-images-amazon.com\/images\/I\/amazon-echo-blue-large.jpg<\/code><\/p>\nTry to use keywords naturally in your image filenames.<\/p>\n
Optimize your ALT Text<\/strong> \u2013 ALT TEXT (or alternative text) is one of the most important elements of image optimization.<\/p>\n
Alt Text<\/strong> <\/a>has two primary purposes:<\/p>\n
- \n
- It is shown in the browser until the images are fully downloaded and sometimes on mouse hover<\/li>\n
- It is essential for SEO since it’s through the ALT text that search engines can understand what an image is all about.<\/li>\n<\/ul>\n
![\"Image](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2019\/05\/image-seo-guidelines.png\")
Image SEO Best Practices<\/figcaption><\/figure>\n Tips for optimizing the image ALT TEXT<\/strong><\/p>\n
- \n
- No keyword stuffing.<\/li>\n
- Use natural language \u2013 plain English as you would explain to a friend what the image is all about<\/li>\n
- Use a short caption below each image to give search engines and users more information for the image (see example C above).<\/li>\n<\/ul>\n
Image Size<\/strong><\/p>\n
The size of the images does matter. Smaller images are faster to download, while large images may slow a website down.<\/p>\n
Before uploading your images, make sure that you optimize their size. If the largest image size you need is 1200×650, don’t upload images that are bigger than that size (even though your CMS will automatically resize them).<\/p>\n
Use tools like image optim<\/strong><\/a> to optimize their size without sacrificing quality.<\/p>\n
If you have a lot of product images, consider using a CDN<\/strong><\/a> so that images are delivered by a network of servers and not from your server.<\/p>\n
Read How to improve PageSpeed<\/strong><\/a> for more ways on how to improve the image size of your product images.<\/div>\n8. Videos Optimization<\/h3>\n
Where possible, try to use Videos to make your product content more engaging. People love videos, and good original videos can differentiate your shop from competitors and increase conversions.<\/p>\n
You can use videos from the product manufacturers (if available), but the best approach would be to create your videos.<\/p>\n
Whichever the case, here is your video SEO checklist<\/strong><\/a>:<\/p>\n
- \n
- Do not upload videos directly on your server, instead use a dedicated video hosting service like Youtube or Vimeo. Once uploaded, there are various ways to embed the videos in your product pages.<\/li>\n
- Wrap your videos with Video Schema markup<\/strong><\/a><\/li>\n
- Create a video sitemap<\/strong><\/a> and submit to Google.<\/li>\n<\/ul>\n
9. Product Schema Markup<\/h3>\n
What is Product schema?<\/strong><\/p>\n
In simple terms, product schema or structured data is a way to highlight specific data items from your product pages (such as the name of the product, price, availability, reviews, and ratings), so that search engines can read and understand this information more accessible.<\/p>\n
By highlighting, we mean adding specific lines of code to your pages that provide this information to search engine crawlers.<\/p>\n
Why add schema markup to your product pages? For two main reasons:<\/strong><\/p>\n
- \n
- It’s a great way to help search engines understand more about your product.<\/li>\n
- It’s another way to enhance your snippet in the SERPS and get higher CTR (click-through rates).<\/li>\n<\/ul>\n
Product Schema in Google Search Results<\/figcaption><\/figure>\n When product schema is configured correctly, your search snippet will include the price of the item, reviews, and stock information, as shown in the example above.<\/p>\n
How to add product schema?<\/strong><\/p>\n
It depends on the eCommerce platform you are using. Most modern eCommerce CMS (like Shopify or Woocommerce<\/strong><\/a>) have product schema built-in.<\/p>\n
The first thing to do is to go to the structured data testing tool<\/strong><\/a> and enter the URL of one of your product pages. If your product schema is configured correctly, you should see something like this:<\/p>\n
![\"Structured](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-structured-data-testing-tool.jpg\")
Google Structured Data Testing Tool<\/figcaption><\/figure>\n Notice that it shows no errors or warnings on the top right.<\/p>\n
If your product pages are missing structured data, then the best way to add them is to use the JSON-LD format.<\/p>\n
This is how the code looks:<\/p>\n
![\"Product](\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/09\/product-schema-ecommerce.jpg\")
Example of Product Schema in JSON-LD Format<\/figcaption><\/figure>\n Now, this is a part that may require more reading, and it needs technical knowledge.<\/p>\n
If you don’t feel comfortable messing with code, then it is highly recommended to hire a developer to do this for you.<\/p>\n
- \n
- Product schema information on Google’s site<\/strong><\/a><\/li>\n
- Product Schema definition<\/strong><\/a> (schema.org)<\/li>\n
- What is Schema markup<\/strong><\/a><\/li>\n<\/ul>\n
Pro Tip:<\/strong> Structured data information is heavily used by Voice Search Systems (like Google Assistant) and this is another good reason why you need to have your product pages configured correctly.<\/div>\n10. Open Graph meta tags<\/h3>\n
Open graph meta tags are similar to product markup. They are used so that any information shared with social networks is accurate.<\/p>\n
When visitors click a LIKE or SHARE button to publish your page in social media networks, you want to have the correct picture and information shared, and this is achieved by having the right open graph tags defined.<\/p>\n
Note:<\/strong> Open Graph meta tags will not help you with SEO as they don’t have any direct or indirect effect on rankings. Still, they are essential for the proper representation of your brand and products on social media.<\/p>\n
The good thing about open graph meta tags is that they are easy to implement.<\/p>\n
Open graph meta tags are used by Facebook, Instagram, and Pinterest and Twitter Cards by twitter.<\/p>\n
The easiest way to make sure that they are configured correctly is to install the free version of
- Product Schema definition<\/strong><\/a> (schema.org)<\/li>\n
- Product schema information on Google’s site<\/strong><\/a><\/li>\n
- Create a video sitemap<\/strong><\/a> and submit to Google.<\/li>\n<\/ul>\n
- Product Title SEO<\/a><\/li>\n