如果你已经安装了 jekyll-polyglot 包,把这些内容加入到你的网站的 head 标签中,可以让你的 Jekyll 轻松地获取更多的面向 Google 的 SEO 加成。
根据 WHATWG HTML 规范,你应该在根 HTML 元素上使用 lang 属性来声明页面语言。在你的布局中添加如下内容:
<html lang="{{ site.active_lang }}">这使浏览器、搜索引擎和辅助技术(屏幕阅读器、翻译工具)能够正确处理你的内容。
你可以轻松地为你的网站添加 hreflang="zh-CN" alternate 标签,以实现 Google 多语言搜索的 SEO。当浏览器使用了不匹配的语言时,可以通过 hreflang="x-default" 回退到站点的默认语言版本。
在为同一语言的相似页面标识内容时,请务必包含 canonical 标签。
{% if page.lang == site.default_lang %}
<link rel="canonical"
href="http://yoursite.com{{page.permalink}}" />
{% else %}
<link rel="canonical"
href="http://yoursite.com/{{page.lang}}{{page.permalink}}" />
{% endif %}
<link rel="alternate"
hreflang="{{site.default_lang}}"
href="http://yoursite.com{{page.permalink}}" />
<link rel="alternate"
hreflang="x-default"
href="http://yoursite.com{{page.permalink}}" />
{% for lang in site.languages %}
{% if lang == site.default_lang %}
{% continue %}
{% endif %}
<link rel="alternate"
hreflang="{{lang}}"
href="http://yoursite.com/{{lang}}{{page.permalink}}" />
{% endfor %}你可以通过把如下的标签直接添加到你的 head.html 文件中,以获取 canonical 链接、alternate hreflang 链接和 x-default 回退:
{% I18n_Headers %}注意:你仍然需要按照上述说明,在布局的根元素上单独添加 <html lang="zh-CN">。
若采用如上的 SEO 策略,每次对站点不同子语言内容的点击,都会计入到站点的净点击中。
keywords 和 description 指定 <meta> 标签。 搜索引擎将使用这些标签来更好地索引页面;对于多语言网站,您应该为网站支持的每种子语言提供不同的值: <meta name="description" content="{{ page.description | default: site.description[site.active_lang] }}">
<meta name="keywords" content="{{ page.keywords | default: site.keywords[site.active_lang] }}">