在使用Dedecms CMS进行网站建设时，获取文章页中的第一张图片是一项常见的需求。以下将详细介绍如何通过自定义函数实现这一功能，确保SEO优化的同时提供清晰的代码示例。

首先，在include/extend.func.php文件中添加一个自定义函数。此步骤是关键，因为它允许我们在列表页或文章页直接调用该函数来提取图片。

/*
* 获取字符串的第一个图片地址
*/
function getbodyfirstpic($str_img){
    preg_match_all("/<img.*>/isU", $str_img, $ereg); // 正则表达式匹配所有图片标签
    if (!empty($ereg[0][0])) {
        $img = $ereg[0][0]; // 获取第一个图片标签
        $p = "#src=('|")(.*)('|")#isU"; // 提取 src 属性的正则表达式
        preg_match_all($p, $img, $img1);
        if (!empty($img1[2][0])) {
            $img_path = $img1[2][0]; // 图片路径
            return $img; // 返回整个图片标签
        }
    }
    return ''; // 如果没有找到图片，则返回空字符串
}
    

完成上述函数后，您可以在文章页面通过以下代码调用该函数，从而提取并显示文章内容中的第一张图片。这种方法适用于jpg和png格式的图片。

{dede:field.body function="getbodyfirstpic(@me)" /}

为了确保网站内容对搜索引擎更加友好，请注意以下几点：

• 确保每篇文章都有至少一张图片，以便此功能正常运行。
• 为图片添加alt属性描述，这不仅有助于无障碍访问，还能提升SEO效果。
• 保持图片加载速度优化，避免因图片过大影响用户体验。

如果您需要调用文章中的第二张、第三张或其他顺序的图片，可以参考其他教程扩展此功能。例如，您可以调整正则表达式或循环逻辑来提取指定位置的图片。

通过以上方法，您可以轻松地从Dedecms文章中提取所需图片，并增强网站的内容展示效果。
希望这些技巧对您有所帮助！

请注意：在实际应用中，请根据您的具体需求和项目结构调整代码。
同时，确保备份原始文件，以防止意外修改导致问题。