WordPress Open Graph Setup

I need my WordPress site to share the **correct custom post images** via Open Graph on **Facebook, X (Twitter), Instagram (via Facebook/OG), and LinkedIn**.
Theme/template: **JNews**.
Please configure and test so each post/page (including custom post types) outputs a single, valid `og:image` (and `twitter:card`) with proper fallbacks.

# Environment (keynews.sr)

* **Site URL:** [https://keynews.sr](https://keynews.sr)
* **WordPress Address (URL):** [https://keynews.sr/site](https://keynews.sr/site)
* **Theme:** JNews (multiple JNews companion plugins active)
* **PHP:** 8.x
* **Media domain:** [https://media.keynews.sr/](https://media.keynews.sr/) (images may be served from subdomain)
* **CDN/Cache:** Cloudflare (and host/page cache as applicable)

# Current issue

Social networks sometimes show **no image or the wrong image**. We want one authoritative Open Graph/Twitter Card source, no duplicates, and consistent previews for posts and pages.

# What to deliver

1. **Choose ONE OG source** (e.g., OpenGraph.xyz *or* Rank Math social tags *or* JNews Meta Header) and **disable all other OG/meta outputs** to prevent duplicates.
2. Ensure **`og:image`** uses the **intended custom/featured image** at **1200×630 (min 600×315)** with an **absolute HTTPS URL** (also handle webp/jpg variations).
3. Set **site-wide default image** for posts without a featured image.
4. Configure **Twitter Cards** (`summary_large_image`) and map to the same image.
5. Verify **custom post types** used by Key News also output OG tags correctly.
6. Respect the media subdomain and any CDN-rewrite so the **same URL** appears in the tags (no mixed domains).
7. Purge caches and **validate** with:

* Facebook Sharing Debugger (scrape latest)
* X/Twitter Card Validator
* LinkedIn Post Inspector
8. Provide a short note on **what was changed** and where to manage settings in the future.

# Likely conflict sources (from our plugin list)

These can add or modify Open Graph/Twitter meta or social images. Only one of these should output OG tags:

* **OpenGraph.xyz** (primary OG generator if we keep it)
* **Rank Math SEO** and **Rank Math SEO PRO** (has Social Meta module → OG & Twitter Cards)
* **JNews – Meta Header** (adds Facebook share / Twitter Card)
* **Jetpack Social** (can inject OG tags / social image; turn this off if another tool handles OG)
* **MightyShare** (social images / OG; if still installed or partially active, disable OG output)

Other plugins that **don’t create OG tags** but can indirectly affect previews (caching/minify/CDN/image):

* **Perfmatters**, **Speculative Loading**, host/page cache, and **Cloudflare** (ensure HTML head isn’t stripped/combined in a way that hides meta; purge after changes)
* **ShortPixel** (image formats/URLs; ensure the `og:image` URL resolves publicly)
* **Site Kit by Google** (generally does **not** add OG tags, but confirm no overlapping meta)

# Acceptance criteria

* View source shows **exactly one set** of `og:*` and `twitter:*` tags per page.
* `og:image` and `twitter:image` resolve to a **200 OK** image URL, ≥1200×630, **<5 MB**.
* Facebook/X/LinkedIn inspectors show the **correct image, title, and description** for:

* One recent post with a featured image
* One post without a featured image (uses default)
* One custom post type item
* Clear notes on which plugin now owns OG output and where to set defaults.

# Nice to have

* Auto-fallback to the first image in content if no featured image.
* Strip query strings from `og:image` if a CDN adds them and they break inspectors.
* Ensure canonical URLs are correct (no `/site` vs root mismatch).

If you want, I can also provide a quick toggle plan (who to disable/enable) based on which tool you prefer to own OG tags.