Working with designers and SEO – #ProSEO Seminar 2010
Estimated reading time: 2 minutes, 21 seconds
Now for Distilled’s Leonie Wharton’s simple tips on getting the best out of your relationship with your designers.
(Sorry guys, no time to cover Andy’s tips on technologies & SEO – watch out for his blog post on the Distilled blog soon.)
Firstly, learn to communicate better with designers – it’ll help everyone!
– Let them know about design restrictions, especially if they are coming from a print background. Use something like a progressive enhancement methodology to ensure every step has its i’s dotted and t’s crossed.
– Show your designers where they need to focus on simple text areas but also let them know where they can have fun.
NB. The SEO should enforce sign-off and they should be involved right from the get-go. Start at the wireframes stage. Nothing should be a bad surprise as each of the stages progress, make sure your designer knows exactly what the final goal is from the very beginning.
– Try to provide your designer with the actual content, and help them understand what the key content is – as well as which images are going to sit alongside that content.
– You may need to reign the designer in on the font side of things, make sure there is a set style guide so you also know what you are doing if they are not there but you want to add content.
– Increase page speed – you can lower the file size, as long as you can maintain a decent image quality!
– However large or small, finding the right content should be simple if the information architecture is logical and the design is clear. Use simple wireframe templates.
– Make navigation obvious – don’t let your designer run away with their ideas
– Splash pages – enough said right.
– Breadcrumbs are an easy area a designer to miss out without guidance, same for text on category pages
Call to Actions
– Are they obvious? Squint at the page, can you still see them?
– Think contract to other website colours
– Do your buttons look clickable?
– Make sure the text on your button is an action – e.g. sign up, book now etc.
– Don’t clutter a page with too many call-to-actions as they lose their weight on the page
– Remember positioning – they should be at the end of the form, in line with where the user is used to clicking. Don’t move the button away.
– Don’t just use Google Images!
– Analyse what similarities your infographic content has
– Note down any visual references
– Decide on a colour pallete
– Include graphs and silhouette imagery
– Choose one font for the title and another for the body copy text
– Highlight key facts as either pull quotes or by using bold colours