---
title: "page_image"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/zh-hans-cn/docs/sline/object/page-image'
  md: 'https://developer.shopline.com/zh-hans-cn/docs/sline/object/page-image.md'
---

# page_image


    在搜索引擎列表和当前页面的社交媒体预览中显示的代表当前页面的图片。

    对于商品、分类和博客文章页面，使用特色图片代表页面。对于所有其他页面，或没有特色图片的页面，使用 [社交分享图片](https://help.shopline.com/hc/zh-cn/articles/23888047679001-%E8%AE%BE%E7%BD%AE%E7%A4%BE%E4%BA%A4%E5%88%86%E4%BA%AB%E5%9B%BE%E7%89%87) 代表页面。如果没有社交分享图片，则使用店铺 logo 图片。





    
## 例子

        
            

            你可以为不同页面创建不同的 Open Graph `og:image` 元标签，在标签中指定当页面被分享到社交媒体时用作页面缩略图的图片。

            

            
<SlineExample path={'/products/vip3'} objects={ 
    [""] 
}>
```sline
{{#if page_image}}
  <meta property="og:image" content="{{page_image.src}}" />
  <meta property="og:image:secure_url" content="{{page_image.src}}" />
  <meta property="og:image:width" content="{{page_image.width}}" />
  <meta property="og:image:height" content="{{page_image.height}}" />
{{/if}}

```
</SlineExample>