守望的麦子

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」主题

关于作者
麦子,80 后,现从事通信行业。安卓玩家一个人的书房朗读者。
MRJENGLISH
jsntn
jasonwtien
jasonwtien
更多…… /about.html

最近更新: