Describe the bug:
index.html declares og:image:width="768" and og:image:height="768" for the Open Graph image /logos/jpg/BetterGov_Vertical-White.jpg, but the actual image file is 1080×1080 pixels. Social platforms (Facebook, X/Twitter, LinkedIn, Discord) use these declared dimensions to crop and scale the preview; a mismatch can result in a badly cropped or rejected preview card.
In addition, the OG spec (https://ogp.me) requires og:image to be an absolute URL, but the current value is relative (/logos/jpg/...). Most crawlers resolve relative paths, but not all do, and the absolute form is required for consistent previews everywhere.
To Reproduce:
- Download https://bettergov.ph/logos/jpg/BetterGov_Vertical-White.jpg
- Check its dimensions — it is 1080×1080
- Open https://bettergov.ph and view source —
og:image:width and og:image:height are both 768
- (Optional) Paste the URL into the Facebook Sharing Debugger or LinkedIn Post Inspector and observe the preview behavior
Expected behavior:
Either the og:image:width / og:image:height tags should match the real image dimensions (1080×1080), or the width/height tags should be removed so crawlers read the file directly. The og:image content should also be an absolute URL (e.g. https://bettergov.ph/logos/jpg/BetterGov_Vertical-White.jpg).
Screenshots:
N/A
Device Info (optional):
Additional context:
Affected file: index.html. Note: src/components/SEO.tsx also defaults ogImage to the same relative path ('/logos/jpg/BetterGov_Vertical-White.jpg') and would need the same treatment.
Describe the bug:
index.htmldeclaresog:image:width="768"andog:image:height="768"for the Open Graph image/logos/jpg/BetterGov_Vertical-White.jpg, but the actual image file is 1080×1080 pixels. Social platforms (Facebook, X/Twitter, LinkedIn, Discord) use these declared dimensions to crop and scale the preview; a mismatch can result in a badly cropped or rejected preview card.In addition, the OG spec (https://ogp.me) requires
og:imageto be an absolute URL, but the current value is relative (/logos/jpg/...). Most crawlers resolve relative paths, but not all do, and the absolute form is required for consistent previews everywhere.To Reproduce:
og:image:widthandog:image:heightare both 768Expected behavior:
Either the
og:image:width/og:image:heighttags should match the real image dimensions (1080×1080), or the width/height tags should be removed so crawlers read the file directly. Theog:imagecontent should also be an absolute URL (e.g.https://bettergov.ph/logos/jpg/BetterGov_Vertical-White.jpg).Screenshots:
N/A
Device Info (optional):
Additional context:
Affected file:
index.html. Note:src/components/SEO.tsxalso defaultsogImageto the same relative path ('/logos/jpg/BetterGov_Vertical-White.jpg') and would need the same treatment.