Welcome to WebmasterWorld Guest from 54.167.75.28

Forum Moderators: martinibuster

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

amp preview tool, test amp image

     
3:13 pm on Aug 8, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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.
11:10 pm on Aug 8, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


Nevermind the tool, what does it look like in all the major browsers?
11:17 pm on Aug 8, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


This can be seen only by the tool.

thank you
11:25 pm on Aug 8, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


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.
11:47 pm on Aug 8, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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.
11:59 pm on Aug 8, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


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.
12:03 am on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


Thanks a lot, please update here too.

Thank you
12:53 am on Aug 9, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


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.
1:03 am on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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.
1:22 am on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:1577
votes: 423


@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.
1:26 am on Aug 9, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


If you click the link under the missing image, the page displays as it should including images.
3:24 am on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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.
3:25 am on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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.
4:39 am on Aug 9, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


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.
2:27 pm on Aug 9, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Dec 26, 2004
posts: 1044
votes: 1


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

Thank you
6:59 pm on Aug 9, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10629
votes: 630


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...]