Table of contents

Jekyll-seo-tag

Tags: gem-based-plugins , github-pages , json-ld , meta-tag , open-graph , search-engine-optimization , seo , social-media

検索エンジンのメタデータタグを追加するJekyllプラグイン

Homepage (github.com) [EN]
Document (rubydoc.info) [EN]
Usage (github.com) [EN]
Advanced usage (github.com) [EN]

検索エンジンやソーシャルネットワーク用のメタデータタグを追加して、サイトのコンテンツをより良くインデックスして表示するためのJekyllプラグイン。

インストール

Gemfileを編集

# Gemfile
group :jekyll_plugins do
  gem 'jekyll-seo-tag'
end

_config.ymlを編集

# _config.yml
plugins:
  - jekyll-seo-tag

Pluginのインストール
```
bundle
```

使い方

<head>セクションに{% seo %}を追加することで以下のタグが生成されます。

<!-- Begin Jekyll SEO tag v2.6.1 -->
<title>Home | Jekyll Note</title>
<meta name="generator" content="Jekyll v4.1.1" />
<meta property="og:title" content="Home" />
<meta property="og:locale" content="ja_JP" />
<meta name="description" content="Jekyll summary by Otti" />
<meta property="og:description" content="Jekyll summary by Otti" />
<link rel="canonical" href="https://jekyll.otti.xyz/" />
<meta property="og:url" content="https://jekyll.otti.xyz/" />
<meta property="og:site_name" content="Jekyll Note" />
<script type="application/ld+json">
{"description":"Jekyll summary by Otti","@type":"WebSite",
  "url":"https://jekyll.otti.xyz/","name":"Jekyll Note",
  "headline":"Home","dateModified":"2020-09-04T06:23:03+09:00",
  "@context":"https://schema.org"}
</script>
<!-- End Jekyll SEO tag -->

Tips

<title>を出力させない

title=falseを付与することで<title>の出力を抑制できます。

{% seo title=false %}

Canonical URLの変更

ページのFront Matterに指定することでCanonical URLを特定のURLに変更することができます。

canonical_url: 'https://jekyll.otti.xyz/'

Output:

<link rel="canonical" href="https://jekyll.otti.xyz/" />

Jekyll-feed - 投稿のAtomフィードを生成するJekyllプラグイン
Jekyll-sitemap - サイトマップを自動生成するJekyllプラグイン

ブログ記事

下記に掲載を希望される方はご連絡ください (詳細)