
本文介绍在不使用数据库的前提下,通过php变量传递机制,从页面内容中提取标题、描述等信息并动态注入html头部的元标签,实现seo友好的静态化站点开发。
本文介绍在不使用数据库的前提下,通过php变量传递机制,从页面内容中提取标题、描述等信息并动态注入html头部的元标签,实现seo友好的静态化站点开发。
在无数据库的轻量级PHP站点中(如企业简介页、产品单页或文档站),常需为每页设置独立的
核心思路:变量前置声明 + 头部动态渲染
PHP脚本按从上到下的顺序执行。因此,必须在引入 head.php 之前定义好页面专属变量。推荐采用「页面顶部声明 → 主体复用 → 头部渲染」三步法:
<?php // 页面顶部:声明页面级元数据变量(必须在 include head.php 前!) $page_title = '关于我们 - 专注Web开发十年'; $page_description = '我们提供高性能、可维护的PHP静态站点解决方案,无需数据库,开箱即用。'; $page_keywords = 'PHP, 静态站点, 无数据库, SEO优化'; ?> <?php include "inc/head.php" ?> <main> <article> <h1><?php echo htmlspecialchars($page_title); ?></h1> <div>这里是公司发展历程与核心团队介绍...</div> </article> </main> <?php include "inc/footer.php" ?>
对应地,inc/head.php 应设计为可读取这些变量的模板:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo htmlspecialchars($page_title ?? '默认站点名称'); ?></title> <meta name="description" content="<?php echo htmlspecialchars($page_description ?? ''); ?>"> <meta name="keywords" content="<?php echo htmlspecialchars($page_keywords ?? ''); ?>"> <!-- 其他全局CSS/JS --> <link rel="stylesheet" href="/css/style.css"> </head> <body>
⚠️ 关键注意事项
- 声明顺序不可颠倒:$page_title 等变量必须在 include “inc/head.php” 之前定义,否则将触发 undefined variable 警告;
- 输出安全必做:始终使用 htmlspecialchars() 对变量进行转义,防止xss攻击(尤其当内容含用户输入或特殊字符时);
- 提供默认值:在 head.php 中使用空合并运算符 ?? 设置兜底值(如 $page_title ?? ‘首页’),避免未定义变量导致空白
; - 结构一致性建议:可在每个页面顶部统一使用 require_once ‘inc/page-config.php’; 加载标准化配置,便于后期维护与扩展。
进阶提示:支持多语言与Open Graph
若需国际化,可基于 $_GET[‘lang’] 或子目录切换 $page_title_zh / $page_title_en;添加社交分享支持时,在 head.php 中追加:
立即学习“PHP免费学习笔记(深入)”;
<meta property="og:title" content="<?php echo htmlspecialchars($page_title); ?>"> <meta property="og:description" content="<?php echo htmlspecialchars($page_description); ?>"> <meta property="og:url" content="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']); ?>">
通过这种简洁可控的变量驱动模式,即使零数据库,也能构建出语义清晰、SEO就绪、易于维护的PHP静态站点。