从零开始：用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等）。定期检查百度搜索资源平台中的抓取错误报告，并根据反馈优化页面标题和描述。
OpenAI表示，在这起事件中，其模型在接受另一项网络安全评估时，利用测试环境中的一项“配置错误”接入互联网，并利用了网站漏洞。小提示：不要为了追求SEO效果而堆砌关键词。百度算法不断更新，始终围绕用户需求创作有价值的教程内容，才是长久之计。
评论区
热门讨论 · 占位展示期待你的精彩发言。