How I build and Optimized a Custom E-commerce Site for a Wellness Brand

When embarking on a digital marketing project, I chose to construct a bespoke e-commerce website for a fictional Ayurvedic brand named Shuddhi. Rather than relying on a resource-intensive Content Management System such as WordPress or Shopify, I developed the site using HTML, CSS, and vanilla JavaScript. This approach granted me full command over the code and enabled me to incorporate sophisticated technical SEO from the outset.

The following details the tech stack, the technical hurdles I encountered, and how I optimized the site for search engines.

The technology stack incorporated Semantic HTML5, CSS3 (custom branding), and Vanilla JavaScript. The site was hosted/deployed via Vercel, connected to GitHub for continuous deployment. An AI Coding Assistant named Cursor significantly expedited the HTML generation process. Design assets were created using Canva.

Several technical challenges emerged during the development process. Initially, Vercel's edge cache was causing issues where changes to my canonical tags weren't reflecting on the live site. I discovered that Vercel was serving a cached version of the content from the Edge network. To rectify this, I had to learn how to bypass the build cache and compel a fresh deployment to ensure Google could read the most recent HTML.

Another challenge involved fixing canonical tags. As a newly established domain, preventing duplicate content was paramount. To address this, I created a script to ensure every page — index.html, shop.html, and journal.html — possessed a self-referencing canonical tag pointing to https://www.shuddhi.space/. Additionally, I sought to improve search visibility by implementing structured data.

To achieve Rich Snippets in Google search results, I embedded JSON-LD schemas directly into the <head> of the HTML files: a LocalBusiness schema linked the site to the Google Business Profile, a Product schema displayed prices and stock status, and a FAQPage schema aimed to capture People Also Ask search results.

To validate the site's effectiveness, I authored a comprehensive, science-backed article on the advantages of copper water bottles. My objective was to ensure this content achieved high search rankings and remained accessible to AI search engines such as ChatGPT and Perplexity. Consequently, I devised a custom llms.txt file and revised the robots.txt to explicitly permit AI crawlers to access the content.

The culmination of these efforts yielded a robust, optimized e-commerce platform. For those interested in the final product (alongside the science article serving as a test for SEO), it is accessible at: 👉 [Copper Water Bottle Benefits: What Science Really Says](https://www.shuddhi.space/copper-bottle-benefits-science.html)

In conclusion, constructing a site from the ground up and meticulously optimizing its technical aspects proved to be an enriching learning experience. For those venturing into building static e-commerce sites sans a CMS, my primary recommendation is to prioritize core web vitals and structured data from the outset. If you have any experience with building e-commerce sites without utilizing a CMS, I would be keen to hear about it in the comments.