🐛 Bug - Missing Open Graph metadata and malformed SEO title on SSW Rules pages #2697

Requested by: @isaaclombardssw via YakShaver.ai 🦬
cc: @isaaclombardssw, @Marxoz, @PothieuG, @Freego1783

Hi Team!

  🟥  Watch the video (1 min 16 sec)

  Url from screen share: https://www.opengraph.xyz/url?https%3A%2F%2Fwww.ssw.com.au%2Frules%2Freply-done

Pain

SSW Rules pages in Rules V3 (TinaCMS) are missing Open Graph metadata, resulting in incomplete social media previews when links are shared. The current implementation does not provide an Open Graph image, and the SEO title contains malformed characters, likely caused by quotes being included in the generated title. Investigate and update the metadata generation to ensure social previews render correctly and titles are sanitized. If possible, support dynamic Open Graph images using People data; otherwise, implement a default Open Graph image.

Acceptance Criteria

1. SSW Rules pages include valid Open Graph metadata for title, description, and image.
2. A valid Open Graph image is displayed when SSW Rules links are shared on social media platforms.
3. SEO titles are sanitized and do not contain malformed or unexpected characters.
4. Quotes and other problematic characters are handled correctly during SEO title generation.
5. If dynamic Open Graph images are supported, the image can be populated from People data.
6. If dynamic Open Graph images are not supported, a default fallback Open Graph image is used.
7. Metadata renders correctly when validated using common social sharing preview tools.

Reproduce Steps

1. Open an SSW Rules page in Rules V3 (TinaCMS).
2. Inspect the page metadata or preview the URL in a social media sharing debugger.
3. Observe that the Open Graph image is missing.
4. Observe that the SEO title contains malformed or unexpected characters.
5. Share the URL on a social media platform and confirm the preview only displays a minimal banner without a proper image.

Screenshot

Figure: Missing open graph image in social share preview