从零开始：用11ty搭建SEO友好的百度优化教程网站
对于刚接触搜索引擎优化（SEO）的新手来说，想搭建一个专门分享百度优化教程的网站，既需要内容管理方便，又要对搜索引擎足够友好。11ty（Eleventy）作为一个轻量级的静态网站生成器，凭借其极快的构建速度、灵活的模板系统和对SEO的天然支持，成为不少站长入门的选择。下面是一份完整的操作指南。
为什么选择11ty作为SEO教程网站的基础
静态网站天生比动态网站更容易被搜索引擎抓取，而11ty在此基础上提供了几个关键优势：
- 零运行时依赖：生成的是纯HTML文件，加载速度极快，这是百度排名的重要影响因素。
- 灵活的元数据管理：可以为每篇文章单独设置标题、描述、关键词，甚至自定义robots指令。
- 可扩展性：无需复杂的后端配置，即可实现分类、标签、分页等常见博客功能。
环境准备与项目初始化
开始前，请确保计算机上已安装Node.js（推荐v16或更高版本）和npm。打开终端，执行以下命令：
- 创建一个新文件夹并进入：
mkdir seo-tutorial-site && cd seo-tutorial-site - 初始化项目：
npm init -y - 安装11ty：
npm install @11ty/eleventy
安装完成后，在根目录下新建一个名为src的文件夹，用于存放所有源文件。然后在package.json的scripts字段中添加："build": "eleventy --input=src"，方便后续构建。
目录结构与基础配置
推荐采用以下目录组织方式：
seo-tutorial-site/
├── src/
│ ├── _includes/ # 布局文件和组件
│ ├── posts/ # 文章内容（Markdown格式）
│ └── index.md # 首页
├── .eleventy.js # 11ty配置文件
└── package.json
然后在项目根目录新建.eleventy.js，写入基础配置：
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/assets"); // 如需复制静态资源
return {
dir: {
input: "src",
output: "_site"
}
};
};
这个配置告诉11ty从src文件夹读取内容，输出到_site文件夹。
创建SEO友好的布局模板
在src/_includes中新建base.njk（使用Nunjucks模板引擎），这是所有页面的基础骨架。关键是在<head>中正确设置元标记：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }} - 百度SEO教程网</title>
<meta name="description" content="{{ description }}">
<meta name="keywords" content="{{ keywords }}">
<link rel="canonical" href="https://你的域名{{ page.url }}">
</head>
<body>
{{ content | safe }}
</body>
</html>
每篇文章在Markdown文件的开头通过Front Matter指定这些字段，例如：
---
title: 新手必看：百度关键词研究基础
description: 学会使用百度指数等工具挖掘有效关键词，为网站SEO打下基础。
keywords: 百度关键词, 关键词研究, SEO教程
---
合理设计URL结构与内部链接
百度对清晰的URL结构有偏好。建议将文章放在/posts/目录下，并启用Permalink配置。在.eleventy.js中添加：
eleventyConfig.addCollection("posts", function(collection) {
return collection.getFilteredByGlob("src/posts/*.md");
});
然后在每篇文章的Front Matter中设置permalink: "/seo-tutorial/{{ title | slug }}/"，即可生成类似/seo-tutorial/baidu-keyword-research/的干净URL。内部链接要使用描述性锚文本，例如“查看百度收录规则详解”，而不是“点击这里”。
生成站点地图与robots.txt
安装eleventy-plugin-sitemap（通过npm安装），然后在.eleventy.js中启用：
const sitemap = require("eleventy-plugin-sitemap");
module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(sitemap, {
sitemap: {
hostname: "https://你的域名"
}
});
};
在src下新建robots.njk，内容如下：
User-agent: *
Allow: /
Sitemap: https://你的域名/sitemap.xml
构建后，_site目录中会生成sitemap.xml和robots.txt，直接上传至服务器即可帮助百度爬虫更高效地发现所有页面。
日常维护与内容更新建议
网站搭建完成后，持续更新高质量的原创新手教程才是获得稳定排名的核心。每次新增或修改文章后，只需运行npm run build，11ty就会自动生成全新的静态文件。建议将输出目录_site部署到支持静态托管的平台（如Vercel、Netlify等）。定期检查百度搜索资源平台中的抓取错误报告，并根据反馈优化页面标题和描述。
卢拉政府在一份关于美国撤销签证的声明中表示，“这一决定并非孤立事件，而是蓄意升级针对巴西的敌对措施的一部分，其背后的意识形态原因与始终建立在相互尊重基础上的双边伙伴关系相悖。”小提示：不要为了追求SEO效果而堆砌关键词。百度算法不断更新，始终围绕用户需求创作有价值的教程内容，才是长久之计。
评论区
热门讨论 · 占位展示期待你的精彩发言。