Home > Shopify Development > Optimize SEO on Jekyll Site

Optimize SEO on Jekyll Site in Shopify - A Definitive Guide

Sam Updated: February 17, 2024

Drive 20-40% of your revenue with Avada

Get Started

You may now know the important role that SEO actually plays. However, to help you deeply understand how SEO really works and what you could do to attract more traffic, this instructional writing on how to optimize SEO on Jekyll site will be a great help for your website.

Please kindly note that a small amount of knowledge can make a huge difference so, in exchange for a fully-equipped and high-ranking site, you may need to spend just a few minutes to get your reading done. However, if you wonder how to optimize SEO on your site, please kindly follow our instruction.

Related posts:

Jekyll SEO Tag Plugin

Please note that in this tutorial, we are taking our demo Bakery Store site as an example to better the search engine optimization.

Firstly, in our <head>, please add a {% seo %}. After that, we can set title, image, description and many more options, which output as <title>, Open Graph tagss, JSON-LD, and <meta name="description">. More into details, Open Graph enables us to take control over the display of the content as a post on Facebook, Pinterest, Twitter, and many other social networks. Regarding JSON-LD, it can assist various search engines (such as Google) to display your content in search results.

Sharing Debugger must be a very effective tool for you to preview the post.

Structured URLs

You are able to have control over the way Jekyll build site URLs with permalinks. We recommend you to use descriptive keywords for URLs.

Sitemap

This is a tool that could help search engines find content on your site in an accurate way.

Step 1: Choose pages on your site to be crawled by Google

Please remember to identify the canonical version of every page.

Step 2: Choose the sitemap format you want

You are allowed to manually create your sitemap or take one from a number of third-party tools to generate.

Step 3: Make the sitemap available to Google

Firstly, submit your sitemap to Google using the Search Console Sitemaps tool.
Secondly, in your robots.txt file, please insert the line below:
```
Sitemap: http://example.com/sitemap_location.xml
```
Send an HTTP GET request to make Google crawl your sitemap using the “ping” functionality:

http://www.google.com/ping?sitemap=<complete_url_of_sitemap>

For instance,

  http://www.google.com/ping?sitemap=https://example.com/sitemap.xml

Custom 404 Pages

This could help users navigate your site when they are directed to a non-existing page. Jekyll Server, CloudCannon, and GibHub Pages will display 404.html when it occurs.

Conclusion

Hopefully, this instruction has made you understand how to optimize SEO on Jekyll site. Nowadays, SEO (Search Engine Optimization) is considered a very essential tool for any e-commerce business thanks to its advantages of growing visibility in organic (non-paid) results from any search engine. More focusing on SEO could help you successfully reach a new level of traffic and get a certain reputation on the Internet because it can improve your site’s rankings, drive traffic, and of course, raise awareness in search engines by leverage all technical and creative elements. To be clear, SEO could be known as a matter of ensuring your site is structured in a way that search engines can understand. If you want to learn more, check out our Shopify guides for developers.

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Generate a currencies snippet Insert the search box on your Jekyll site using lunr.js How to hide sold out variants for nonsectioned themes Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Get consent for promotional emails during customer registration Generate your snippet generate the How did you hear about us form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.