Plugin Conflict between WooCommerce and Yoast SEO

  • Resolved livingmiracles

    (@livingmiracles)


    4 years, 7 months ago

    Hello,

    On a few of our websites (one of them being miracles-monastery.org) that use the WooCommerce plugin, we’ve noticed a problem when sharing the site on social media. Specifically, when we try to share any page from the site on Facebook, no description or image from the site shows up, unlike our other websites that don’t have the WooCommerce plugin installed and activated. The sites that do work in this way when being shared on social media are in the same hosting environment as these few sites, and all of them use the Yoast SEO plugin.

    When troubleshooting this, we were able to see that there appears to be a plugin conflict between WooCommerce and Yoast SEO. On the site, when we view the page source, we can see all the correct “og:” information listed there but when any of the links of that site get shared on social media, it seems that information gets blocked or ignored for some reason. We troubleshooted this by deactivating plugins one-by-one on the site, clearing all the necessary cache each time, and tested if the social media sharing would work by using the Facebook Sharing Debugger tool. Doing this systematically, we found it only required the WooCommerce plugin to be deactivated for this “og:” information from Yoast SEO to show up correctly again in the Facebook Sharing Debugger tool and on Facebook itself.

    We tried to find some sort of setting or something from our end that we could change in either plugin in order to fix this issue, but we weren’t able to. It could also be helpful to know that we were in communication with WooCommerce about this issue, but they seemed convinced that this issue wasn’t on their end/their fault for some reason and have stopped helping us with this. So, at this point, we’re truly hoping to find a solution for this using this forum.

    Please let us know if you need any other information to resolve this.

    Thank you,
    Living Miracles

    The page I need help with: [log in to see the link]

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

  • Hello, @livingmiracles!

    We checked your site and it shows that you’re still running version 14.8 of Yoast SEO. We’ve included a few fixes in version 14.8.1. Can you please update it first to make sure this issue isn’t one we’ve already fixed? Please also make sure that your theme and all other plugins are up-to-date.

    Thread Starter livingmiracles

    (@livingmiracles)

    Hi Rumejan,

    Thank you very much for responding to this post! We have now had a chance to make sure the theme and all the plugins on the site (including Yoast SEO) are fully up-to-date as of now. After doing so and clearing all the necessary cache, we checked to see if those updates had resolved the issue and they haven’t from what we can tell.

    I should’ve also mentioned that we have been experiencing this issue, on the few sites we have that use the WooCommerce plugin, since at least around July 14th. We are usually on top of all our plugin and theme updates for our sites and this issue has yet to be resolved from any of those updates during that time.

    Is there something else you can recommend to help us resolve this issue?

    Thank you,
    Living Miracles

    Plugin Support devnihil

    (@devnihil)

    @livingmiracles We checked on the page https://miracles-monastery.org/ and reviewed it’s source code and did confirm that the Yoast SEO plugin is outputting the Open Graph metadata for Facebook correctly as follows:

    <meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Living Miracles Monastery" />
<meta property="og:description" content="Living Miracles is a monastery for the 21st century. We practice two guidelines: no private thoughts and no people-pleasing. We welcome those from all spiritual traditions and no traditions who feel called to immerse in some quiet time away from the distractions of the world. It is a place of devotion and quiet contemplation." />
<meta property="og:url" content="https://miracles-monastery.org/" />
<meta property="og:site_name" content="Living Miracles Monastery" />
<meta property="article:modified_time" content="2020-07-13T14:22:32+00:00" />
<meta property="og:image" content="https://miracles-monastery.org/wp-content/uploads/miracles-monastery-home.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />

    However, when we tested the page in the Facebook Sharing Debugger Tool here we do also see that neither the preview image, title, or description were able to be read by Facebook.

    After attempting to re-scrape the URL several times, we also checked here to see exactly what the scraper was returning for the URL. We found that Facebook is unable to load the Open Graph metadata, and is only reading a large section of CSS code instead of the metadata in the page’s <head> tag (see image here).

    Because of this very large amount of CSS data at the beginning of the page, Facebook is not reaching the area of code that contains the Open Graph metadata. To resolve this we would recommend to try optimizing your CSS code, or possibly moving it to an external file. Also, other reasons why Facebook may not be able to receive all the data on your page may be due to the server response time when the request is made being too long, or that your server is somehow limiting or restricting Facebook’s access to your page.

    • This reply was modified 4 years, 7 months ago by devnihil.
    Thread Starter livingmiracles

    (@livingmiracles)

    Hi @devnihil

    Thank you very much for your response! From the information you shared, we were able to eventually (and somewhat accidentally) discover that by unchecking the “Inline all CSS?” option in the Autoptimize plugin (via Settings > JS, CSS & HTML > CSS Options) that we have installed on these sites, this would resolve this issue of the Open Graph (OG) <meta> tags not being seen by Facebook anymore.

    So with what feels like a miraculous discovery, this issue feels finally resolved!

    Thanks again and take care,
    Living Miracles

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Plugin Conflict between WooCommerce and Yoast SEO’ is closed to new replies.