正确设置新闻详情页面的Meta OG Image-php教程-PHP中文网

正确设置新闻详情页面的Meta OG Image

聖光之護

发布： 2025-07-18 16:48:01

原创

504人浏览过

正确设置新闻详情页面的meta og image

本文旨在帮助开发者解决在新闻详情页面动态设置 Meta OG Image 时遇到的问题。通过分析常见的错误代码和提供正确的实现方式，确保社交媒体分享时能正确显示新闻标题、图片和描述，从而提升网站的社交传播效果。

在开发新闻网站时，一个常见需求是在新闻详情页面动态设置 Meta OG (Open Graph) 标签，以便在社交媒体分享时，能够正确显示新闻的标题、图片和描述。错误的实现方式会导致页面显示空白或显示不正确的信息。下面将详细介绍如何正确地实现这一功能。

理解问题

问题的核心在于如何根据新闻ID，从数据库中获取对应新闻的标题、图片和描述，并将其正确地插入到页面的 Meta OG 标签中。常见的错误包括：

使用 while 循环处理单条新闻数据。
变量使用错误。
数据库连接问题。

正确的实现方式

以下是一个更健壮和安全的实现方式，它避免了上述问题：

建立数据库连接: 确保使用安全的方式连接数据库，例如使用 PDO 或 mysqli 扩展，并使用预处理语句来防止 SQL 注入攻击。
获取新闻ID: 从 URL 参数中获取新闻ID，并进行验证和过滤，以防止恶意输入。

牛面
牛面AI面试，大厂级面试特训平台

147

查看详情
查询数据库: 使用预处理语句查询数据库，获取新闻的标题、图片和描述。
设置 Meta OG 标签: 将获取到的数据插入到 Meta OG 标签中。

<?php

// 1. 数据库连接信息 (请替换为你的实际信息)
$host = 'localhost';
$db   = 'your_database';
$user = 'your_username';
$pass = 'your_password';
$charset = 'utf8mb4';

$dsn = "mysql:host=$host;dbname=$db;charset=$charset";
$options = [
    PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
    PDO::ATTR_EMULATE_PREPARES   => false,
];
try {
     $pdo = new PDO($dsn, $user, $pass, $options);
} catch (\PDOException $e) {
     throw new \PDOException($e->getMessage(), (int)$e->getCode());
}

// 2. 获取并验证新闻ID
$catid = isset($_GET['cid']) ? intval($_GET['cid']) : 0; // 默认值为0，可以根据需要修改

if ($catid > 0) {
    // 3. 查询数据库
    $stmt = $pdo->prepare("SELECT titulonews, completonews, postimage FROM noticiaspt WHERE id_news = ? AND Is_Active = 1");
    $stmt->execute([$catid]);
    $news = $stmt->fetch();

    if ($news) {
        // 4. 设置 Meta OG 标签
        $titulonews = htmlspecialchars($news['titulonews'], ENT_QUOTES, 'UTF-8');
        $completonews = htmlspecialchars($news['completonews'], ENT_QUOTES, 'UTF-8');
        $postimage = htmlspecialchars($news['postimage'], ENT_QUOTES, 'UTF-8');

        echo '<meta property="og:title" content="' . $titulonews . '" />';
        echo '<meta property="og:image" content="http://linktomysite.pt/admbo/postimages/' . $postimage . '" />';
        echo '<meta property="og:description" content="' . $completonews . '" />';
    } else {
        // 如果没有找到新闻，可以设置默认的 Meta OG 标签
        echo '<meta property="og:title" content="默认标题" />';
        echo '<meta property="og:image" content="http://linktomysite.pt/admbo/postimages/default.jpg" />';
        echo '<meta property="og:description" content="默认描述" />';
    }
} else {
    // 如果没有提供新闻ID，可以设置默认的 Meta OG 标签
    echo '<meta property="og:title" content="默认标题" />';
    echo '<meta property="og:image" content="http://linktomysite.pt/admbo/postimages/default.jpg" />';
    echo '<meta property="og:description" content="默认描述" />';
}

?>

登录后复制

代码解释: