Change og:image (Open Graph Image) size

Developer help
1

Hey everyone, hope all is well.

My website is romanempiretimes.com, running on Ghost (Pro) and the Source theme, customized by myself.

At the moment, the og:image properties are:

<meta property="og:image" content="https://romanempiretimes.com/content/images/size/w1200/truncated">
<meta property="og:image:width" content="1200">

My goal is to replace the w1200 folder with the w2000 one, where our XXL images are. I thought it’ll be a simple process, but it seems the meta properties and schema lies within the ghost_head and I don’t know how to find/edit it on Ghost (Pro).

Is there a solution for this? I was even considering creating redirects from the w1200 to w2000 folders, but aside from being non-sensical, the width/height properties would still be wrong.

2

It’s possible to replace all of {{ghost_head}} with your own custom code. It’s not possible to edit {{ghost_head}} on Ghost Pro.

3

Thank you @Cathy_Sarisky!

I figured this would be needed, however… where can I find my theme’s (Source) ghost_head code, so I replace {{ghost_head}} with it in my default.hbs file, and then tweak it?

4

{{ghost_head}}, like all helpers, is not provided by the theme, but by the Ghost core. You can read (a little) about it here:

I’ve also got some meandering about it here: Life without {{ghost_head}}

It’s basically possible to replace all of {{ghost_head}}, but it’s a big task, and there’s a ton of logic buried in it.