shadkamel's avatar

SEO Meta tags is not working in Messnger

hi every one, i have set All SEO metat tags in my page and it work in all social medias except messenger, my page has a dynamic title and image, and i didn't set a real domain i still using laravel cloud domain.

how to solve that issue ?

0 likes
6 replies
LaryAI's avatar
Level 58

When dealing with SEO meta tags, especially for social media platforms like Facebook Messenger, it's important to ensure that your Open Graph meta tags are correctly set up. Here are some steps and considerations to help you troubleshoot and resolve the issue:

  1. Verify Open Graph Tags: Ensure that you have the correct Open Graph meta tags in your HTML. These tags are crucial for social media platforms to display the correct information. Here is an example of how they should look:

    <meta property="og:title" content="Your Dynamic Title Here" />
    <meta property="og:description" content="Your Description Here" />
    <meta property="og:image" content="https://example.com/path-to-your-image.jpg" />
    <meta property="og:url" content="https://example.com/your-page-url" />
    
  2. Use a Real Domain: Some social media platforms may not fully support previewing content from non-standard domains, such as those provided by development environments or cloud services. Consider using a real domain or a service like ngrok to expose your local development environment to the internet with a proper URL.

  3. Facebook Debugger Tool: Use the Facebook Sharing Debugger tool to scrape your page and see how Facebook (and by extension, Messenger) interprets your meta tags. This tool can also help you clear the cache if Facebook has cached an old version of your page.

    • Visit: Facebook Sharing Debugger
    • Enter your page URL and click "Debug".
    • Check for any errors or warnings and see the preview of how your page will appear.
  4. Check for Caching Issues: If you've recently updated your meta tags, ensure that there are no caching issues. Clear any server-side caches, and use the Facebook Debugger to force a re-scrape of your page.

  5. Ensure Proper Image Size: Make sure that the image you are using in the og:image tag meets the recommended size for Open Graph images, which is at least 1200 x 630 pixels for optimal display.

  6. Check for JavaScript Rendering: If your meta tags are being set dynamically via JavaScript, ensure that they are rendered server-side or use a pre-rendering service, as crawlers may not execute JavaScript.

By following these steps, you should be able to resolve the issue with your SEO meta tags not displaying correctly in Messenger. If the problem persists, consider reaching out to the support forums for the specific platform you are using for further assistance.

1 like
shadkamel's avatar

@LaryAI this information is useful if anyone know something more about it i will be thankful if you tell me ❤️

shadkamel's avatar

@N3rdwar3 hi, i just tried this options but i still have the same issue, i want to show the og:image just after i uploaded the image, but i think my domain is the problem, any way i will try again with this links, and thank you a lot for your replay.

N3rdwar3's avatar

@shadkamel No problem Shadkamel. Two final points on it, 1. if your shared image/article/whatever has had enough shares I believe you can't have the image change any longer (someone mentioned this to me, haven't seen any basis for it), 2. When using the Facebook Graph API, it should do exactly that. IE you can change your og:image, then use the API to tell Facebook it changed and it will scrape your page. You can always curl your url and diagnose that way too, it's possible you have something in Apache or Nginx that is filtering curl requests, to verify you could curl it normally, then you could curl it and pass the -H flag (I think that's what it is) and use a Mozilla header or something to make your page think it's a web browser. GL!

Please or to participate in this conversation.