Solved

Page display issues with search engine's  caching  ?

Posted on 2012-03-21
6
258 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 109

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 109

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 109

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

DevOps Toolchain Recommendations

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

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
php extract($_REQUEST) 5 54
Box Locations 6 16
PHP Form Calculate Total Price 10 42
Scroll 5 news at a time. 4 28
This article discusses how to create an extensible mechanism for linked drop downs.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

809 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