fb: app_id

Hello,

I’m sorry to hear that you’re facing issues with the Facebook preview when sharing posts from your website. The error message “The following required properties are missing: fb:app_id” indicates that the Facebook App ID is not properly set up on your website.

To resolve this issue and ensure that the Facebook preview appears correctly when sharing posts, please follow these steps:

1. Create a Facebook App:

   • Register as a Facebook developer here.
   • Follow the documentation to create a Facebook App here.

2. Copy Facebook App ID:

   • Copy your Facebook App ID from your Facebook App Dashboard.

3. Enter Facebook App ID in Rank Math:

   • Go to your WordPress Dashboard → Rank Math SEO → Titles & Meta → Social Meta.
   • Enter your Facebook App ID in the “Facebook App” field as shown in this screenshot.

4. Save Changes:

   • Click on “Save Changes” at the bottom of the page to add the Facebook App ID to your website’s code.

5. Clear Cache and Use Facebook Debugger:

   • Clear your website cache & server cache (if any).
   • Use the Facebook Debugger tool to confirm if the error is resolved. You may need to click “Scrape Again” to fetch the latest version of your page.

Following these steps should help you get rid of the error and ensure that the Facebook preview appears correctly when sharing posts from your website. If you encounter any further issues or have additional questions, feel free to reach out to our support team here.

We appreciate your patience and hope this solution resolves the problem for you.

Sources:
How to Fix “The Following Required Properties Are Missing: fb:app_id” Error » Rank Math
How to Fix “The Following Required Properties Are Missing: fb:app_id” Error » Rank Math
Rank Math ‘Titles and Meta’ Options and Settings
How to Fix the ‘og: image’ Property Should Be Explicitly Provided » Rank Math
Open Graph/Social Preview Image Is Not Displayed » Rank Math

Hello,

Thank you for contacting support.

The issue is not with the missing application ID as even with that missing the images would be displayed.

The issue is caused by the fact that you are using WebP images and those very rarely work on OpenGraph so we recommend using an image that is acceptable by their guidelines (JPEG, PNG or GIF) to make sure that the image can be displayed when sharing on social media.

Don’t hesitate to get in touch if you have any other questions.

Hello,

After debugging the issue further, it looks like the issue is occurring because of the Arabic characters on your image file name. You can check the thread with the same issue: https://stackoverflow.com/questions/78094746/handling-arabic-characters-in-image-urls-for-facebook-link-previews

Please try to change the file name and after clearing your website cache, check the URL again with the Facebook Sharing Debugger tool.

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

Thank you.

Hello,

If you check the same URL to other social media platforms like Twitter or Linked, you will see that the social images are rendered just fine.

So there must be an issue where Facebook can’t parse the image file path. As you can notice in the thread we recently shared, this issue has risen just recently so this might be a new case we need to address.

Just for the sake of testing that theory, please change the file name just for that post and see if that changes the situation.

If not then this is something we need to investigate further.

Lastly, upon checking the affected page, we noticed that you have a big block of code before the og:image as you can see from the screenshot below:

This type of implementation may also cause issues for social media like Facebook to retrieve the og:image tag. Here’s a further detail about that: https://rankmath.com/kb/open-graph-image-not-displaying/#num-4-5-ogimage-found-towards-the-end-of-source-code

Looking forward to helping you.