URL短链重定向时社交媒体元数据异常问题求助

我用PHP和jQuery开发了一款URL短链工具，原本希望社交媒体（如Twitter、Facebook）发布短链时，能展示目标URL的twitter:name、twitter:image等元数据，但实际发布后显示的都是短链工具网站自身的元数据。比如把example.com/people.html缩短成mytool.com/people，浏览器访问短链能正常跳转到原URL，但Twitter/Facebook发布时，显示的是mytool.com的元数据（名称、描述、图片）。

当前用于检测短链并重定向的代码如下：

<?php 
    $shortEnd = $_GET['shortEnd'];
    if(isset($shortEnd)){
?>
        <script> 
            let destURL = // 这里通过数据库查询获取目标URL        
            
            // 立即重定向
            window.location.href = destURL; 
            
            // 尝试1秒后再次重定向，想让社交平台抓取目标URL元数据，但无效
            setTimeout(function(){ window.location.href = destURL; }, 1000); 
        </script>
<?php 
    } 
?>

问题核心是社交平台的爬虫不会执行JavaScript，只会抓取服务器返回的原始HTML内容，所以你用JS实现的重定向对爬虫完全无效，它只会读取短链页面自身的元数据。要解决这个问题，必须从服务器端处理：

方法一：改用PHP服务器端重定向 #

直接通过HTTP状态码（推荐302临时重定向，若短链永久不变可使用301永久重定向）让浏览器和爬虫直接跳转到目标URL，主流社交平台的爬虫会自动跟随重定向，抓取原URL的元数据。修改后的代码如下：

<?php 
$shortEnd = $_GET['shortEnd'];
if(isset($shortEnd)){
    // 替换为你的数据库查询逻辑，获取对应短链的目标URL
    $destURL = getDestinationFromDB($shortEnd); 
    
    // 校验URL有效性，避免无效跳转
    if(!empty($destURL) && filter_var($destURL, FILTER_VALIDATE_URL)){
        // 发送302临时重定向响应头
        header("Location: " . $destURL, true, 302);
        exit; // 终止后续代码执行
    }
}
// 未找到对应短链时返回404
header("HTTP/1.0 404 Not Found");
echo "短链不存在";
?>

方法二：针对社交爬虫动态返回原URL元数据（可选优化） #

部分社交平台的爬虫可能不会自动跟随重定向，或者你希望短链页面直接展示原URL的元数据，可以通过检测爬虫的User-Agent，动态生成对应的<meta>标签。这种方法需要提前存储原URL的元数据（标题、图片、描述等），或实时抓取原页面解析：

<?php 
$shortEnd = $_GET['shortEnd'];
if(isset($shortEnd)){
    $destURL = getDestinationFromDB($shortEnd);
    if(!empty($destURL) && filter_var($destURL, FILTER_VALIDATE_URL)){
        // 检测请求是否来自社交平台爬虫
        $userAgent = $_SERVER['HTTP_USER_AGENT'];
        $socialCrawlers = ['Twitterbot', 'facebookexternalhit', 'LinkedInBot', 'Slackbot'];
        $isSocialCrawler = false;
        foreach($socialCrawlers as $crawler){
            if(strpos($userAgent, $crawler) !== false){
                $isSocialCrawler = true;
                break;
            }
        }
        
        if($isSocialCrawler){
            // 替换为从数据库或原页面获取的元数据
            $twitterTitle = "原页面的Twitter标题";
            $twitterImage = "原页面的图片URL";
            $ogDescription = "原页面的描述内容";
            ?>
            <!DOCTYPE html>
            <html>
            <head>
                <!-- Twitter 元数据 -->
                <meta name="twitter:card" content="summary_large_image">
                <meta name="twitter:title" content="<?php echo htmlspecialchars($twitterTitle); ?>">
                <meta name="twitter:image" content="<?php echo htmlspecialchars($twitterImage); ?>">
                <!-- Open Graph 元数据（兼容Facebook等平台） -->
                <meta property="og:title" content="<?php echo htmlspecialchars($twitterTitle); ?>">
                <meta property="og:image" content="<?php echo htmlspecialchars($twitterImage); ?>">
                <meta property="og:description" content="<?php echo htmlspecialchars($ogDescription); ?>">
                <meta property="og:url" content="<?php echo htmlspecialchars($destURL); ?>">
            </head>
            <body>
                <p>正在跳转到 <a href="<?php echo htmlspecialchars($destURL); ?>"><?php echo htmlspecialchars($destURL); ?></a></p>
                <script>window.location.href = "<?php echo htmlspecialchars($destURL); ?>";</script>
            </body>
            </html>
            <?php
            exit;
        } else {
            // 普通用户访问时直接重定向
            header("Location: " . $destURL, true, 302);
            exit;
        }
    }
}
header("HTTP/1.0 404 Not Found");
echo "短链不存在";
?>

关键注意事项 #

• 必须在输出任何HTML内容（包括空格、换行符）之前调用header()，否则会触发PHP错误。
• 存储短链时，建议同时保存原URL的元数据，避免实时抓取原页面带来的性能损耗。
• 可以使用各平台的调试工具验证效果，比如Twitter卡片验证器、Facebook分享调试工具。

内容的提问来源于stack exchange，提问作者Frank Eno