SEO

We config our metadata for every pages, portfolio articles are generated with nunjucks template

{%- set subtitle %}{{ blogtitle or searchTitle or relatedTitle or sitetitle or eleventyNavigation.key or title }}{% endset %}
{%- set subtitleText %}{{ subtitle }}{% if subtitle and subtitle != "Tulip, Green Environment Eleventy Theme" %} — Tulip{% endif %}{% endset %}
<title>{{ subtitleText }}</title>
<meta name="description" content="{{ subtitleText }}">
<meta name="generator" content="{{ eleventy.generator }}">

For supporting Facebook SEO or Open Graph

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:site_name" content="">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:image:alt" content="">∂

For supporting Twitter SEO

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:site" content="">
<meta property="twitter:creator" content="">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="">
<meta property="twitter:image:alt" content="">

It's automatically generated after you put the title and description inside any kind content markdown file.

---
title: Long-term Garden in your fantasy
description: The Initial Business of Tulip?
---

Then you will get the meta inside the article

<meta itemprop="name" content="Long-term Garden in your fantasy">
<meta itemprop="description" content="The Initial Business of Tulip.xyz?">

<meta property="og:title" content="Long-term Garden in your fantasy">
<meta property="og:description" content="The Initial Business of Tulip.xyz?">

<meta name="twitter:title" content="${title}" />
<meta name="twitter:description" content="${description}" />