Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Page display issues with search engine's  caching  ?

Posted on 2012-03-21
6
Medium Priority
?
287 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 111

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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 111

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 111

Accepted Solution

by:
Ray Paseur earned 2000 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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…
Suggested Courses

886 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