WordPress内置了向您的图片添加元信息的功能。 这个元数据使得管理员更容易找到图像,对于用户和搜索引擎也同样有用。 元数据也可以帮助视障用户了解图片,以及您正在传达的信息。 在本文中,我们将向您展示如何使用图像元数据,如标题,标题,替代文字和描述,使您的图像更有用和优化。
为什么图像元数据很重要?
许多初学者经常只是上传图片到他们的帖子。 即使它达到目的,这些图像也不会针对搜索引擎,用户以及网站管理进行优化。
元数据是可以添加到图像的附加文本。 这段文字可以帮助搜索引擎了解您的图片是关于什么的,所以当有人搜索这些字词时,他们可以显示图片。
图像元数据(如替代文字,说明和标题)可以帮助他们了解有关图像的更多信息。 您可以使用这些字段为您的照片提供背景故事,并使其更适合您的用户。
图像元数据还可帮助视障用户使用屏幕阅读器并了解您的图像显示的内容。
简而言之,图片元数据使您的图片更加有趣,信息丰富,可搜索和有用。
如何添加图片元数据
使用媒体上传器上传图片时,WordPress会要求您输入附件详细信息。 这些附件细节构成了图像元数据中最重要的部分。
附件标题 – 附件详细信息中的标题字段允许您为图片提供标题。 这个标题由WordPress内部使用来对媒体库中的图像进行排序。
图像替代文字 – 替代文本或替代文本是HTML标准规范的必填字段。 当用户的浏览器无法找到图像时显示。 Google等搜索引擎在图片搜索结果中使用alt标签作为排名因子。
描述 – 此文字可显示在图片的附件页面上。 您可以在说明字段中输入尽可能多的信息。 像照片背后的故事,你如何拍摄照片,或者你想分享的任何东西都可以到这里。 您甚至可以在说明字段中添加链接。
标题 – 这是您想要与您的图像显示的文字。 根据您的主题,它将显示在图像边框内或图像外部。
其他图像元数据
除了您可以输入的附件细节之外,WordPress还会自动存储一些其他有关您的图片的有用信息。 这包括图像分辨率,图像文件大小,为图像生成的缩略图,从图像获取的exif数据等。
根据您的WordPress主题,这些信息中的一部分将出现在您的附件页面上。 例如,在附件页面上显示默认的二十三十二十和十四十四个主题的原始图像分辨率信息。
用户可以轻松地编辑WordPress主题,可以通过子主题修改附件模板,并在页面上显示其他元数据信息。
图像元数据如何存储在WordPress?
在我们向您展示如何在WordPress主题中显示图片元数据之前,让我们解释一下图片元数据如何存储在WordPress中。
图片和其他上传文件在WordPress中作为附件存储。 附件是默认的WordPress帖子类型之一。 它的处理方式与任何其他帖子类型相同。
图片标题存储为post_title,描述存储为post_content,标题作为post_excerpt存储在WordPress数据库的posts表中。
其余的元数据进入WordPress数据库的postsmeta表。 这包括文件大小,位置,大小和嵌入图像的任何exif数据。
在WordPress中显示图片附件元数据
您可以在WordPress中通过编辑您的主题文件来显示其他图片元数据。
WordPress首先查找附件mime类型模板 image.php
, video.php
, application.php
。 默认的WordPress主题像Twenty 13和Twenty 14使用 image.php
来处理图像附件的显示。
WordPress然后寻找 attachment.php
, 要么 单attachment.php
模板。 如果它没有找到任何这些模板,那么它使用 single.php中
模板来显示图像附件页面。
将要编辑的模板复制到您的子主题目录。 在这个例子中,我们使用Twenty 13主题和编辑 image.php
模板。 将此代码添加到您要在其中显示图像元数据的模板中。
POST_CONTENT; ?> “; echo“Credit:”。$ meta [image_meta] [credit]。“
“; echo“Camera:”。$ meta [image_meta] [camera]。“
“; 回声“焦距:”。$ meta [image_meta] [focal_length]。“
“; echo“Aperture:”。$ meta [image_meta] [aperture]。“
“; echo“ISO:”。$ meta [image_meta] [iso]。“
“; 回声“快门速度:”。$ meta [image_meta] [shutter_speed]。“
“; $ timestamped = $ meta [image_meta] [created_timestamp]; $ created_timestamp = date(“F j,Y,g:i a”,$ timestamped); 回声“时间戳:”。$ created_timestamp。“
“; 回声“版权:”。$ meta [image_meta] [copyright]; ?>
请注意,image_meta值是嵌入了数码相机,智能手机和平板电脑拍摄的照片的exif数据。 如果您正在上传您自己的相机拍摄的图像,那么您可能会在照片中嵌入这些信息。 查看我们的指南,了解如何在WordPress中添加exif照片标签。
如果您不希望别人在附件页面上发表评论,则可以在附件页面上禁用评论。
注意:您没有必要拥有图像附件页面。 您可以在附件详细信息中添加图片元数据,并将图片插入到您的帖子中。 您也可以在WordPress中完全禁用图片附件页面。
在WordPress中为图片元数据添加自定义字段
由于图像是作为附件类型存储的,这意味着它们也可以具有自定义字段。 使用自定义字段,您可以添加任何想要添加到图像的其他元数据。
假设您想要将摄影师姓名和摄影师URL信息添加到您的图像中。 将此代码复制并粘贴到主题的functions.php文件或特定于站点的插件。
/ ** *添加摄影师名称和网址字段到媒体上传 * / 函数be_attachment_field_credit($ form_fields,$ post){ $ form_fields ['be-photographer-name'] = array( 'label'=>'摄影师姓名', 'input'=>'text', 'value'=> get_post_meta($ post-> ID,'be_photographer_name',true), '帮助'=>'如果提供,照片信用将被显示', ); $ form_fields ['be-photographer-url'] = array( 'label'=>'摄影师网址', 'input'=>'text', 'value'=> get_post_meta($ post-> ID,'be_photographer_url',true), 'helps'=>'添加摄影师网址', ); 返回$ form_fields; } add_filter('attachment_fields_to_edit','be_attachment_field_credit',10,2); / ** *在媒体上传器中保存摄影师姓名和网址的值 * * / 函数be_attachment_field_credit_save($ post,$ attachment){ if(isset($ attachment ['be-photographer-name'])) update_post_meta($ post ['ID'],'be_photographer_name',$ attachment ['be-photographer-name']); if(isset($ attachment ['be-photographer-url'])) update_post_meta($ post ['ID'],'be_photographer_url',esc_url($ attachment ['be-photographer-url'])); 返回$ post; } add_filter('attachment_fields_to_save','be_attachment_field_credit_save',10,2);
现在尝试使用WordPress媒体上传器上传一个新的图像,你会发现两个新的字段输入摄影师的名字和URL。
要在主题文件中显示这些字段,请使用以下代码:
echo get_post_meta($ post-> ID,'be_photographer_url',true); echo get_post_meta($ post-> ID,'be_photographer_name',true);
有关更详细的说明,请查看本教程,了解如何将其他字段添加到WordPress媒体上传程序。
我们希望这篇文章帮助您了解图片元数据,标题,标题,替代文字和描述。 您也可以查看我们的指南,了解如何使用Envira在WordPress中创建响应式图像库。