Jekyll 免插件 SEO

 2017-10-12    横滨    晴 /others/2017/10/12/jekyll-seo.html others jekyll

Jekyll 的 Jekyll SEO Tag 插件可以帮助我们添加并优化我们的网页 meta 信息，包括：

对于不喜欢额外安装 Jekyll 插件的朋友可以参考下面的方法：

在 _includes 里面新建文件，写入下面的内容然后保存。例如保存为 seo.html：

{% raw %}
<meta property="og:site_name" content="{{ site.title }}" />

{% if page.title %}
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:type" content="article" />
<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}" />
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}" />
{% else %}
<meta property="og:title" content="{{ site.title }}" />
<meta property="og:type" content="website" />
<meta property="og:description" content="{{ site.description }}" />
<meta name="description" content="{{ site.description }}">
{% endif %}

<meta property="article:author" content="{{ site.author }}" />
<meta property="article:author" content="{{ site.author_url }}" />

<script type="application/ld+json">
{
      "@context" : "https://schema.org",
      "@type" : "WebSite",
      "name" : {{ site.title | jsonify }},
      "url" : {{ site.url | jsonify }}
    }
</script>

{% if page.date %}
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<script type="application/ld+json">
{
      "@context" : "https://schema.org",
      "@type" : "NewsArticle",
      "headline" : {{ page.title | jsonify }},
      "image" : {{ page.image | jsonify }},
      "datePublished" : {{ page.date | date_to_xmlschema | jsonify }},
      "description" : {% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}      
    }
</script>
{% if page.next.url %}<link rel="next" href="{{ page.next.url }}" title="{{ page.next.title }}" />{% endif %}
{% if page.previous.url %}<link rel="prev" href="{{ page.previous.url }}" title="{{ page.previous.title }}" />{% endif %}
{% endif %}
{% endraw %}

在 _config.yml 中添加如下内容：

title: <网站名字>
description: <网站描述>
author: <网站作者名字>
author_url: <作者介绍链接，例如 example.com/about.html>

最后在网页的 <head>...</head> 中引用 seo.html 文件：

{% include seo.html %}

完成。

应用实例：「x49」主题。

关于作者
Jason，80 后，现从事通信行业。安卓玩家，一个人的书房朗读者麦子。
 英语入门到放弃
 jsntn
 jasonwtien
 jasonwtien
更多…… /about.html

最近更新：

© jsntn.com