AMP Preview Tool Doesn't Show The Image: What To Do?

amp preview tool, test amp image

[Erku]

Hi everyone,

We are using Drupal 7 and image size of our AMP pages is correct. But all of the sudden Google's AMP preview tool doesn't show our article images. But no errors are reported. Images have the correct minimum sizes.

What could be the issue any help?

Thank you.

[keyplyr]

Nevermind the tool, what does it look like in all the major browsers?

[Erku]

This can be seen only by the tool.

thank you

[keyplyr]

I'm not saying there is anything inherently broken with the amp preview tool, but tools in general are not browsers. They often display a different interpretation than a human viewing the page with one of the major browsers. That's what is important, your visitors.

[Erku]

My concern is to make sure that all is working fine. That google sees the image. Do you guys have AMP pages? If yes, and check with the tool, does Google see your images in the preview?

Thank you.

[keyplyr]

Remember, there's a difference between the tool displaying the image and Googlebot finding & indexing that image.

I'll check on a client's AMP page tomorrow.

[Erku]

Thanks a lot, please update here too.

Thank you

[keyplyr]

Exactly what Google AMP tool are you referring to? Please post address.

This is the only one I know about: [search.google.com...] and it's working as expected.

[Erku]

Yes Keyyplyr, that's the tool I am talking referring. If it's working, Can you please tell me why it's not seeing the image in this sample? Image size is right and no errors reported, but I don't know why it's not showing the image in the preview.

[search.google.com...]

Thank you.

[NickMNS]

@Erku

Here is the answer to your question. [support.google.com...]

If you are testing rich card markup, you can see your actual image in the preview if we confirm, or verify, that the image URL is in our index. However, the preview displays a placeholder image if our systems cannot verify the image URL. Even so, when your rich card markup reaches our systems, the image you provide should be shown correctly in the actual Google Search results.

[keyplyr]

If you click the link under the missing image, the page displays as it should including images.

[Erku]

Thank you @NickMNS

This is what I can't understand. Yesterday morning all of our stories were showing images there. Then in the afternoon the same stories stopped showing images there. How do I explain this?

But also this is not a rich card markup is it? It's just a simple news article, not a rich card markup which is usually for recipes or products.

@Kyplyr
You are correct, but since it stopped showing the image in the preview tool we started loosing some traffic from Top Stories on mobile.

Thank you.

[Erku]

I am also thinking, could this be part of the issue? I am getting messages like this in my Logs.

AMP-HTML Validation Issues and Fixes
-------------------------------------
FAIL

<amp-img layout="responsive" src="https://www.torquenews.com/sites/default/files/styles/amp_metadata_content_image_min_696px_wide/public/image-1081/%5Btitle-raw%5D/2011tc-550x256_0.jpg" alt="Scion tC"... on line 710
- The mandatory attribute 'height' is missing in tag 'amp-img'.
[code: MANDATORY_ATTR_MISSING category: AMP_LAYOUT_PROBLEM see: [ampproject.org...]
ACTION TAKEN: amp-img tried to fix problems with amp-img by trying to fetch height, width from image directly and/or setting layout to responsive

If yes, how to solve this in Drupal?


thank you.

[keyplyr]

You should probably check to make sure you are not blocking any Google ranges, even the Cloud ranges that are often used to retrieve image files.

Also check your robots.txt to make sure you are not disallowing access to any image directories, or other directories that may play a part in accessing images.

[Erku]

What do you mean by Google Ranges" or Cloud Ranges? Do you mean something like cloudflare?

Thank you

[keyplyr]

If you don't know what an IP range is, then you probably aren't blocking them.

A list of Google Cloud ranges may be found in the last post of this thread: [webmasterworld.com...]