Hello,
I’m sorry to hear that you are facing an issue with the logo (OG:Image) not displaying correctly on your WordPress website. To ensure that the proper logo is displayed when your website URL is shared on social media platforms like Facebook, you need to set up the Open Graph meta tags correctly.
Here are the steps to fix the ‘og:image’ property issue:
-
Install Rank Math SEO plugin on your WordPress website if you haven’t already. You can follow the setup guide here.
-
After installing Rank Math, you can add the og:image and other Open Graph tags by following these steps:
- Right-click on your webpage and select View Page Source to check if the og:image tag is present.
- Ensure that the og:image tag is within the first 50Kbs of the page source for Facebook to recognize it.
- Avoid using inline CSS and aggressive minification settings that might affect Open Graph tags.
-
If you encounter any issues related to og:image, you can contact Rank Math’s support team for assistance. You can reach out to them here.
If you have any further questions or need additional assistance, please feel free to ask. Thank you for raising this concern, and we are here to help you resolve it.
Best regards.
Sources:
Using Rank Math’s Local SEO Module » Rank Math
How to Fix the ‘og: image’ Property Should Be Explicitly Provided » Rank Math
How to Setup Rank Math SEO Plugin Properly
Open Graph Meta Tags » Rank Math
Hello,
Thank you for contacting us and sorry for any inconvenience that this issue might have caused.
Can you share the affected site URL with us?
The og:image uses primarily the image you set in the social tab within the Rank Math meta box while editing the page(OpenGraph image). If you set none, it then tries to use the featured image. If this is not available it uses the first image in the post. Where the post/page doesn’t have any image it then uses the default OpenGraph image set at WordPress dashboard > Rank Math > Titles & Meta > Global Meta > Opengraph Thumbnail.
If you want to however force the use of the default/fallback opengraph image as og:image everywhere, you may need to use this filter:
add_filter('rank_math/opengraph/pre_set_content_image', function() { return true; });
And here’s a guide on how you can add the filter to your site:
https://rankmath.com/kb/filters-hooks-api-developer/
We hope this helps. Please let us know if you have further questions or concerns.
Thank you.
Already done the above steps. But its not working.
Hello,
In this case, we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress logins in the designated Sensitive Data section.
Please do take a complete backup of your website before sharing the information with us.
It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:
https://wordpress.org/plugins/temporary-login-without-password/
You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):
https://wordpress.org/plugins/wp-security-audit-log/
We really look forward to helping you.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.
