-
Posts
-
Good evening,
I’ve been working on developing a new version of my website at http://designinside.com. When I test the page with Google Developer using the “Fetch as Google” option with page rendering, the rendered page doesn’t show any of the masonry images. It also stops loading the page after my first set of masonry elements.
When I look at the code that was captured by Google, it appears to be capturing the entire page.
Here is what the rendered page looks like in Google Webmaster Toolkit: https://dl.dropboxusercontent.com/u/2160661/google-webmaster.png
Here is what the actual page looks like in Chrome: https://dl.dropboxusercontent.com/u/2160661/actual-page.pngDo you have any ideas what would be causing this?
Hey Design!
Yes, the Fetch as Google function is a robot and most probably, yo load the page fast into the screenshot function, they do not render all the blocks.
I loaded your web page and it does load properly and function right, so you do not have any issues at all. Just a robot redering issue.Let us know if we can help with any theme issue.
Regards,
BasilisHi Basilis, the Google Webmaster Tool doesn’t grab a screenshot, it actually tries to render the entire page. After a few days of trying to figure this one out, I discovered that when using a “Color Section” element you MUST define the height of the element. Selecting one of the following options breaks the render test.
- No minimum height, use content within section to determine Section height
- At least X% of the browser height
Since google could still return the code, I’m not sure if that impacts your SEO but I’m not about to risk it since the majority of my business and traffic comes from Google. Now that I have defined the height of each of the Color Sections to be around 500px my page renders properly in the preview window of the Webmaster Toolkit.
Here is the working version in case you want to see what a working example looks like: http://designinside.com/
- You must be logged in to reply to this topic.