Snippet not showing correctly

#268869
  • Resolved AG
    Rank Math free

    Hi there, I have been using Yoast and switched to RankMath yesterday. There are two issues:

    1) even though I imported everything from Yoast during setting up the RankMath, I am still missing many information that I am slowly trying to fix them.

    2) I updated Snipped for many of the pages, but they are not showing the right image when I share them on social media. Images are shown correctly on facebook or whatsapp but incorrectly on other platforms like Telegram as it is showing a black image.

    I really hope there is a easy fix for this as I do not want to go back to Yoast.

    Please help.
    Thank you

Viewing 11 replies - 1 through 11 (of 11 total)
  • Azib Yaqoob
    Rank Math business

    Hello,

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

    Could you please provide more information about which information is missing after the data transfer from Yoast to Rank Math?

    I tested your mentioned page using the Facebook Sharing Debugger tool, and I find no Open Graph tag errors. It outputs the correct link preview image.

    Looking forward to helping you. Thank you.

    ​​​​​​​

    AG
    Rank Math free

    Hi, thank you for your response.

    Like I said, there is no issue when links are shared on Facebook. All pages showing incorrect Meta Description and image when shared on Telegram app. Please refer to the screenshot I shared on google drive.

    How can I fix it?

    Thank you

    Azib Yaqoob
    Rank Math business

    Hello,

    Thank you for getting in touch with us.

    There are a few reasons for Facebook (or any other social network like WhatsApp) not picking your images and other social tags. We will list them below so you can check which one applies in your case:

    1. First and foremost, you must check the page source of the URL in question. Search for the og:image tag like in this Video:
    https://i.rankmath.com/aJCccE

    If the og:image tag is not found, that means Rank Math is either disabled or not able to print your social tags. Once done checking if Rank Math is enabled, you must check why it isn’t able to print social content by following this troubleshooting guide:
    https://rankmath.com/kb/check-plugin-conflicts/

    Make sure to follow all the instructions carefully.

    2. Assuming the og:image tag was found in step 1, we can proceed to find the issue.

    Scenario 1: You are using minification on your website and your cache plugin is inputting too much inline CSS into your page source that your OpenGraph tags are pushed way too down your page’s source:
    turn off minification

    If this is the cache, you must move your inline CSS to a file because Facebook and other social networks will only look for OpenGraph tags in the first 60kbs of your page’s source. If they don’t find it, they will assume you haven’t added them. They don’t want to waste their resources crawling huge pages looking for OpenGraph tags.

    Scenario 2: The gain browser cache option in most cache plugins like W3 Total Cache is known to not play well with Facebook’s OpenGraph detection. If you have it enabled, disable it. The option for W3 Total Cache is at WP > Performance > Browser Cache > HTTP (gzip) compression
    w3 total turn off gzip compression

    Then, clear your website and server cache (including Cloudflare – if enabled)

    Once you are done, you might want to test again here:
    https://developers.facebook.com/tools/debug/

    Click the Scrape Again button:
    scarpe again facebook debug tool

    You should now see the OpenGraph tags update including the image.

    Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.

    Thank you.

    AG
    Rank Math free

    Dear Azib,

    Thank you for your response. I understand you said the issue is the same with Facebook and other social media. However, this is not the case and I do NOT have any issue with shared content on Facebook.

    Here is my About page that is shared on Facebook, WhatsApp, and Telegram.
    https://drive.google.com/file/d/1M3070ENIHyWdNW1O3GsH9Vey8kAm1pc_/view?usp=sharing

    As you can see
    Facebook Debugger shows the image, title and Meta Description correctly.
    WhatsApp shows incorrect title and Meta Description and no image.
    Telegram shows incorrect title and Meta Description and a blank image.

    I’m not sure how to fix this but I did not have any issue when I was using Yoast just 2 days ago! Please help
    Thanks

    AG
    Rank Math free

    I searched the website on Google and it shows the title from homepage but the meta description of the Contact page!!! I know Google does its thing that you cannot control but how come I did not have any issues when I used Yoast just 3 days ago?

    Since I installed and activated RankMath, snippets are incorrect. Only Facebook shows the correct snippet. Telegram app does NOT show images, WhatsApp also has issues about correctly showing the descriptions.

    If you cannot fix the issue, please just let me know so I can go back to Yoast over the weekend. We communicate with our customer mainly through WhatsApp and Telegram but they are not showing the right title, description, images.

    Thank you

    AG
    Rank Math free

    Can anyone provide a solution?

    Hello,

    I checked your site and it seems like you have disabled Rank Math. Can you please enable Rank Math again so we can check if there are any issues with the meta data that is being added by Rank Math to your site?

    Looking forward to helping you.

    Thanks.

    Hello,

    First of all, we want to apologize for the delay in the reply but due to the weekend, the tickets might take a bit longer to get a reply.

    Secondly, we just wanted to get in touch to let you know that for the Telegram issue this might be caused by some caching on their end and if you want to clear that so that the platform can regenerate a new preview you can use the following tutorial: https://telegramgeeks.com/2016/03/you-can-update-link-preview-telegram/

    Also, please note that you’ll need to add the following code snippet at the top of your page for the OG properties to be properly recognized:

    
    <html prefix="og: http://ogp.me/ns#">
    

    Please note that since you already have the opening html tag you just need to add the OG prefix portion of the code.

    After adding this piece of code please try to clear the cache completely from your website and then try to follow the steps mentioned in the article we shared for Telegram and sharing again on WhatsApp.

    Let us know if that helps solve your issues.

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

    AG
    Rank Math free

    Hello,

    I have updated the sensitive data as requested. Can you please check further?

    Thank you.

    AG
    Rank Math free

    Thank you Miguel, for your response. Unfortunately, I could not enjoy RankMath and tested SEOPress and seems like I have less issues. I used to be kicked out of the editor every 1-2 minutes while using RankMath. Maybe there are less issues in the pro version, so I decided to test other options. Hope the bugs get resolved.

    Thank you and have a great day

    Hello,

    We understand.

    If you need further help or with anything else, please open a new support ticket here so we can help.

    We are always here for assistance.

Viewing 11 replies - 1 through 11 (of 11 total)

You must be logged in to reply to this ticket.