Online search is a vital part of the customer lifecycle. As stated by Forrester Consulting, 71% of consumers in the US use a search engine to discover new products, brands, and services. And even if a consumer doesn’t end up buying a product online, 65% of them still do research online before making any final purchase decisions.
When it comes to combining SEO efforts with headless commerce architecture it is one of the many considerations that your frontend development team has to take into account during your website build. In the post we’ll share a few key areas that should be at the top of your list when planning and developing your headless-powered eCommerce website.
Well-thought SEO ensures that your product is easily discoverable and therefore leads to more conversions and purchases! Even if you don’t get the purchase, SEO can help consumers find your brand or website and aid them in making more informed buying decisions.
SEO is not something you should think about once you have your store set up online. Ideally, you should think about your optimal SEO strategy before you enter the development stage. The way a website is structured and built will have a great impact on your SEO. Here’s some characteristics that play a major role in how high your website shows on a search result page:
- Use of HTTPS protocol
- Use of keywords in the URL
- Human-readable URL
- Clear structure of a website
- Quick loading time
As you can see, SEO is definitely something that should be considered before you start building a website, especially if you’re thinking about adopting a headless approach, and has to be accounted for in the development of a headless-driven website.
Good SEO practices to consider
The most commonly used search engine, Google, uses links to find out what content on your site is related and the value of that content, so the URL structure and the metadata you use (page titles, image captions, etc.) are vital for ranking.
Moreover, search engines are all about structure when crawling your site. By following links and metadata they can work out the relationship between various pages, posts and other content. The clearer the structure, the more likely you are to attain higher rankings.
Below, we list the most important aspects of any good SEO strategy and give you some examples on how you can use it to your advantage.
The URL structure of your site is important to get right, they should be both friendly for humans and robots. Whether that means nesting categories in logical URI segments through to the product URI.
For example, the category structure for the URL can be concatenated with the product name and type. If you’re implementing an Elastic Path-powered site, you can create a hierarchical category tree that reflects your website structure and organise your products into these categories. Out of the box Elastic Path objects contain the “slug” resource that is a lower case, uri friendly string (i.e. no spaces). You can use these slugs to build your site structure and page URLs.
Below you’ll find an SEO-friendly URL structure that has been divided into the sub-elements.
Metadata (page and meta titles or descriptions, etc.) can be driven from data stored in the backend and accessed via APIs just like the content that you render to your customers on the page visibly. With Elastic Path you could use the product title & description to create and populate meta tags (primarily or as a fall back), or if you’re looking for more fine grained control, it’s possible to extend the core Elastic Path product entity by creating a product flow and adding custom fields for “title”, “meta description”, and more.
Whilst not strictly for SEO, social and open graph content tags that you place on your page can also be managed from your backend and pulled through into your website page view in a similar way. It’s recommended that you do this, as you can attain more control over how your site links appear on social networking sites, e.g., Twitter cards or Facebook posts pulling in the correctly optimized and sized image URL and content for this medium.
JAMstack architecture is a good choice, as essentially this stack means you already have all the pages and URLs generated at build time, the bot is simply going to crawl your HTML/CSS/JS without issues as the content (including commerce data that was snapshotted at build) is static.
Online search results are almost monopolized by Amazon, Walmart, and other retail giants with whom it’s hard to compete for best ranking. Nevertheless, SEO is something that you, as a retailer, must definitely take into account, otherwise, your amazing enterprise will drown in the sea of companies that scream louder online.
Taking all of the above points into account, with a minimal amount of development effort and following SEO best practices you can easily utilize headless commerce architecture like Elastic Path to power an eCommerce website that is well-structured, crawlable, and rankable for search engines.