og:url not the same as the current visiting URL of translated pages, using TranslatedPress

[realanthonyc]

• 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 am using TranslatePress to create a multi-lang site. But social platforms tend to pick up wrong meta info when sharing translated pages. I have already configured all the meta info correctly, except og:url which Yoast adds to every page.

Currently, og:url outputs wrongly on translated pages. And there is no way to configure it and make it the same as the actual visiting URL.

My site default language is English. As the og:url is incorrect, when trying to share the translated posts via Facebook, LinkedIn, etc, no matter via “AddThis” or share natively by pasting links, it is not able to pick up the translated metadata, eg, title and description.

Please describe what you expected to happen and why.

og:url should always reflect the current visiting URL correctly.

(Btw, Are there any settings to configure og:url output? or to remove it?)

How can we reproduce this behavior?

It looks like in most cases, the og:url is incorrect. But some are correct which I have no idea why.

Incorrect:
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/2020/03/2094/
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/2020/03/1645/
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/making-news/
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/privacy/
More: https://drive.google.com/drive/folders/1-Btq8fRPWHBnBG_iw-N0Tpvw9sIR4EKB?usp=sharing

Correct:
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/2020/03/311/
view-source:https://cuhkintouch.cpr.cuhk.edu.hk/tc/2020/02/752/

Technical info

Used versions

• WordPress version: 5.4.1
• Yoast SEO version: 14.1
• TranslatePress version: 1.7.4

[Djennez]

@anthonychan2509 thanks for the report.

As a workaround you can use the wpseo_opengraph_url filter.

I think this is indexables-related. Can you try resetting the indexables using the Yoast Test Helper plugin (Tools -> Yoast Test -> Reset indexables & migrations). Visit one of the problematic pages after that (without re-running the index) and see if that fixes the issue?

[sareiodata]

It's something we'll address in the next update of TranslatePress using

`add_filter( 'wpseo_opengraph_url', 'trpc_opengraph_url', 99999 );
function trpc_opengraph_url( $url ) {
global $TRP_LANGUAGE;
$trp = TRP_Translate_Press::get_trp_instance();
$url_converter = $trp->get_component( 'url_converter' );
$url = $url_converter->get_url_for_language($TRP_LANGUAGE, $url, '');

return $url;

}`

The same thing we're doing for the canonical, and the opengraph_url is based on the canonical, but without the canonical filter.

I didn't dig deep as to why the canonical is broke, but probably has something to do with the fact that TranslatePress filters the home_url() and adds the current language to it.

[realanthonyc]

After following @Djennez instructions.

It looks like the og:url outputs are correct now,
EXCEPT for the home pages of the translated version.
Please see: /tc and /sc

[realanthonyc]

One more update regarding the issue:

After "Reset indexables & migrations" with Yoast tool plugin, Yoast will prompt this message for building an index:

However, the og:url will be wrong again after taking this action. And I have to "Reset indexables & migrations".

[Djennez]

Closing this as stale / related to #15141