2

I have a small WordPress website, Google shows me a print screen of how the visitors of my site see it :

enter image description here

And as you can see in the image on the right, it seems like all the thumbnails gone and the site is squeezed to the right.

When I enter the site, everything looks great (like in the picture on the left).

How can I understand what is the problem, and fix it?

Improve this question
6
  • It is not clear what rendering engine Google uses for this. We know what rendering engine is used for Chrome, but not Google Search Console (the app formerly known as Google Webmaster Tools). Companies do not like to duplicate work and Google is very good at reusing technology and pushing the envelope by rolling their own. It is likely that a similar rendering engine as used in Chrome is used here. Have you tried your site using the latest version of Chrome??
    – closetnoc
    Commented Jul 28, 2015 at 15:01
  • It just occurred to me. Check your log file to make sure that Google is able read the images. This looks like a situation where the images were not downloaded in time or at all. Check to see if your images were downloaded. I suggest using Chrome and using the Developer Tools and check the waterfall graph to make sure that image download times are good. Also, if JS is serving the images or any scripting is in the process, it is possible that the JS has failed to trigger or run in the rendering engine or failed to provide images quick enough. Also, try this again in a bit.
    – closetnoc
    Commented Jul 28, 2015 at 15:10
  • I use the latest version of chrome, and tested the site on many computers and OS's. which log file are you talking about ?
    – OopsUser
    Commented Jul 28, 2015 at 16:03
  • I am talking about your web server log file. Make sure your images are being accessed properly. You should see a 200 success code. If you are using JS or other code to serve your images, it is possible that the rendering engine cannot run your code for some reason. Check it thoroughly.
    – closetnoc
    Commented Jul 28, 2015 at 16:19
  • It is not the problem, if you look closely you'll see he actually loaded the images but they are very small.
    – OopsUser
    Commented Jul 28, 2015 at 21:02

1 Answer 1

Reset to default
2

The problem you have is with your responsive design, and more specific - your breaking points. You can easily see that your website actually look exactly like the screenshot on 1024px width (see http://responsivetest.net/#u=http://www.wetravel.co.il/|1024|768|1) or just minimize your browser's width, you'll see the breaking point eventually). Google test the Desktop version on 1024px so that's the reason to display it like that. Your site looks like that for resolutions between 978px and 1186px. You should check your CSS, as that's the place where your problem occure

Improve this answer
4
  • no problem :) I am happy you left the name of the site in your screenshot, so i was able to debug it :) Hope you fix it easily.
    – ePetkov
    Commented Jul 30, 2015 at 12:00
  • Actually I wrote the name of the site in the original question and someone edited it out :( I don't really understand how to fix it because i didn't wrote the wordpress theme, if while debugging you saw something that can direct me to the problem i would be happy to know. Thanks
    – OopsUser
    Commented Jul 30, 2015 at 12:36
  • actually i didn't saw something specific, if i have more time this weekend i will take a look on it.
    – ePetkov
    Commented Jul 30, 2015 at 19:25
  • Thank you, I couldn't find the problem, i'll post it as a question in the site
    – OopsUser
    Commented Jul 31, 2015 at 8:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.