Layout of homepage in social media

#57234
Viewing 9 replies - 1 through 9 (of 9 total)
  • Alberto
    Rank Math business

    Hello,

    Thank you for contacting Rank Math today.

    You can set the social view for your homepage in the SEO Titles & Meta section in the Rank Math plugin. I attach a screencast showing you how to do it: https://i.rankmath.com/e6vDjN

    Looking forward to helping you. Thank you.

    ​​​​​​

    Sanu
    Rank Math pro

    This comes when I open the “Homepage” option
    https://www.loom.com/share/15a61c4c47814af3a833162c30f97892

    Todd
    Rank Math free

    Hello,

    Please open that and make changes in the social tab:

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

    Sanu
    Rank Math pro

    I did this but when I share my blog URL in Facebook it doesn’t show like what I did in the Facebook and Twitter tab.

    • This reply was modified 4 years, 7 months ago by Sanu.
    Alberto
    Rank Math business

    Hello,

    Did you empty the cache? You can also check if it has an error on the Facebook Sharing Debugger tool: https://developers.facebook.com/tools/debug/ Could you check it?

    Looking forward to help you.

    Sanu
    Rank Math pro

    I am using WP Rocket and time to time I cleared cache by using the same plugin.
    Apart from this, I checked it and it shows me like this
    https://www.loom.com/share/5fc94488cddb45daa2d009d7a0f29d2c

    I am not a technical guy. Could you help me where is the problem coming?
    FB Sharing Debugger tools shows me I am using too much small image but I am using image size 1200px*650px and Rankmath suggests me 1200px*630px

    • This reply was modified 4 years, 7 months ago by Sanu.
    Todd
    Rank Math free

    Hi Sanu,

    There are a few reasons for the 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:

    0. You have added the social meta using the Rank Math plugin. Please check this screencast:
    https://i.rankmath.com/neHI8w

    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:
    https://i.rankmath.com/y4WIgQ

    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
    https://i.rankmath.com/BbaiC6

    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:
    https://i.rankmath.com/A5z7WK

    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.

    Sanu
    Rank Math pro

    Hello Todd
    Thanks for your valuable support.
    I found the problem; not sure but here it is:
    https://ibb.co/q7Kwz9B

    I think this is a problem as you’ve discussed on 1st point.

    I need your two help –

    Firstly, how to fix this issue: move your inline CSS to a file.

    I googled it but didn’t find a relevant article or tutorial.

    And secondly, I’ve seen Rankmath has very neat and clean code like this: https://ibb.co/Lgj2NW9

    But on my site, it’s so tidy: https://ibb.co/WHNLkVq

    How to make it like Rankmath.

    Thanks in advance.

    Hello,

    Thank you for contacting Rank Math today.

    1. We would love to take a look, please share the affected URL(s) with us so we can help investigate if that’s is the cause.

    2. The code arrangement is dependent on your theme and sometimes is modified by compression/minifying plugins. You can have your theme provider help you on this.

    Looking forward to helping you. Thank 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.

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

The ticket ‘Layout of homepage in social media’ is closed to new replies.