超低成本展示型独立站内容规划

上一篇已经完成基础模板搭建，接下来进入最关键的一步：内容规划。

本篇会教你：

展示型站的核心页面结构
SEO + GEO 体系（这是建站时必须提前规划的点）
内容类型和写作要点
推荐的页面结构（About、Projects、Contact 等）

为什么内容规划要提前做？（SEO + GEO 体系）

展示型独立站和博客站有本质区别：

博客站：内容多、更新快 → 适合 SEO 流量
展示型独立站：内容少、静态为主 → 适合 品牌展示 + 精准引流

如果你想让你的展示站：

被 Google、百度、Bing 搜索到
获得品牌曝光
转化成线索（Contact 表单）

就必须提前规划 SEO + GEO 体系。

什么是 GEO？

GEO（Global Enterprise Optimization）是展示型站的 SEO 变体，核心目标是：

把内容做成“可搜索、可转化、可追踪”的企业级展示

主要特点：

内容以品牌故事 + 项目案例 + 能力展示为主
页面结构固定、更新频率低
重点是品牌权威性 + 转化率

展示型独立站的核心页面结构

一个优秀的展示型站，通常由以下页面组成：

页面	重要性	SEO 目标	GEO 目标
主页	⭐⭐⭐⭐⭐	品牌首页 + 关键词收录	品牌第一印象
About	⭐⭐⭐⭐	品牌介绍 + 团队/背景	建立信任
Projects / Case Studies	⭐⭐⭐⭐⭐	项目案例 + 关键词	展示能力 + 转化
Services	⭐⭐⭐	服务介绍	转化线索
Contact	⭐⭐⭐⭐	联系方式 + 表单	收集线索

SEO + GEO 体系（建站时必须提前规划）

1. 关键词策略（SEO 基础）

主关键词（1-2 个）：

品牌名 + “个人品牌” / “展示站” / “作品集”

长尾关键词（展示型站重点）：

“个人品牌展示网站”
“免费作品集”
“Astro 展示站”
“独立站建设”

页面关键词（每个页面对应）：

About 页：个人品牌介绍、关于我
Projects 页：项目案例、作品展示、个人作品集

2. 内容类型推荐（GEO 核心）

3. 页面结构推荐（GEO 黄金模板）

主页（index.astro）

---
import Layout from '../layouts/BaseLayout.astro';
import Hero from '../components/Hero.astro';
import FeaturedProjects from '../components/FeaturedProjects.astro';
import CTA from '../components/CTA.astro';
---

<Layout title="你的品牌名 | 展示型独立站" description="...">
  <Hero />
  <FeaturedProjects />
  <CTA />
</Layout>

Projects 页（projects.astro）

---
import Layout from '../layouts/BaseLayout.astro';
import ProjectCard from '../components/ProjectCard.astro';
import Pagination from '../components/Pagination.astro';
---

<Layout title="作品展示 | 你的品牌名">
  <section>
    <h1 class="text-4xl font-bold mb-4">作品展示</h1>
    <p class="text-gray-600 mb-8">我完成的展示型独立站项目</p>
    
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      <ProjectCard project={project} />
    </div>
  </section>
</Layout>

About 页（about.astro）

---
import Layout from '../layouts/BaseLayout.astro';
import TeamCard from '../components/TeamCard.astro';
---

<Layout title="关于我 | 你的品牌名">
  <section class="max-w-4xl mx-auto">
    <h1 class="text-4xl font-bold mb-6">关于我</h1>
    
    <div class="prose prose-lg">
      <p>一段品牌故事...</p>
    </div>
    
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12">
      <TeamCard name="姓名" title="职位" />
    </div>
  </section>
</Layout>

建站时必须提前规划的 SEO + GEO 体系

1. 页面标题和描述（Title & Meta）

最佳实践：

标题：品牌名 | 展示型独立站 | 作品集
描述：免费打造你的展示型独立站。包含项目案例、品牌故事、联系方式。
每个页面都要有唯一的 meta description

2. 结构化数据（Schema Markup）

推荐在页面中加入：

{
  "type": "Person",
  "name": "你的名字",
  "jobTitle": "独立开发者 / 品牌设计师"
}

3. 图片优化（Astro 内置）

---
import { Image } from 'astro:assets';
---

<Image
  src="/images/cover.jpg"
  alt="品牌封面图"
  width={1200}
  height={630}
  format="webp"
/>

4. 社交媒体卡片（OG + Twitter）

<head>
  <meta property="og:title" content="..." />
  <meta property="og:description" content="..." />
  <meta property="og:image" content="/og-image.jpg" />
  <meta property="og:type" content="website" />
</head>