前言
在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。
本篇讲讲 SEO 中的一些细节优化。
1. 设置全局的 title、description、keywords
// config.js
module.exports = {
title: "title",
description: 'description',
head: [
['meta', {
name: 'keywords', content: 'keywords'}]
]
}
关于标题如何写,参照老旧的 《百度搜索引擎优化指南2.0》:
我们建议网页标题可以这样描述:
首页:网站名称 或者 网站名称_提供服务介绍or产品介绍
频道页:频道名称_网站名称
文章页:文章title_频道名称_网站名称
也可以参考这篇《百度搜索网页标题规范》里的规范。
关于描述:
Meta description是对网页内容的精练概括。如果description描述与网页内容相符,百度会把description当做摘要的选择目标之一,一个好的description会帮助用户更方便的从搜索结果中判断你的网页内容是否和需求相符。Meta description不是权值计算的参考因素,这个标签存在与否不影响网页权值,只会用做搜索结果摘要的一个选择目标。
关于关键词,注意 keywords 使用英文逗号分隔,中文逗号则会被认为是长句。
我们直接看一个百度百科词条的设置:
2. 自定义页面 title、description、keywords
通过 Front Matter 自定义:
---
title: title
description: description
meta:
- name