Hugo文章SEO配置完整指南

1
2
3
4

---
title: "文章标题"
description: "这是一段精心编写的文章描述，长度控制在150-160字符内，准确概括文章内容，包含关键词。"
---

1

excerpt: "文章摘要内容，用于在文章列表中显示。"

1

keywords: ["关键词1", "关键词2", "关键词3"]

1
2
3
4
5
6
7
8

<!-- themes/hugo-theme-stack/layouts/partials/data/description.html -->
{{ if .Description }}
    <!-- 使用Front Matter中的description -->
    {{ $description = .Description }}
{{ else if .IsPage }}
    <!-- 使用文章摘要 -->
    {{ $description = .Summary }}
{{ end }}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

---
title: "Docker安装WordPress完整教程"
description: "详细介绍使用Docker快速安装WordPress的步骤，包括环境配置、容器部署、数据库设置等实用技巧。"
keywords: ["Docker", "WordPress", "安装教程", "容器部署"]
categories:
  - 教程
tags:
  - docker
  - wordpress
  - 部署
---

1
2
3
4
5
6
7
8

---
title: "Hugo主题开发指南"
# 没有description字段，Hugo会自动提取文章开头作为摘要
categories:
  - 开发
---

Hugo是一个强大的静态网站生成器，支持多种主题定制。本文将详细介绍如何开发自定义Hugo主题，包括模板结构、样式配置等内容。

1
2
3
4
5

# 构建站点
hugo --cleanDestinationDir

# 查看meta标签
grep -E "(meta.*description|og:description)" public/path/to/article/index.html

1
2
3
4
5
6
7

---
schema:
  type: "Article"
  author: "作者名称"
  datePublished: "2025-01-07"
  dateModified: "2025-01-07"
---

1
2
3
4
5
6

---
og:
  title: "自定义OG标题"
  description: "自定义OG描述"
  image: "featured-image.jpg"
---

1
2
3
4
5
6
7

---
twitter:
  card: "summary_large_image"
  title: "Twitter卡片标题"
  description: "Twitter卡片描述"
  image: "twitter-image.jpg"
---

1
2
3

description: "这篇文章很好，大家快来看看。"  # 太模糊
description: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"  # 太长
description: ""  # 空描述

1

description: "详细介绍Hugo静态网站生成器的安装配置方法，包括主题选择、内容管理、部署流程等实用技巧。"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

---
title: "Linux服务器安全配置指南"
description: "Linux服务器安全配置的完整教程，包括防火墙设置、SSH加固、用户权限管理等安全防护措施，保护服务器免受攻击。"
excerpt: "系统化介绍Linux服务器的安全配置方法和最佳实践。"
keywords: ["Linux", "服务器安全", "防火墙", "SSH配置", "安全防护"]
date: 2025-01-07
lastmod: 2025-01-07
categories:
  - 运维
  - 安全
tags:
  - linux
  - 安全
  - 服务器
  - 运维
author: "技术博主"
---