Wordpress-seo: Yoast Meta Box is blank - need to upload open graph images

[wpdv2019]

• [ ] I've read and understood the contribution guidelines.
• [ ] I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

I can see the Yoast meta box at the bottom of pages and posts in WordPress, but the box won't expand or is blank.

Please describe what you expected to happen and why.

When I try to expand the box nothing happens under the SEO & Readability tabs, under the Social tab I can see Facebook and Twitter, but when I try to expand either of those nothing happens. I've tried in Safari, Chrome & Firefox on the Mac. All the plug-ins, themes and WordPress are the latest versions.

How can we reproduce this behavior?

1. Have site on WordPress
2. Have Yoast SEO plugin
3. Have latest version of WordPress

Technical info

* If relevant, which editor is affected (or editors):
- [ ] Classic Editor
- [ ] Gutenberg
- [ ] Classic Editor plugin

* Which browser is affected (or browsers):
- [ ] Chrome
- [ ] Firefox
- [ ] Safari
- [ ] Other

Used versions

• WordPress version: 5.3
• Yoast SEO version: 12.6.2
• Gutenberg plugin version:
• Classic Editor plugin version: 1.5
• Relevant plugins in case of a bug:
  
• Tested with theme: This is a live site so I can not test with a default theme.

[Djennez]

Hi @wpdv2019 and thank you for your report. Can you please confirm that this is not a plugin/theme conflict? And please provide detailed steps to reproduce the issue.

[monbauza]

Two customers reported the same error to premium support and it seems that the problem was due to using a relative URL for the /wp-content/ folder:

• The customer in #564170 was using te Relative URL plugin
• The customer in #564218 had added the line define('WP_CONTENT_URL', '/wp-content') to the wp-config.php file

[Djennez]

@monbauza I can't say anything about the configuration of the relative URL plugin (although it seems outdated and not tested with the latest WordPress releases). The second one you mention is passing a directory to a value that should be an URL, so I don't think it's odd that that one fails 😃

[hansjovis]

I have found the issue.

We use a web worker to run the SEO- and readability analysis. To correctly create this web worker, we check if the worker script and the website are on the same origin (e.g. https://example.com and https://example.com/worker-script.js).

This fails when using relative URLs (e.g. /worker-script.js), since it has no origin, and is thus no valid URL.

I propose checking whether the worker-script URL is a relative URL (e.g. by checking if it starts with a /?) and if so: say that it is indeed the same origin (since it is a relative URL).

[wpdv2019]

When I turned off the Classic Editor plugin it sort of worked, but I still couldn't upload images in the social part of Yoast on the post page. Which we need the open graph images to be able share the stories to social.

The site needs the Classic Editor, so I had to remove Yoast and find another plug-in.

[hansjovis]

I am going to write an issue that can be picked up for development 🙂 .

[hansjovis]

Development issue: https://github.com/Yoast/javascript/issues/418