Loading...
Loading...
Compare original and translation side by side
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://yourdomain.com/image.png">
<meta property="og:url" content="https://yourdomain.com/page">| Tag | Guideline |
|---|---|
| og:title | Keep under 60 chars; compelling; match page content |
| og:description | 150–200 chars; conversion-focused |
| og:image | Absolute URL (https://); 1200×630px recommended |
| og:url | Canonical URL; deduplicates shares |
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://yourdomain.com/image.png">
<meta property="og:url" content="https://yourdomain.com/page">| 标签 | 指南 |
|---|---|
| og:title | 长度控制在60字符以内；具有吸引力；与页面内容匹配 |
| og:description | 150-200字符；以转化为导向 |
| og:image | 绝对URL（https://开头）；推荐尺寸1200×630px |
| og:url | 规范URL；避免分享内容重复 |
| Tag | Purpose |
|---|---|
| og:type | Content type: |
| og:site_name | Website name; displayed separately from title |
| og:image:width / og:image:height | Image dimensions (1200×630px) |
| og:image:alt | Alt text for accessibility |
| og:locale | Language/territory (e.g., |
| 标签 | 用途 |
|---|---|
| og:type | 内容类型： |
| og:site_name | 网站名称；与标题分开显示 |
| og:image:width / og:image:height | 图片尺寸（1200×630px） |
| og:image:alt | 图片的替代文本，用于无障碍访问 |
| og:locale | 语言/地区（例如 |
| Item | Guideline |
|---|---|
| Size | 1200×630px (1.91:1 ratio) for Facebook, LinkedIn, WhatsApp |
| Format | JPG, PNG, WebP; under 5MB |
| URL | Absolute URL with https://; no relative paths |
| Unique | One unique image per page when possible |
| 项目 | 指南 |
|---|---|
| 尺寸 | 1200×630px（1.91:1比例），适用于Facebook、LinkedIn、WhatsApp |
| 格式 | JPG、PNG、WebP；文件大小不超过5MB |
| URL | 以https://开头的绝对URL；不使用相对路径 |
| 唯一性 | 尽可能为每个页面使用独特的图片 |
export const metadata = {
openGraph: {
title: '...',
description: '...',
url: 'https://example.com/page',
siteName: 'Example',
images: [{ url: 'https://example.com/og.jpg', width: 1200, height: 630, alt: '...' }],
locale: 'en_US',
type: 'website',
},
};export const metadata = {
openGraph: {
title: '...',
description: '...',
url: 'https://example.com/page',
siteName: 'Example',
images: [{ url: 'https://example.com/og.jpg', width: 1200, height: 630, alt: '...' }],
locale: 'en_US',
type: 'website',
},
};<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://example.com/og.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Your Site">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Alt text"><meta property="og:title" content="Your Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://example.com/og.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Your Site">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Alt text">articlearticle