Open Graph Image Configuration Issue

#930620
  • Paul Skirbe

    1 week, 6 days ago

    Rank Math free

    Problem Description
    User is experiencing issues with the Open Graph (OG) image configuration in their WordPress site using the Rank Math Pro plugin. Specifically:

    The current OG image displays an unwanted white block in the background
    The desired logo (Bus Bank logo) is visible in the Rank Math settings but not appearing correctly on pages
    User cannot locate the correct section in Rank Math Pro settings to modify/replace the problematic OG image

    See loom video below.

    Current Troubleshooting Steps Taken

    Inspected page source code and confirmed OG image is being set by Rank Math Pro plugin
    Attempted to locate image settings within Rank Math plugin interface
    Checked current logo settings where Bus Bank logo is visible

    Requested Resolution
    User needs assistance with:

    Locating the correct section in Rank Math Pro settings to manage OG images
    Removing the unwanted white background image
    Properly configuring the Bus Bank logo as the default OG image

    https://www.loom.com/share/d091a0366eca4bf2988489df62f8938a

Viewing 1 replies (of 1 total)
  • Rakibuzzaman Siam

    1 week, 5 days ago

    Hello,

    Thank you for contacting us and sorry for any inconvenience that might have been caused due to that.

    We can see you’re using the SVG format which is not supported for the Open Graph image. Facebook officially supports only jpeg, png, and gif image formats for Open Graph images. But Rank Math supports additional formats like WebP and AVIF for Facebook Open Graph images.

    Please try to replace the image with the supported format.

    Also, the recommended image size is 1200 x 630 pixels. If the image’s dimension is too small or too large compared to the recommended image size, then the individual social networks may not read your image correctly.

    Since the requirements do not match the standard format, Rank Math is using the first image from your page for the OG image.

    Regarding the white block on your image, it is coming from the Custom Image Watermarks you’ve selected on the Titles & Meta > General setting which is also in SVG format.

    If you want to use a custom watermark, please make sure to use a JPEG or PNG format image. In case, you don’t want any watermarks, please remove the watermark and change the default settings:

    Once done, please try to clear your website cache including any server-level cache, and check again.

    However, you’re currently using the Rank Math PRO plugin on your websites, but the account you have used to open this ticket is the Rank Math free version.

    Please search and forward a receipt from FastSpring.com so we can locate your account and verify it.

    Let us know how it goes. Looking forward to helping you.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this ticket.