Solved

Page display issues with search engine's  caching  ?

Posted on 2012-03-21
6
257 Views
Last Modified: 2012-07-18
Hi,

     Please see here  http://tinyurl.com/eehelp  


This is a development copy  for the website i am talking about and currently working on.

 I just uploaded the site a few days back so that the search engine's could start indexing it so that the site gets indexed by the time i complete  all the remaining stuff.

I have got 2 issues with how the site's homepage has been cached by the search engines (particularly google and bing) .


1)As you can see, the man site area background (1024px) is white  while the remaining portions on the sides( viewable in case of monitors with resolution over 1024px) is a shade of blue.

However, when i see  the cached copy for the homepage on Google and Bing, they show all of that area as a shade of blue including the main site area.

Why's this happening, is there something wrong with how the search engine's view the site's  css?

In the css stylesheet i set the page  body to be a shade of blue while the #wrapper(main site area,1024px) is set to white(#ffffff)


2)The footer  displays in the middle of the page both for Bing and Google's cached copies. Again is there something wrong with the css?


 i suppose probably these issues can also affect how the site's users perceive the website.

Hope someone can help me resolve these issues.  

If you have any other valuable tips that probably might improve how search engines view/ cache the site or if you find any other similar issues that might affect search engines/ users perspective, please feel free to share them.

Many Thanks for all the help in advance.
0
Comment
Question by:ee-itpro
  • 3
  • 3
6 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 37750024
You might want to be sure that you are using valid markup.  I fed the fully resolved URL to the W3 validator and got 47 Errors, 14 warning(s).  You can find the validator here:
http://validator.w3.org/
0
 

Author Comment

by:ee-itpro
ID: 37750165
Hi,

       Thank you.   I will try validating the markup.


Is there an easy way or a tool to correct the mark up ?   Otherwise this seems a time consuming task.
0
 

Author Comment

by:ee-itpro
ID: 37807985
Hi,

          I've finally found what causes the bug  in google cache.... it's cos of a

<div  style=" position:relative">     that google adds at the top.  

 I'm not so sure though about how to fix this.   Would you be able to help if i post the mark up code(both from google and website) ?
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 108

Expert Comment

by:Ray Paseur
ID: 37808074
I might, or another expert might.  You might want to post the markup and then ask a moderator to send out a "neglected question" alert.  That should help get some new eyes on the question.
0
 

Author Comment

by:ee-itpro
ID: 37844499
sorry , i'll update on this as soon as i get some time... there were some urgent issues with the site to be taken care of so i couldn't update you.. i tried  to copy and paste code from firebug unsuccessfully, perhaps i need to copy and paste from the html source.  And hopefully you understand that there are more important issues than something not displaying as intended in Google cache.
0
 
LVL 108

Accepted Solution

by:
Ray Paseur earned 500 total points
ID: 37846834
You can use screen capture software to get an image of the information from Firebug.   You can post images here at EE.
... hopefully you understand that there are more important issues ...
We probably will understand if you give voice to the issues.  Otherwise we probably will not consider the issues you did not tell us about.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now