How to remove the collection name from the product URL?

Edited

Product URL structure is predefined by Shopify but there could be several reasons why you, as a store owner, might want to remove the collection name from the product URL on your Shopify store:

  1. Simplified and Cleaner URLs: Removing the collection name can lead to shorter and cleaner URLs, making them more aesthetically pleasing and easier to remember.

  2. Improved SEO: In some cases, having shorter, more concise URLs can positively impact search engine optimization (SEO). Search engines often prefer clean and relevant URLs, which may potentially improve the visibility of the product in search results.

  3. Branding and Consistency: Some store owners may prefer a consistent URL structure for their products, especially if they want to emphasize their brand name in the URL rather than highlighting the collection.

  4. Easier Sharing: Shorter URLs are generally easier to share, especially in situations where character count matters, such as in social media posts or printed materials.

  5. Changing Product Placement: If products move between collections frequently, having a static URL without the collection name ensures that the URL remains the same even if the product is in different collections at different times.

It's important to note that while these reasons might apply to some situations, the decision to remove collection names from product URLs should be made carefully, considering the specific needs and goals of your online store. Additionally, any changes to URLs should be implemented with proper redirects to avoid SEO issues and analytics disruptions and provide a seamless transition for existing customers and search engines.

Steps on how to update the product URL format and remove the collection path:

To remove the collection from the product URL when browsing from a collection. First, navigate to Online Store> Themes, click ... on a copy of your theme, and then click Edit code.

You'll be looking for the product-grid-item.liquid file in your Snippets folder. You can use CTRL+F/Cmd+F to find two instances of | within: collection and remove it from the file.

For the Impulse theme

For the Motion theme

For the Streamline theme

For the Expanse theme

For the Fetch theme

For the Gem theme

Please note that implementing the workaround mentioned above will remove the "Back to collection" button from the product page and the collection name from the product breadcrumbs.