An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
March 27, 2022 04:50 pm GMT
Twitter
Original Link: https://dev.to/mihir27/add-seo-to-you-11ty-website-43m7
Add SEO to you 11ty website
Add Front Matter in all pages
---title: "Page Title"metatitle: "Page Meta Title"metadescription: "Page Meta Description"image: Image Address---
Add Site Url in data
Make a site.json
file in _data
{"url": "https://yoursiteurl.com"}
Primary Tags
Add these in your base.njk
or your main njk
in which you have added <head>
<title>{{ title }}</title><meta name="title" content="{{ metatitle }}"><meta name="description" content="{{ metadescription }}">
Open Graph / Facebook
<meta property="og:type" content="website"><meta property="og:url" content="https://example.com{{page.url}}"><meta property="og:title" content="{{ metatitle }}"><meta property="og:description" content="{{ metadescription }}"><meta property="og:image" content="{{ site.url + image }}">
If you want to automatically generate open graph images you can read this post .
<meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://example.com{{page.url}}"><meta property="twitter:title" content="{{ metatitle }}"><meta property="twitter:description" content="{{ metadescription }}"><meta property="twitter:image" content="{{ site.url + image }}">
SiteMap
Make sitemap.njk
in your root directory. It will automatically become sitemap.xml.
---permalink: /sitemap.xmleleventyExcludeFromCollections: true---<?xml version="1.0" encoding="utf-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> {% for page in collections.all %} <url> <loc>{{ site.url }}{{ page.url | url }}</loc> <lastmod>{{ page.date.toISOString() }}</lastmod> </url> {% endfor %}</urlset>
Robots
Make robots.txt
Sitemap: https://www.yoursitename.com/sitemap.xmlUser-agent: *Disallow:
Original Link: https://dev.to/mihir27/add-seo-to-you-11ty-website-43m7
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To