Use Jekyll SEO Tag to generate the search engine HEAD meta.

This commit moves the site to use the official Jekyll SEO Tag
plugin (https://github.com/jekyll/jekyll-seo-tag) to generate the
search-engine meta in the HEAD of each page. The title and canonical
URL output should be largely the same as before, but with additional
metadata, such as JSON-LD (for richer indexing), Twitter card
metadat, etc.

Like the other plugins, this should largely work out-of-the-box,
with no additional day-to-day configuration, but is customizable
where desired.
This commit is contained in:
Ben Balter 2016-12-13 14:16:54 -05:00
parent 91634d19c0
commit 731f5bac1a
2 changed files with 7 additions and 2 deletions

View File

@ -33,3 +33,9 @@ gems:
- jekyll-redirect-from - jekyll-redirect-from
- jekyll-feed - jekyll-feed
- jekyll-sitemap - jekyll-sitemap
- jekyll-seo-tag
# SEO
logo: /images/favicon.png
twitter:
username: kubernetesio

View File

@ -2,7 +2,6 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
{% if !page.no_canonical %}<link rel="canonical" href="{{ page.url | absolute_url }}" />{% endif %}
<link rel="shortcut icon" type="image/png" href="/images/favicon.png"> <link rel="shortcut icon" type="image/png" href="/images/favicon.png">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Roboto+Mono' type='text/css'> <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Roboto+Mono' type='text/css'>
@ -14,7 +13,7 @@
<script src="/js/script.js"></script> <script src="/js/script.js"></script>
<script src="/js/sweetalert.min.js"></script> <script src="/js/sweetalert.min.js"></script>
<script src="/js/bootstrap.min.js"></script> <script src="/js/bootstrap.min.js"></script>
<title>Kubernetes - {{ title }}</title> {% seo %}
</head> </head>
<body> <body>
<div id="cellophane" onclick="kub.toggleMenu()"></div> <div id="cellophane" onclick="kub.toggleMenu()"></div>