The latest addition to Google’s SERPs is their new Instant Preview feature. This allows searchers to “preview” a website or landing page prior to clicking through to it. Searchers can preview any listing in the organic results by either clicking the description, or the small magnifying glass icon to the left of every listing. The overview is displayed in a pop up window which shows a snapshot of the destination page, highlighting where the relevant search term appears on that page.

Through the preview pop up screen, searchers can get a feel for the site on the other side of the link; images, headlines, colour and general layout all have a major impact.  With relatively small size of the pop up window, prominent design features are more likely to catch a searchers eye as small text is difficult to read. This will make the first impression, or snapshot of your site, vital to traffic generation much like an advert in a magazine. You will only have 2-3 seconds to grab the searchers attention.

Some factors to consider when designing for instant preview:

Images

The prominence of images which are product or service specific will become even more important in your web design. Larger images allowing a clearer view of your offerings should be used to communicate instantly the thrust of your site. Smaller images or cluttered images will have less impact than a clear, large image in the new preview window. Pages containing long, text heavy content will look very dull and uninviting, whereas an image will allow you to make best use of the 2-3 second exposure.

Headlines

With small text so difficult to read in the preview window, anything in a larger font or bold will stand out as a headline. The searchers eye will be drawn to these sentences first, so make good use of them. Ensure your keywords are present and that the message you are trying to convey is clear and legible within your headlines.

Page load time

Page load times are an important factor in SEO as well as web design, but speed will be even more important with instant preview. If your images fail to render in the short space of time a searcher is hovering over your listing they will very, very quickly move onto the next. Combine this with the need to have bold images on your site, and a balance will need to be struck between image size, quality and load time.

Flash

As usual, Google has a problem with Flash, and Instant Preview is no exception. Flash sites or page elements are failing to display in the preview, making sites look broken or incomplete. This will deter searchers from clicking through to your site, especially if that flash element was critical to your product/service offering. This will result in fewer clicks, which will in turn lead to lower rankings and fewer sales.

Introduction pages

A good website designer will avoid introduction pages altogether, but there are still a great deal of sites out there using intro pages. Again, we have seen issues with these pages failing to display in previews, making your site appear broken and unattractive. This will have a serious impact on your click through rate and your rankings in the search engines.

So overall, instant preview presents new challenges as well as opportunities for web designers, both in design and SEO terms. Greater consideration will need to be given to what is legible and effective within the smaller preview window as well as on the site itself.

Here at Designer-Websites.co.uk we can ensure you have the edge over your competition with website design which takes advantage of Google’s new instant preview feature.

We have just designed and developed a new website for South Wales UPVC Ltd. The company based in Taffs Well, South Wales had commissioned us to create a new optimised website for their upvc windows and doors business. The website, as you would guess, contains lots of information on upvc windows and doors, as well as information about the company themselves. The company supply and fit a wide range of upvc products, including windows, doors, conservatories, orangeries, roofline products and commercial fittings.

During the development of this website some of us at Designer Websites used South Wales UPVC to supply and fit windows and doors on our homes, and I must say the cost was MUCH lower than any other company we spoke to and the jobs themselves were done quickly and easily, with no fuss and no mess. I would highly recommend these guys for windows and doors, not only because they are a client but because the jobs they completed for us were very professional and outstanding quality.

Anyway take a look at the website and see what they do.. UPVC Windows and Doors Company

We developed the computer recruiter website for the Cardiff based specialist recruitment agency sometime ago now, however it was felt recently that it would benefit from a minor facelift, so our website designers created a new image for the site and plugged that into the existing bespoke website and CMS. The whole thing took a couple of days to complete, from design through to development. The result is a more modern and crisp website, aimed entirely at the computer jobs market in the Cardiff and South Wales area.

We think the site looks good and is appropriately targeted at IT professionals, but more importantly our client is very happy with the result.

Take a peek and see what you think, the website is.. IT Jobs Website

We developed a pair of pre-designed websites for The Smile Dentist and Perfect Lips. The websites themselves we designed by a third party and we were then approached to develop the designs into optimised websites. The Smile Dentists site was completed first and is aimed at cosmetic surgery for individuals who want the perfect smile, that website is located here.. The Perfect Smile

The second site was the Perfect Lips site and this site is aimed at ladies who want the perfect lips or who require other botox procedures, the website is here.. Perfect Lips

So if you want the perfect smile AND the perfect lips, well look no further!

Ask any SEO professional and they will tell you JavaScript can be a double edged sword when it comes to website development, specifically in terms of design over SEO. Why? Well let’s take a look.

First things first, search engines don’t crawl JavaScript, so any keywords present within the script will be ignored, which is not good for SEO. You might think that this is not so important but actually one of the most important aspects of a website is the navigation and many websites utilise JavaScript for the menu or primary navigation. Many sites appear to use comments within JavaScript in an attempt to alleviate this problem; however the search engine robots will ignore any comments within script tags, so this will not help.

Another problem which arises with the use of JavaScript in website design is the search engines may see it as an attempt to mislead their bots because this has been a black hat method used by some poor SEO companies to display different information to bots than that which is displayed to the website visitors.

These issues are especially prevalent in navigational links where unscrupulous coders will hide redirects to different URL’s through JavaScript coding. This can actually result in search engines not indexing an entire section of your site as they ignore your top level navigation. Best practise would be to remove JavaScript from navigational links altogether and rely on HTML links instead.

If you’re website design does rely on drop down menus or other dynamic navigation then our advice would be to scrap it and adopt the use of CSS instead, you can get fantastic effects and probably the same appearance by using CSS.

Loading time is another issue affected by JavaScript. The overuse of JavaScript can slow down your website’s load time which not only affects the visitor experience, but also has an impact on your SEO. Load time is just one of many factors search engines use to rank your website.

How can JavaScript be used positively in Website Design?

JavaScript is best used to provide quick user interaction and help make the website more attractive to the end user, so using it to draw attention to call-to-action boxes, speeding up form submission and generally improving the visitor experience will help the website seem less static and more engaging for the user. This can be done without compromising the SEO by ensuring that the JavaScript is used on non-structural and navigational sections of the website.

So if you are going to use JavaScript, here are some tips to reduce the SEO negatives:

• Stick to HTML links where possible
• Do not use JavaScript for menus or indeed any primary navigational elements
• If using JavaScript with images or video make sure you use <alt> and <noscript> tags to offer a text alternative which is placed in the HTML markup
• Move your JavaScript to an external .JS file
• Place the actual script at the bottom of the page code i.e. just before the end body tag

If you are worried about making such changes to your website yourself then it’s probably time to call on the services of dedicated website developers.  Designer Websites provide high quality search engine optimised websites for businesses. Contact us today to discuss your website needs.