Skip to content

Conversation

@mozumasu
Copy link
Owner

@mozumasu mozumasu commented Sep 10, 2025

概要

OGP画像のURLを相対パスから絶対パスに変更し、SNSでのプレビュー表示を修正しました。

問題

seoMeta: ogImage: autoの設定では、生成されるHTMLに相対パス(./og-image.png)が設定されます。
これにより、Discord、Twitter、SlackなどのSNSクローラーが画像を取得できず、プレビューが表示されない問題が発生していました。

実際の症状

  • Slackで共有した際にOGP画像が表示されない
  • 他のSNSでも同様に画像プレビューが機能しない
スクリーンショット 2025-09-10 11 24 43

修正内容

# 変更前
seoMeta:
  ogImage: auto

# 変更後
seoMeta:
  ogImage: https://mozumasu.github.io/slidev-template/og-image.png

影響

  • ✅ SNS(Discord、Twitter、Slack等)で画像プレビューが正しく表示されるようになる
  • ✅ 絶対URLによりクローラーが確実に画像を取得できる
  • ⚠️ URLがハードコードされるため、デプロイ先が変わる場合は手動で更新が必要

テスト方法

  1. デプロイ後、以下のツールで確認:

関連PR

SNSクローラーが相対パスでは画像を取得できない問題を修正
DiscordやTwitterで画像が表示されるように絶対URLを指定
@mozumasu mozumasu merged commit 90f4d44 into main Sep 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants