You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

物流网站JSON-LD组织信息与多图视频结构化配置问询

如何为物流公司网站的图片、视频添加JSON-LD并关联组织信息?

嘿,我来帮你搞定这个JSON-LD的实现!你已经有了组织信息和网站搜索的基础代码,现在要把页面里的图片、视频整合进去并关联到你的物流公司组织,其实核心是利用Schema.org的associatedMedia属性把媒体内容和你的组织/网站绑定,同时给每个媒体文件定义对应的类型(VideoObjectImageObject)。

下面是完整的实现方案,我把所有内容整合到一个JSON-LD脚本里(当然分开多个脚本也可以,但整合起来更整洁易维护):

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@graph": [
    {
      "@type": "Organization",
      "url": "https://www.example.com/",
      "description": "你的物流公司核心业务描述",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "CN",
        "addressLocality": "你的城市名称",
        "addressRegion": "你的省份名称",
        "postalCode": "邮政编码",
        "streetAddress": "详细办公地址"
      },
      "sameAs": [
        "https://www.facebook.com/xyz/",
        "https://plus.google.com/u/0/000000000",
        "https://twitter.com/xyz"
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "ratingCount": "5"
      },
      "email": "你的官方联系邮箱",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.example.com/link-to-logo.png",
        "width": "386",
        "height": "60"
      },
      "founder": {
        "@type": "Person",
        "name": "xyz"
      },
      "foundingDate": "2013",
      "name": "abc物流公司",
      "telephone": "999999999",
      "associatedMedia": [
        "#main-video",
        "#img-c",
        "#img-abc",
        "#img-d"
      ]
    },
    {
      "@type": "WebSite",
      "url": "https://www.example.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://query.example.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "VideoObject",
      "@id": "#main-video",
      "name": "物流公司品牌宣传视频",
      "description": "展示公司仓储、运输、分拣全流程的宣传视频",
      "contentUrl": "https://www.example.com/ABC.mp4",
      "encodingFormat": "video/mp4",
      "alternateContent": {
        "@type": "VideoObject",
        "contentUrl": "https://www.example.com/ABC.webm",
        "encodingFormat": "video/webm"
      },
      "thumbnailUrl": "https://www.example.com/poster.jpg",
      "thumbnail": {
        "@type": "ImageObject",
        "url": "https://www.example.com/img/ABC.jpg",
        "width": "1920",
        "height": "1080"
      }
    },
    {
      "@type": "ImageObject",
      "@id": "#img-c",
      "name": "公司智能仓库实拍图",
      "description": "展示公司自动化仓储管理系统的实景图片",
      "contentUrl": "https://www.example.com/img/c.png",
      "width": "1200",
      "height": "800"
    },
    {
      "@type": "ImageObject",
      "@id": "#img-abc",
      "name": "物流运输车队实拍图",
      "description": "公司自有标准化运输车队的实景图片",
      "contentUrl": "https://www.example.com/img/abc.png",
      "width": "1200",
      "height": "800"
    },
    {
      "@type": "ImageObject",
      "@id": "#img-d",
      "name": "智能分拣中心实拍图",
      "description": "公司自动化分拣流水线的实景图片",
      "contentUrl": "https://www.example.com/img/d.png",
      "width": "1200",
      "height": "800"
    }
  ]
}
</script>

关键细节说明:

  • @graph属性把多个Schema类型(Organization、WebSite、VideoObject、ImageObject)整合到一个脚本里,让搜索引擎能一次性识别所有关联内容。
  • 每个媒体对象都定义了唯一的@id,然后在Organization的associatedMedia数组里引用这些ID,直接实现媒体内容和组织的关联。
  • 视频部分:同时包含了MP4、WebM两个格式的源文件,以及海报图和 fallback 图片的信息,确保搜索引擎能抓取到完整的视频资源。
  • 图片部分:给每张图补充了namedescription(你可以根据实际内容调整),同时建议补充图片的宽高信息,帮助搜索引擎更精准理解图片内容。
  • 重要提醒:所有URL都要替换成你的网站实际的绝对路径,不要用相对路径;页面里的img标签最好补全alt属性,和JSON-LD里的描述对应上,能进一步提升SEO效果。

如果你想把媒体内容关联到WebSite而不是Organization,只需要把associatedMedia数组移到WebSite的对象里就行,逻辑完全一致。

内容的提问来源于stack exchange,提问作者bmayank

火山引擎 最新活动