跳到主内容

OG 图片自动生成:提升社交媒体分享点击率

顾北辰631 浏览
顾北
顾北辰楼主
Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang,多语言版本可能被当作重复内容。

Next.js 15 将 viewport 从 metadata 中分离,必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常,影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。

Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
查看历史

10 回复

  1. 内卷
    内卷幸存者第 2 楼
    我的理解是:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
  2. ET
    Ethan Brooks第 3 楼
    robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
  3. TR
    Tran Quoc Bao第 4 楼
    我的踩坑经验:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。实践出真知,建议动手试试。
  4. 键盘
    键盘敲击者第 5 楼
    我的团队是这样做的:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。后续有新发现再来更新。
  5. KA
    Karim Nasser第 6 楼
    这个观点我很认同,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
  6. 近水
    近水含烟第 7 楼
    分享一下我的做法:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。踩了很多坑才总结出来的。
  7. 栈溢
    栈溢出幸存者第 8 楼
    补充一个可能被忽略的点:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。欢迎大家补充。
  8. 互联
    互联网遗民第 9 楼
    我之前也遇到过类似问题,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。希望对你有帮助。
  9. GR
    Grace Whitman第 10 楼
    我之前也遇到过类似问题,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。欢迎交流讨论。
  10. MI
    Miguel Santos第 11 楼
    有个相关问题想请教:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
登录后可回复
    数据正在加载中…