Google Instant preview launched recently and many sites should be in the process of making changes to major landing pages, if people actually use the new feature ( see a small study from Simple Usability ). Crawling over some serps here’s a few lessons to be learnt about landing page design now that Google have unleashed instant preview.
Everything about flash is pretty much a negative when it comes to Google. Currently a flash site or a flash object in a page will be displayed as a grey box with a little jigsaw in. For example Fiat.
But, Google have said they are working on being able to render the Flash to display in in the preview, so it might not be a problem…. however this brings us onto point two.
2) Timed Elements
But, the screen shot is taken after a certain period of time. There are two options for Google to when this screen shot is taken.
A – screenshot after the page has loaded
B – Take the shot after a certain time e.g. 5 seconds the average time for a page to load.
I’m guessing that Google uses a combination of the two, screenshot if the page is loaded, if it’s still loading at 5 seconds then take the screenshot. This would stop Google wasting time on pages that would never load or take too long to load.
If you have an animation or a change of divs being displayed think about what is displayed after 4-5 seconds, but there are no guarantee that the screen preview will pick up the animation you want. For example http://www.bensky.co.uk/ has a sliding div, on this example the Trails UK site was displayed this time, it could change from week to week.
or the xfactor Talk Talk page, which features a fade in it’s taken it mid fade.
So having changing elements on your page is risky as you can’t predict when the page preview is taken, so keeping flash may be a risk.
3) Questionnaires / Site Survey / Age – Pop ups
If you have a site survey or questionnaire or age verification running on your site it’s going to be picked up on the preview. Often the question box will pop up in the middle of the screen, with the surroundings faded away. You could try to add an exception so it’s not show for the googlebot IP. For example Carling has the age verification.
On money saving expert the background fades for the subscribe to newsletter to be highlighted.
4) Advert pages / Home page takeovers / Splash pages
The majority of the football team pages in the UK all have a offer page before getting to the main site, you may employ something similar for a temporary home page take over or offer. Or for some bizarre reason you may have a splash page, either option they don’t tend to look great in the preview. E.g. blackpoolfc.co.uk
5) Geotargeting Redirects / Messaging
The bot that takes the screen capture comes from Google, so it has a United States IP (see the page preview for whatismyip.com). If you have any redirects or message pop ups for US IP’s they will be displayed in the search results. Some examples include the BBC where the American version is shown with banner adverts, here for DHL.
Clarks have a similar problem where a pop up box asks you choose location, this only happens for a non UK IP.
So in conclusion watch out for:
- Timed Events
- Questionnaires / Site Survey / Age – Pop ups
- Advert Pages / Home Page takeovers / Splash pages
- Geotargeting Redirects / Messaging
As for designing for site Google Instant Preview… thats another blog post.