Open In App

How to Install jekyll-seo-tag?

Improve
Improve
Like Article
Like
Save
Share
Report

Jekyll is a static site generator that is used to generate awesome websites, with minimal coding. Jekyll provides templates, on which you could replace the values of your need, and get started with your website. Jekyll is generally, used to create blog websites, with minimum effort, and maximum reach. We just understood that templates reduce the efforts to a minimum, but what about Search Engine Optimisation(SEO), which in turn refers to the maximum possible reach of a website? With no worries, Jekyll helps in SEO and also increases the chances of a website ranking in google search results. Jekyll provides jekyll-seo-tag, which is used for SEO purposes. In this article, we will learn how to install a jekyll-seo-tag. 

Features of Jekyll-seo-tag

  • Meta Tags: Adds multiple meta tags, for SEO. It adds multiple attributes like property, name, content, etc. These attributes contain properties like canonical, URL, image, and description, which gives a push to the website for early appearing in google ranking. 
  • Title: The Jekyll seo tag also adds the title tag to the website, which could be stored as a variable in the website. 
  • JSON code: A small code of JSON is also added, with properties like head, URL, image, description, and headline. This code presents the website in the google search results, in a more presentable manner. 

Installation of the Jekyll-SEO-tag 

As, we are learning the installation of Jekyll tags, so we are assuming that Jekyll and Ruby have already been installed on your machine. The below image shows the standard file management(layout) of a Jekyll static site generator. 

shows the standard file management(layout) of a Jekyll static site generator.

 

Step 1: Go to the Gemfile, under group :jekyll_plugind do, add gem ‘jekyll-seo-tag’. 

Go to the Gemfile

 

Step 2: Then, go to the _config.yml file, under plugins: add – jekyll-seo-tag. 

 go to the _config.yml file, under plugins:

 

Step 3: Now, under the _layouts section, go to default.html. Inside the head tag, add {% seo %}. We could remove any extra meta tags if already added, as the SEO meta tags will be added by the jekyll-seo-tag itself. 

under the _layouts section, go to default.html.

 

Step 4: Under the blog folder, click on index.html. We can declare variables here, which tell about the layout, title name, description, and image to be added under the meta tags of the website. 

under the blog folder, click on index.html.

 

Step 5: To verify whether Jekyll-seo-tag, has successfully been installed, run the code, and you will see that Jekyll itself, adds, the title, meta tags, and JSON code to the system for better rankings in google by SEO. 

To verify whether Jekyll-seo-tag, has successfully been installed,



Last Updated : 01 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads