Back to Docs

Platform Guide

Ghost Integration

Add automatic OG images to your Ghost blog in under 2 minutes using code injection.

Prerequisites

  • A Ghost blog (self-hosted or Ghost Pro)
  • A MyOG.social account —
  • Your domain added to MyOG.social dashboard
1

Open Ghost Code Injection

In your Ghost admin panel:

  1. Go to Settings (gear icon)
  2. Scroll down to Advanced section
  3. Click Code injection
2

Add the meta tag

Paste this code in the Site Header section: 

<meta
  property="og:image"
  content="https://api.myog.social/og?url={{url absolute="true"}}"
/>

{{url absolute="true"}} is a Ghost template variable that automatically inserts the current page URL.

Tip: You can choose from different templates (Brand, Screenshot Right, Screenshot Bottom, Screenshot Only) in the MyOG.social dashboard.

3

Save and test

Click Save in Ghost.

Test your integration using our OG Preview tool or share a link on Twitter/LinkedIn to see your new OG image.

How it works

  1. 1. When someone shares your blog post on social media, the platform requests the OG image.
  2. 2. MyOG.social captures a screenshot of your page and returns it as the OG image.
  3. 3. The image is cached for fast delivery on subsequent shares.

Troubleshooting

OG image not showing?

Make sure your domain is added to your MyOG.social dashboard. Social platforms also cache OG images, so you may need to use their cache refresh tools (e.g., Twitter Card Validator, LinkedIn Post Inspector). See our OG image testing guide for more debugging tips.

Ghost already has an OG image set?

If you've set a feature image or custom OG image in Ghost, those take precedence. The MyOG meta tag acts as a fallback when no image is explicitly set. To always use MyOG, you can remove the feature image from posts.

Ready to get started?

Sign up for free and add beautiful OG images to your Ghost blog.

Already have an account?

694c98497a352253877457ad1baef2d3f7a9c3f2