AMP invalidation when embedding Web Stories

Resolved Rede Piabanha
(@redepiabanha)

1 year, 5 months ago

The “amp-img” tag cannot be a descendant of the “amp-story-player” tag

This error appears in Google Search Console and affects pages where web stories are embedded, causing the AMP version of such pages to become invalid.

It occurs when using the recommended model of shortcode to embed web stories:

[web_stories_embed url="https://wp.stories.google/stories/how-to-optimize-videos-for-web-stories/" width="360" height="600" title="How to optimize videos for Web Stories" ]

I tested on another website that uses the official AMP plugin and the error doesn’t happen so it might be something related to AMP for WP specifically as another user reported this same error 3 years ago.

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

Plugin Support Akshay A
(@akshaycode1)

1 year, 5 months ago

Hi, thank you for reaching out to us. Could you please share the URL where you need assistance so we can take a look?

Thread Starter Rede Piabanha
(@redepiabanha)

1 year, 5 months ago

Hello, Akshay. I’m doing some tests and I’ll report back here, but it seems something related to the use of the poster in the shortcode and the img element in the self-generated Gutenberg HTML. It’ll be confirmed soon by Search Console and we may rule that out.

Plugin Support Akshay A
(@akshaycode1)

1 year, 5 months ago

Hi,

Thank you for the update. We will wait for your confirmation from Search Console. Meanwhile, if you need any further assistance, feel free to let us know!

Thread Starter Rede Piabanha
(@redepiabanha)

1 year, 4 months ago

Confirmed. This issue is related to the use of the poster element in the shortcode, or when Gutenberg adds the <img> element to its self-generated embed code. Therefore, it is likely something related to the official Web Stories plugin itself, or possibly associated with the use of the Gutenberg text editor.

The solution involved using the basic shortcode without the poster element and overriding the code generated by Gutenberg with the same shortcode.
Plugin Support Akshay A
(@akshaycode1)

1 year, 4 months ago
Hi @redepiabanha ,

Thank you for sharing your findings and resolving the issue by using the basic shortcode without the poster element and overriding Gutenberg’s generated code.

Just to ensure everything is resolved on your end, could you please confirm if you are no longer encountering the error in Google Search Console? If the issue persists or you need further assistance, feel free to reach out, and we’ll be happy to help!
- This reply was modified 1 year, 4 months ago by Akshay A.
Thread Starter Rede Piabanha
(@redepiabanha)

1 year, 2 months ago

Yes, I can confirm I’m no longer encountering the error in Google Search Console after finding this simples solution as explained here. Thank you!