Buy me a Coffee


Adding meta description to Jekyll

1 min read

Jekyll is a blog aware static website generator written in Ruby that uses Liquid for templating and Markdown or Textile for writing posts and pages. Jekyll also supports CSS preprocessors like <code class="highlighter-rouge">SASS, <code class="highlighter-rouge">LESS. Here is an easy way to add meta <code class="highlighter-rouge">description to your Jekyll powered website.

Meta description helps <code class="highlighter-rouge">search engine bots display a short summary to a website’s post or page and helps the user get a short explanation of what content he/she is about to view. The description does not need to be a paragraph of a specific post or page, it can be a small line to explain what the content is about.

Jekyll uses Liquid for templating which makes it easy to add more markup to your source code.

  • Adding <code class="highlighter-rouge">description: string to your <code class="highlighter-rouge">_config.yml

example

<code class="language- yaml">description: This is an awesome website  

Add these lines to your <code class="highlighter-rouge">head.html

You can now add <code class="highlighter-rouge">description: string to front-matter of your post or page and add a small summary to it.

Then build your website.

<code class="language- bash">jekyll build  

Now you have meta description for your Jekyll based website.