首页 分享 Google 图片搜索引擎优化 (SEO):图片元数据

Google 图片搜索引擎优化 (SEO):图片元数据

来源:花匠小妙招 时间:2024-12-03 15:25
文档 支持 博客 新变化 活动 案例研究 简介

SEO 基础知识

SEO 新手指南Google 搜索的工作方式创建实用、可靠、以用户为中心的内容您需要 SEO 吗?维持网站的 SEO 效果开发者搜索指南使您的网站显示在 Google 搜索结果中

抓取和编入索引

概览Google 可编入索引的文件类型网址结构链接

抓取工具管理

请求 Google 重新抓取您的网址面向大型网站所有者的抓取预算管理指南HTTP 状态代码以及网络连接错误和 DNS 错误对 Google 搜索有何影响

规范化

什么是网址规范化如何使用 rel="canonical" 及其他方法指定规范网址解决规范化问题移动网站和优先将移动版网站编入索引

AMP

与 Google 搜索中的 AMP 网页相关的准则了解 AMP 在搜索结果中的运作原理优化 AMP 内容验证 AMP 内容移除 AMP 内容

网页和内容元数据

页面元数据

元标记

Google 支持的元标记和 HTML 属性漫游器元标记、data-nosnippet 和 X-Robots-TagnoindexSafeSearchrel 属性

移除

控制与 Google 分享的内容网页移除图片移除隐去的信息

排名和搜索结果呈现

概览AI 概览署名日期网站图标精选摘要灵活抽样Google 探索图像

网页体验

了解网页体验Core Web Vitals插页式广告和对话框开始在 Google 搜索中使用 Signed Exchange网站名称站点链接代码段

结构化数据

了解结构化数据的工作方式结构化数据常规指南丰富搜索结果使用 JavaScript 生成结构化数据

功能指南

所有结构化数据功能文章图书操作面包屑导航轮播界面课程信息课程列表数据集论坛知识问答雇主总体评分估算工资活动事实核查常见问题解答图片元数据招聘信息学习视频本地商家数学求解器影片轮播界面整理练习题个人资料页面问答食谱评价摘要站点链接搜索框软件应用可朗读特别通知订阅和付费内容民宿车辆详情视频标题链接视频视觉元素库

针对特定网站的指南

电子商务

概览内容可以显示在哪些位置分享商品数据添加结构化数据发布新的网站撰写优质评价设计网址结构电子商务网站的结构分页、增量网页加载和 Google 搜索
本页内容 功能可用性 准备网页和图片 添加结构化数据或 IPTC 照片元数据 结构化数据 IPTC 照片元数据问题排查是否可以移除图片元数据?

指定图片元数据后,Google 图片可以显示有关图片的更多详细信息,例如创作者是谁、用户可以如何使用图片以及版权归属信息。例如,提供许可信息可让图片符合“可获授权”标志的条件,这样可以提供许可链接并更详细地说明用户可以如何使用该图片。

Google 图片中的图片元数据

功能可用性

此功能适用于移动设备和桌面设备以及所有可以使用 Google 搜索的区域和 Google 搜索支持的所有语言。

准备网页和图片

为了确保 Google 能够发现您的图片并将其编入索引:

确保用户无需账号或登录即可访问和查看您的图片所在的网页。 确保 Googlebot 能够访问您的图片所在的网页(即 robots.txt 文件或 robots meta 标记不会禁止 Googlebot 访问这些网页)。您可以在“网页索引编制”报告中查看您的网站上被阻止的所有网页,也可以使用网址检查工具测试特定网页。 遵循 Search Essentials 要求,确保 Google 能够发现您的内容。 遵循图片搜索引擎优化 (SEO) 最佳实践。 为了让 Google 随时了解发生的更改,我们建议您提交站点地图。Search Console Sitemap API 可以帮助您自动执行此操作。

若要让 Google 了解您的图片元数据,请向您网站上的每张图片添加结构化数据或 IPTC 照片元数据。如果您在多个网页上有相同的图片,请为每个网页上的每张该图片添加结构化数据或 IPTC 照片元数据。

您可以通过两种方式向图片添加照片元数据。您只需向 Google 提供一种形式的信息,即可使图片满足“可获授权”标志等增强功能的条件,并且采用以下任一方法都可以:

结构化数据:结构化数据是指图片与显示该图片(带有相应标记)的网页之间的关联。您需要为某个图片所在的每个网页添加结构化数据,即使使用的是同一张图片。 IPTC 照片元数据:IPTC 照片元数据已嵌入到图片内,图片置入不同网页时,该元数据依然保持不变。您只需为每张图片嵌入一次 IPTC 照片元数据。

以下图表显示了许可信息在 Google 图片中的显示方式:

标注内容显示了许可元数据的哪些部分可能会显示在 Google 图片中

此网址指向的网页描述了管理图片使用情况的许可。请使用 Schema.org license 属性或 IPTC Web Statement of Rights 字段指定此信息。 此网址指向的网页说明了用户可在何处找到如何就该图片获取许可的信息。请使用 Schema.org acquireLicensePage 属性或(某位 Licensor 的)IPTC Licensor URL 字段指定此信息。

结构化数据

若要让 Google 了解您的图片元数据,一种方法是添加结构化数据字段。结构化数据是一种提供网页相关信息并对网页内容进行分类的标准化格式。如果您不熟悉结构化数据,可以详细了解结构化数据的运作方式。

下面概述了如何构建、测试和发布结构化数据。

添加必要属性。根据您使用的格式,了解在网页上的什么位置插入结构化数据。 遵循结构化数据常规指南。 使用富媒体搜索结果测试验证您的代码。 部署一些包含您的结构化数据的网页,然后使用网址检查工具测试 Google 看到的网页样貌。请确保您的网页可供 Google 访问,不会因 robots.txt 文件、noindex 标记或登录要求而被屏蔽。如果网页看起来没有问题,您可以请求 Google 重新抓取您的网址。 为了让 Google 随时了解日后发生的更改,我们建议您提交站点地图。 Search Console Sitemap API 可以帮助您自动执行此操作。 示例 单张图片

下面是一个包含单张图片的网页示例。


<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }
    </script>
  </head>
  <body>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
  <div vocab="https://schema.org/" typeof="ImageObject">
    <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br>
    <span property="license"> https://example.com/license</span><br>
    <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    <span rel="schema:creator">
      <span typeof="schema:Person">
        <span property="schema:name" content="Brixton Brownstone"></span>
      </span>
    </span>
    <span property="copyrightNotice">Clara Kent</span><br>
    <span property="creditText">Labrador PhotoLab</span><br>
  </div>
  </body>
</html>

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" />
      <span itemprop="license"> https://example.com/license</span><br>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html> srcset 标记中有单张图片

下面是一个在 srcset 标记中包含单张图片的网页示例。


<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/320/black-labrador-puppy-800w.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }
    </script>
  </head>
  <body>
    <img srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy"><br>
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <img property="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy">
      <span property="license">https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
   </div>
  </body>
</html>

<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <img itemprop="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy">
      <span itemprop="license">https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
   </div>
  </body>
</html> 网页上有多张图片

下面是一个包含多张图片的网页示例。


<html>
  <head>
    <title>Photos of black labradors</title>
    <script type="application/ld+json">
    [{
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    },
   {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/adult-black-labrador.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }]
    </script>
  </head>
  <body>
    <h2>Black labrador puppy</h2>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
    <h2>Adult black labrador</h2>
    <img alt="Adult black labrador" src="https://example.com/photos/1x1/adult-black-labrador.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <h2 property="name">Black labrador puppy</h2>
      <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br>
      <span property="license"> https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
    </div>
    <br>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <h2 property="name">Adult black labrador</h2>
      <img alt="Adult black labrador" property="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" />
      <span property="license"> https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html>

<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <h2 itemprop="name">Black labrador puppy</h2>
      <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" />
      <span itemprop="license"> https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span><br>
      <span itemprop="creditText">Labrador PhotoLab</span><br>
    </div>
    <br>
      <h2 itemprop="name">Adult black labrador</h2>
      <div itemscope itemtype="https://schema.org/ImageObject">
      <img alt="Adult black labrador" itemprop="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" />
      <span itemprop="license"> https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html> 结构化数据类型定义

如需了解 ImageObject 的完整定义,请访问 schema.org/ImageObject。 Google 支持的属性如下:

必要属性 contentUrl

URL

指向实际图片内容的网址。Google 使用 contentUrl 来确定照片元数据适用的图片。

creator、creditText、copyrightNotice 或 license

除了 contentUrl 之外,您还必须添加以下属性之一:

creator creditText copyrightNotice license 建议属性 acquireLicensePage

URL

此网址指向的网页说明了用户可在何处找到如何就该图片获取许可的信息。下面是一些示例:

该图片的结账网页,用户可在其中选择特定的分辨率或使用权限 介绍如何与您联系的常规网页 creator

Organization 或 Person

图片的创作者。通常是摄影师,但也可能是公司或组织(如果适用)。

creator.name

Text

创作者的名称。

creditText

Text

图片发布后标注的出处人员和/或组织的名称。

copyrightNotice

Text

用于声明此照片的知识产权的版权通知。用于标识照片的当前版权所有者。

license

URL

此网址指向的网页描述了管理图片使用情况的许可。例如,可能是您网站上的条款及条件。在适用情况下,还可能是知识共享许可(例如,BY-NC 4.0)。

如果您使用结构化数据指定图片,您必须为图片添加 license 属性,才能使其在显示时带有“可获授权”标志。如果您掌握了相关信息,我们还建议您添加 acquireLicensePage 属性。

IPTC 照片元数据

或者,您可以直接在图片中嵌入 IPTC 照片元数据。我们建议您使用元数据管理软件管理图片元数据。下表包含 Google 提取的属性:

问题排查

如果您在 Google 图片中实施图片元数据时遇到问题,请参阅以下资源。

有关此功能的问题,请参阅 Google 图片中的图片许可常见问题解答。 您的结构化数据可能存在错误。请参阅结构化数据错误列表。 如果您的网页受到结构化数据人工处置措施的影响,其中的结构化数据将会被忽略(但该网页仍可能会出现在 Google 搜索结果中)。如需修正结构化数据问题,请使用“人工处置措施”报告。 再次查看指南,确认您的内容是否未遵循指南。 针对富媒体搜索结果缺失/富媒体搜索结果总数下降进行问题排查。 有关抓取和索引编制的常见问题,请参阅 Google 搜索抓取和索引编制常见问题解答。 在 Google 搜索中心“咨询交流时间”活动中提问。 在 Google 搜索中心论坛中发帖提问。 如需有关 IPTC 照片元数据方面的帮助,您可以在相应的论坛中发布帖子。

移除图片元数据可减小图片文件大小,从而加快网页加载速度。不过请保持谨慎,因为在某些管辖区,移除元数据可能是非法的。图片元数据可在线提供图片版权和许可信息。Google 建议您至少保留与图片权限信息和标识相关的关键元数据。例如,尽可能尝试保留 IPTC 字段创作者、图片出处和版权声明,以注明正确的图片来源。

如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。

最后更新时间 (UTC):2024-11-23。

相关知识

2023年9项有趣的Google专利及其对SEO的意义
WordPress外贸网站Google搜索优化排名【防忽悠必读】
鲜花的seo策略 鲜花SEO策略:绽放网站流量的秘诀
SEO艺术阅读笔记
外贸网站推广谷歌SEO排名,水到底有多深?
SEO蜘蛛池如何养护——酷像SEO
如何诊断网站SEO优化过度?避免网站优化的方法
打造简易花店网站的全程教程
企业SEO网站优化的步骤分析
2019亚马逊SEO全指南,搞定listing排名和提升销量

网址: Google 图片搜索引擎优化 (SEO):图片元数据 https://www.huajiangbk.com/newsview846409.html

所属分类:花卉
上一篇: js+css3+HTML5拖动滑
下一篇: 什么是自然流量?Organic

推荐分享