守望的麦子

Jekyll 免插件 SEO

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

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

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

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

 1 <meta property="og:site_name" content="{{ site.title }}" />
 2 
 3 {% if page.title %}
 4 <meta property="og:title" content="{{ page.title }}" />
 5 <meta property="og:type" content="article" />
 6 <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}" />
 7 <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}" />
 8 {% else %}
 9 <meta property="og:title" content="{{ site.title }}" />
10 <meta property="og:type" content="website" />
11 <meta property="og:description" content="{{ site.description }}" />
12 <meta name="description" content="{{ site.description }}">
13 {% endif %}
14 
15 <meta property="article:author" content="{{ site.author }}" />
16 <meta property="article:author" content="{{ site.author_url }}" />
17 
18 <script type="application/ld+json">
19 {
20       "@context" : "https://schema.org",
21       "@type" : "WebSite",
22       "name" : {{ site.title | jsonify }},
23       "url" : {{ site.url | jsonify }}
24     }
25 </script>
26 
27 {% if page.date %}
28 <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
29 <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
30 <link rel="canonical" href="{{ site.url }}{{ page.url }}" />
31 <script type="application/ld+json">
32 {
33       "@context" : "https://schema.org",
34       "@type" : "NewsArticle",
35       "headline" : {{ page.title | jsonify }},
36       "image" : {{ page.image | jsonify }},
37       "datePublished" : {{ page.date | date_to_xmlschema | jsonify }},
38       "description" : {% if page.description %}{{ page.description }}{% else %}{{ page.content | strip_html | strip_newlines | truncate: 220 }}{% endif %}      
39     }
40 </script>
41 {% if page.next.url %}<link rel="next" href="{{ page.next.url }}" title="{{ page.next.title }}" />{% endif %}
42 {% if page.previous.url %}<link rel="prev" href="{{ page.previous.url }}" title="{{ page.previous.title }}" />{% endif %}
43 {% endif %}

_config.yml 中添加如下内容:

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

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

1 {% include seo.html %}

完成。

应用实例:「x49」主题

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

最近更新: