All posts by Katigori

Project manager at Harmony Internet Ltd [http://www.harmony.co.uk] self confessed geek, Guide leader and choir member.

Moonlighters Website

I sing with a small swing, jazz choir in Tempsford on a weekly basis for over a year now, after moving from Bedford Choral Society in search of a challenge. The Moonlighters sing mostly without accompaniment, and the smaller number of members requires everyone to hold their own.

As one of the members was emigrating, the existing website had to be replaced and moved elsewhere. So after some thought I volunteered to set up a new site (the existing code and content was wrapped up in a third-party CMS which was not easily accessible) with WordPress and on TSO Host, my preferred hosting company.

The website – Moonlighters.org now is a source of new members and enquiries to hire, and we have plans – new photography, some recordings, even a mailing list.

Online Forum Documentation Project

For a little over a year now, I’ve been a curator.

cu·ra·tor
/ˈkyo͝orātər/
Noun
A keeper or custodian of a museum or other collection.
Synonyms
custodian – keeper – trustee – guardian – conservator

It is an administrative role at a friendly online forum, with posts monthly from between 50 and 60 engaged members from around the world.  Historically several hundred have been members at some point, and it has been going longer than the three years I have been part of the community.

It has a challenge of conveying the rules of a collaborative writing game, everything from how a member conducts themselves in a chatbox to the boundaries of science in the game have been painstakingly discussed over the years, debated, disagreed, resolved and reworked by the members and their curators.

The curator team has changed regularly over time, adapting to a larger group of members, more activity, hundreds of questions and the considerations of making final decisions on some of these discussions.  All in all, it can be a mammoth task, especially when collaboration is entirely done through forum posts, instant messages and the odd Skype call when timezones allow.  Some days it can feel a thankless task, other days it is synonymous with an online pub where topics fall to cooking and discussing the differences in culture and daily life between us.

Last year, shortly after I made the ranks of curator, the team went through a period of ‘redux’ where the forum’s documentation had become sprawling and inaccessible to many, with contradictions and other matters.  The forum had a wiki, but it was generally only for the interested or involved, and the decision was made to keep the core documentation on forum pages, but reduce the number and simplify matters.  But where to start proved tricky, and without being able to be in the same room to draw it out or debate it, it was hard to visualise.

Then stepped up a beautiful piece of software I’d acquired for the Mac – MindNode, a tool to map out thoughts and ideas in a spider-diagram.

We were able to turn this:
ao-original-docs

Into this:

ao-revised-docs

From there we could revise each piece of documentation in turn, rewrite it, edit it, tweak it, normalise the language and terminology between them so we used consistent names and formatting. Suddenly from a mass of text, here came the visualisation.

The short story being, that visualising things ended up working perfectly for us. What seemed an insurmountable task was now tackled by people who had never met in person, and benefitted many (albeit a hobby pursuit).

It’s a technique I will follow whether with pen and paper, or on here, to map out everything from content for a site, to a plan for a fictional character or environment. Ideas link – they flow from one to the next in logical steps, and from one idea can link many. Using this technique I am able to create far more detailed, reasoned and rounded ideas and executions, in almost any reasoning.

Audio: The Night Before Christmas

It was a family tradition during my childhood to leave out a mince pie, sherry and carrots for Father Christmas. I’m fascinated by the way traditions and Christmas is celebrated around the world when I speak with friends based in different countries. I decided to record this quickly on Christmas Eve to share with them, as from childhood, I still like to read the poem to myself on a night and think back fondly.


Night Before Christmas

Twas the night before Christmas, when all through the house
Not a creature was stirring, not even a mouse.
The stockings were hung by the chimney with care,
In hope that St Nicholas soon would be there.

The children were nestled all snug in their beds,
While visions of sugar-plums danced in their heads.
And mamma in her ‘kerchief, and I in my cap,
Had just settled our brains for a long winter’s nap.

When out on the lawn there arose such a clatter,
I sprang from the bed to see what was the matter.
Away to the window I flew like a flash,
Tore open the shutters and threw up the sash.

The moon on the breast of the new-fallen snow
Gave the lustre of mid-day to objects below.
When, what to my wondering eyes should appear,
But a miniature sleigh, and eight tiny reindeer.

With a little old driver, so lively and quick,
I knew in a moment it must be St Nick.
More rapid than eagles his coursers they came,
And he whistled, and shouted, and called them by name!

“Now Dasher! now, Dancer! now, Prancer and Vixen!
On, Comet! On, Cupid! on, on Donner and Blitzen!
To the top of the porch! to the top of the wall!
Now dash away! Dash away! Dash away all!”

As dry leaves that before the wild hurricane fly,
When they meet with an obstacle, mount to the sky.
So up to the house-top the coursers they flew,
With the sleigh full of toys, and St Nicholas too.

And then, in a twinkling, I heard on the roof
The prancing and pawing of each little hoof.
As I drew in my head, and was turning around,
Down the chimney St Nicholas came with a bound.

He was dressed all in fur, from his head to his foot,
And his clothes were all tarnished with ashes and soot.
A bundle of toys he had flung on his back,
And he looked like a peddler, just opening his pack.

His eyes-how they twinkled! his dimples how merry!
His cheeks were like roses, his nose like a cherry!
His droll little mouth was drawn up like a bow,
And the beard of his chin was as white as the snow.

The stump of a pipe he held tight in his teeth,
And the smoke it encircled his head like a wreath.
He had a broad face and a little round belly,
That shook when he laughed, like a bowlful of jelly!

He was chubby and plump, a right jolly old elf,
And I laughed when I saw him, in spite of myself!
A wink of his eye and a twist of his head,
Soon gave me to know I had nothing to dread.

He spoke not a word, but went straight to his work,
And filled all the stockings, then turned with a jerk.
And laying his finger aside of his nose,
And giving a nod, up the chimney he rose!

He sprang to his sleigh, to his team gave a whistle,
And away they all flew like the down of a thistle.
But I heard him exclaim, ‘ere he drove out of sight,
“Happy Christmas to all, and to all a good-night!”

Bitter Ruin AR

I am a long-time fan of band Bitter Ruin. Georgia Train and Ben Richards are fantastic, creative musicians. Described as “AH-mazing” by Tim Minchin, and having toured with Amanda Palmer, they are selling out performances.

Looking at good examples of how onvert Augmented Reality might be used, I put together a quick sample and filmed it as a piece of fan art.

As such, you can sample their album, Hung, Drawn and Quartered and see them in 3D with your album cover and your phone. Download onvert viewer and visit the onvert on site to do what you see in the video above.

Be delightfully Ruined.

Photography used on site and to put together the Augmented Reality was taken by Scott Chalmers, as seen on the official website

FSB Business Innovation Award

Biggleswade Chronicle

We had a photographer from the Biggleswade Chronicle visit to take a photo of the team at Biggleswade. It felt like we were at a wedding, carefully positioned to make up the shot in one end of the office where we normally receive visitors.

The photographs were following the recent Federation of Small Businesses Award for Business Innovation. Onvert, our Augmented Reality app and platform had won its category on June 13th at a ceremony at Mansion House in Old Warden, Bedfordshire.

Attached is a scan of the Biggleswade Chronicle by Sam Vernon.

L-R: Kieran Sawyer (Development), Abhishek Bose (Marketing), Jason Higgins (MD), Me (Project Management), Alex Hollyman (Development), Ljudmila Serdjukova (Marketing), Simon Newton (Design), Tony Nutley (Design), Trudie Clement (Management).

Staff at a website design and marketing firm are celebrating after they received a top award.

Biggleswade-based Harmony was given the accolade for Business Innovation at the Bedfordshire Federation of Small Businesses (FSB) awards on Wednesday last week (June 13).

Judges at the awards – which took place at The Mansion house at Old Warden Park, Shuttleworth – were impressed by the company’s new Onvert product.

The product – which is available as a free app and as a more sophisticated paid-for version – turns two-dimensional artwork into three-dimensional designs when viewed on a tablet or smartphone.

Managing Director, Jason Higgins said: “Onvert almost came about by accident really – it was something that we were experimenting with but it has really caught on. Since we launched it we have had interest from a number of blue chip firms.”

The increased demand for research and production has also meant expanding the company, based at Connections House in Station Road.

Jason added: “We now have five more members of staff here and 11 employees in total. The new staff are working one of the offices here which was previously vacant and which we were thinking of letting to someone else.”

Onvert is an Augmented Reality technology which allows users to see three-dimensional projections which designers can implement in their online advertising.

Jason said: “It really does give designers a new dimension to what they do and much more flexibility.”

David Gloven, general manager of headline sponsor Mercedes-Benz of Bedford praised the ‘amazing’ quality and breadth of entrants in the awards. The FSB is the UK’s largest campaigning pressure group promoting and protecting the interests of the self-employed and owners of small firms.

 

Biggleswade Chronicle Articles

From November 2011 to May 2012 I wrote a series of mini articles as the Harmony copywriter for the Biggleswade Chronicle with advice and discussion about all things web. These were republished on Harmony’s press page and are summarised below:

November: Unravelling the mystery of SEO

It was once consumer habit to leaf through the pages to find a business or service, it is now second nature to use a preferred search engine – the most dominant being Google.

December: Reveal More with Your Mobile

With over 5 billion mobile phone connections worldwide, it is little surprise that our pockets and handbags are filled with little chirruping companions.

January: How to Find Your Perfect Web Business Partners

Whether you feel it’s time for a change or about to select your first partner in business, the route to selecting an agency is important.

February: Reality Checking: How to mix your Worlds

Techies once came to use with “Virtual Worlds” – digital places we could explore and interact with via a mouse and keyboard. But that was so yesterday – the latest development is the merging of virtual and real worlds called “Augmented Reality”.

March: Moneysaving Web Tips 

Cutting queues, avoiding call centres and getting things done at any time of the day are great bonuses to being online, but there are great financial benefits too.

April: Tickle Your Creativity 

Without ideas and creativity, we lose the ability to solve, evolve and inspire. Here our suggestions for a creative break for all ages!

May: Is Your Business Mobile? 

Almost half of UK Internet users go online via their mobile phone (ONS 2011), but is your business offering an embarrassing service to them?

Internet World Expo 2012

As now reported in the official Metaio blog, we took onvert to Internet World last minute 24-26th April 2012.

Taking a large stand space just left of the front door, we put the whole stand together in about five working days. Everything from planning where the electrics would go, hiring lights, a van, getting the stand and hand outs designed and printed, even hiring a couple of staff for the three days. It was a risk, and it paid off considerably – even my patient other half had to rise at 5am with me on his birthday to have enough time to unwrap his birthday presents before driving me to the train station to get to Earls Court 2.

We travelled down on the Monday lunchtime to set up in the venue where blood was spilled (not mine, our Director’s) and electricians were spoken sympathetically to so we could get a power point moved as far as possible so our backdrop could go up. The lights didn’t fit the type of exhibition stand in use at Earls Court, so a slightly pricey hire and fitting later, we were able to head back to Biggleswade by train, happy everything was in place.

The onvert stand at Internet World Expo 2012

The stand’s design was mostly our Augmented artwork by Simon and Tony, using the three layer versions of the onvert with the original app. We held our breath that the 3G and visitor wifi in the venue was going to stay available, having hired a set of iPads for demo. Thankfully the 3G and the backup wifi were all working fine – and as visitors to our stand downloaded the app and played everything went smoothly.

It was hard to gauge how busy we would be after briefing our two assistants who came to join us for three days. Augmented Reality can be quite a tricky subject, and quite technical, but the huge advantage we had was that we could take people politely and show them. They could play and see how it worked and visually understand it. Seeing speaks far more than explaining Augmented Reality on paper, it sounds too abstract.

The stand team

The first day went by quickly, we were very busy, and lots of people stopped to talk and try onvert out. Because we were not hard-selling our service (at that point the service was entirely free, the pro version features are in development) people felt happier to come and talk, and I found myself using the skills I’d developed as a charity collector and through Girlguiding UK to engage people and listen to their thoughts. In business meetings everything is quite formal and the interactions aren’t as brief as at an expo, you don’t find yourself persuading someone passing by to draw closer and see zombies walk out of the wall…

Close up of the backdrop

By the time we reached the office in Biggleswade each evening we brought back a huge number of business cards and leads. It was incredible to discover and exchange stories of talking to companies like ASDA, British Airways, Sky Sports, Samsung and Sony. The team at Biggleswade were working tirelessly to get the prototype app with animation ready in time to demo a spinning turntable, and an album cover with lightning and rain. They also set about compiling and sorting the leads and following up on feedback and queries. It was good to see my colleagues come and visit the expo briefly during the three days to see how things had turned out in person.

A couple of the several hundred visitors who came to look

The onvert application was exposed to more than 11,000 participants at Internet World. During the three days, the app reached 100th out of 20,000 in “What’s Hot in the Apple App Store” as people downloaded the app and returned to play with the artwork and stand throughout the event.

Twitter was invaluable in those infrequent quiet moments and the commute to encourage attendees and stand owners to come by and try onvert at stand E3000, and also to attend Jason’s talk Augmented Reality – Why Super Powers Lead to Minor Injuries and Major Memory Loss. The slide art for which Simon was putting together back in Biggleswade. “Now that’s a decent title for a seminar!” someone tweeted.

Busy stand

When we managed to regroup at the end and look at the visitor stats in the end (keep in mind that we didn’t have a special scanner, so these were all leads we talked to and took notes from, and exchanged business cards with) we were pleased and surprised to find our visitors included: Sony, Samsung, ASDA, Network Rail, Waitrose, British Airways, Jaguar Land Rover, Barclaycard, Dermalogica, Panasonic, Black & Decker, Sky Sports, British Gas, KPMG, Ingram Micro, ikonami and over 200 more UK and foreign companies.

Little Book Valentine

Not so long ago at Harmony, we made the Pocket Book of Creativity

From the Harmony website in 2012 about the project:

It began as a creative exercise turned into a beautiful piece of marketing that can be enjoyed by all. Sometimes creativity strikes when you least expect it, and at other times it appears to be beyond grasp.

Creativity is the cornerstone of Harmony’s work – it is where our clever, innovative solutions for all manner of requirements and challenges shine. We dare to be bold and create solutions for our customers to give them a unique edge in their markets.

We wanted to share our love and investment in creativity – to inspire our clients, potential customers and friends to make today different, and try something new, so the Pocket Book of Creativity was born – a guide to making sure today is different.

The process was simple – as a team we discussed how creative ideas were born, how great inventors found solutions to problems and how ideas could be dashed. The ideas tumbled onto paper to create our vision on why creativity is important.

The ideas were organised into stages of decision making, to ideas of how to induce deeper creativity, and then a set of the creative people we admire through history and across many different disciplines.
“Without ideas and creativity, we lose the ability to solve, evolve and inspire. Too often, we let the needs of the moment occupy our creative minds and forget to look beyond today, to step back and to allow the idea machine between our ears to move us forward.”

“If this pocket book does anything for you, let it be to give you time and inspiration for creativity. Enjoy.” – Company Director, Jason Higgins.

The Pocket Book was lovingly designed by Sarah Francis in her freelance capacity as Creatingle. As well as being a dear friend, Sarah is a brilliant and quirky designer and a great person to put together our ideas and text. Her design was inspirational and drew from our work and her interpretation of Harmony. We wanted the project to be different – to not instantly look like Harmony, so this outside input was invaluable.

The book was printed up by UK company Little Book who do different versions of their book layout, and supply many recognisable brands and events. As they send out samples to interested people, we found out that the Pocket Book of Creativity gets a regular outing in their set of samples. (Edit: Sarah went on to design some more for Autism West Midlands)

Little Book were considering their branding and asked for opinions on their old branding using red bubbles. I was surprised to discover that my comment about the bubbles had been selected as a winner of some champagne and bright red balloons on Valentines Day! Subsequently we were featured on the Little Book blog. I don’t remember ever winning a little competition like that, so it was a lovely surprise!

Anatomy of a QR Code User

700-anatomy-of-a-qr-code-user-usa-2011

 

Statistics compiled as part of research for onvert.com – an Augmented Reality platform. I pulled together statistics from two reports, one from Simpson Carpenter, UK and the other from comScore, both in 2011 to put together the statistics. QR code usage in America is slightly behind the UK, who are again behind Japan and neighbouring countries who are earlier adopters of technology.

The most surprising number for me were the numbers of QR codes seen on television – which seems to be a bit of a daft place to put it unless you manage to keep it on screen for an extended length of time. Waitrose did something similar one year, but failed to keep it on screen for very long. Whereas QRs are commonly described as a good method for viewing sites while on the move, 58% were scanned at home, where one might assume a laptop or desktop computer could be found.

Reviewing the Samsung Galaxy Ace

A couple of months ago I had to unexpectedly bid farewell to my faithful Sony Ericsson C902 phone. For all its retro standings in the smartphone stakes, the camera was great, and the phone was robust. However, it was no match for a Macbook Pro falling from it at height – you may say it saved me a lot of money in breaking the fall – perhaps.

I am not a high maintenance phone user, with no contract. The landline, email, texting or skype does me fine and looks after my money, though I have been a very reliable, predictable customer to my mobile phone network for ten or more years. I didn’t want to put myself into a contract, but I did want to break into the smartphone world with my replacement handset – especially with all my work on content for ReallyAppy and Nonvert.

Cost

Without a contract, I was faced with the prospect of purchasing a phone outright. I spent several hours and several evenings reading reviews and watching videos or all manner of HTC, Nokia, Samsung phones, and gaping at the cost of iPhones and trying out a friend’s iPhone 3 (prior to iOS 5). Yes, I was mislead about the newer options in the iPhone, but neither was I able to shell out the money for the handset or a suitable data plan to feed the hungry thing.

Eventually, after much deliberation, I settled for the Samsung Galaxy Ace, which turned out to be at the centre of the patent war between Samsung and Apple, and is apparently now banned in the Netherlands. I can see why, as can my iPhone owning friends who are surprised at the similarities.

No Flash

The Ace is not powerful enough to support Flash, which at first seemed a little odd, but doesn’t bother me all that much. The YouTube app triggers pretty much seamlessly should I want to play a video on a website through the browser.

Battery Life

Many reviewers had a dispute with the battery life. Not being a heavy caller, I do find that I can make the phone last 2 days with light usage, but 1.5 days and on all night is usually enough to make it display ‘connect charger’ on the standby screen. I may be getting longer battery life because although I leave wireless on, I have data transfer switched off due to a lack of suitable data plan, which prevents a lot of background syncing.

When the battery life does get low, the phone appears to switch itself off, though I’ve never caught it in the act. My C902 used to have a fault that was either common or occasional in the handset depending on how lucky you were. I saw it switch off in front of my eyes twice while idle and on good battery life – however I have yet to catch the Ace doing this. Instead, it likes to switch off in my pocket, which I suspect may be to do with the power button being situated on the edge of the phone. Still, this behaviour correlates far more with battery being low.

Keypad

The initial keypad configuration was quite tricky to use – narrow like vertical iPhone keyboard but for a touchscreen newbie, a little too much. I have opted for the traditional keypad with multiple letters on each key for vertical and the qwerty horizontal keyboard when I require it. The most irritating thing about the vertical keyboard is the lack of apostrophe – one must use horizontal qwerty to get that character, a nightmare for strange people like me who insist on using correct punctuation even in IM and text messages.

Writing text messages can be quite amusing on the Ace. It uses text prediction – for some strange reason I must type ‘no sheep’ quite often, as ‘sheep’ will always be predicted after ‘no’ in my messages. At times when I use IM such as whatsapp that can have comic results especially as I struggled to not clip keys by accident.

However the prediction can be quite useful as it seems to use names and details out of its phonebook and teaching it words is pain-free (having just taught it ‘blogging’). There is the swype keyboard entry – its meant to hold a world record for speed. I may go back to have another go at it, but I did not find it as intuitive as typing with straight prediction in the first few weeks.

Camera

Calls are great quality, and the camera is super too – see my photo set for some examples. I recently used the camera on bonfire night and made us of the ‘fireworks’ setting. The flash is bright and clear, and it takes speedy photos. In comparison to my c902 the only disappointment has been that it seems to be more sensitive to light levels when taking panoramic photos. If anything, the zoom is better on the ACE – though they both have 5MP cameras.

Peripherals

The ACE comes with its own headphones for handsfree and an alternative colour back (white or black). The headphone socket is universal, which I have used to advantage with an audio cable for the car and my own headphones at work. The charger plug is also for data and a standard type of USB which is handy. I tend to carry the charger with me if I am not home at night so I can charge it that night or the next day, but its tiny and weighs practically nothing. Alternatively I can charge from a computer’s USB port.

Connecting & Bluetooth

I have not been successful in using the Samsung Kies software with the ACE due to its incompatibility with the phone and my Macbook. However, I am used to using bluetooth and after quite a while of being rather puzzled at how I could upload files via my standard mac bluetooth but not see files on the phone using it, I discovered that one needs to set bluetooth visibility individually on each file to make it visible. Once discovered, everything was fine, but it could benefit from a ‘select all’ functionality. Also I cannot delete using bluetooth, but there is a ‘select all > delete’ on the phone to please my clear-the-decks requirements after downloading photos.

Conclusion

Altogether, I have probably had the most teething problems of all the phones I have owned, with the Ace, but I half expect it as not only do smartphones use a lot of power, they are more complicated by design. For the money I paid at the time, there wasn’t much in the market, but I do wonder if I had paid out a little more, I might have got something a little faster, and a little more reliable – but probably a lot heavier, and bigger…

Why I love the John Lewis website

Since moving into a new property, I’ve trawled website after website and spent long weekends in furniture shops sorting out appliances and furniture. It turns out I’m just particularly picky, and also as its my first home to furnish (I previously short term rented furnished places due to studying etc) I had a lot to discover and contemplate.

Landing on the John Lewis website was a breath of fresh air amongst other retailers (particularly electrical ones…) with their cluttered websites and confusing product comparisons. So, these are my top 4 reasons:

Clean & Uncluttered

The John Lewis brand has a lovely, clean, elegant look of it. Even in stores there are dividers in just off white with some simple sans serif font. Whitespace appreciation gives breathing space. Everything about the clarity in the JL site makes you feel relaxed. Yes, one could argue it was a bit boring but in honesty, its a lot easier to read and find things when a hundred and two things aren’t blinking at your or crushed together.

The home page has a clear focus on a top panel which showcases some great photography and interesting products. It scrolls at a rate that doesn’t make my head spin, yet commands attention. The space beneath is divided neatly with images and text that fits well in proportion, and beneath that, at least for those signed in, is a recently viewed products and a neat, functional footer.

Menus

I know some people hate them, but I appreciate a well executed drop down menu with large drop downs. With such a vast array of products, its one way to cut down on the number of clicks between your visitor and your products. The menus on the JL site are easily read. I especially liked the Home & Garden menu – I was looking for furniture at the time – as it has been split into rooms, furniture, home furnishing and shop by type.

The women and men menus have a neat little ‘highlights’ column to pick up on trends or ad campaigns, and the gift menu handily splits between type of gift, the gift recipient and the occasion making life a lot easier. Shop by brand is the only one to buck the trend as it leads to an enormous directory of all the brands the shop holds across all lines for the brand lover.

Advice

I can safely say I didn’t know much at all about fridges before attempting to buy one – other than they kept things cool. However, I discovered what frost-free meant and the different energy ratings, sizes and different styles with the advice guide John Lewis provides. This extra info may be missed by quite a few shoppers, but offers valuable advice and tips which I found impartial – rather like the partners in each store.

Product Filtering

The product filtering on John Lewis was severely lacking from most other sites I visited to compare fridge freezers. Each category of product has slightly different filters – the fridge freezers for instance have brand, price, energy rating, fridge freezer type, frost free (freezer), and then the additional filters of type, colour, width refrigeration and rating.

There are quite a number of brands, so JL have shown the popular ones and then provided a handy expansion to see all the rest of the brands if you want to narrow it down. Handily they provide a number in each category too so you know how far you’re narrowing down your options.

As you interact with the filters the products and thumbnails begin to refresh, and so do the filters below. This saves time on page loading, and allows you to change your mind quickly. Once you have the filters in place, you can reorder and compare up to four side by side which makes comparison shopping a breeze.

What do you like and dislike?

Do you disagree? Do you hate the big menus and find the filters illogical? What have you spotted that you think is neat? I’d love to hear different opinions, so leave me a comment.

The image in the header of this post is CC use of: Westfield Stratford City – John Lewis by EG Focus on Flickr.

UK Smartphone Usage in 2011

UK Smartphone Usage 2011

 

While studying mobile trends to better understand the market for the benefit of ReallyAppy.co.uk – a joint partnership with Harmony.co.uk and Snow Chicken, I compiled a number of statistics about UK smartphone usage for 2011. With a spare moment I decided to turn this information into an easily-digested infographic. Infographics not only break up data into a visual format (which improves the retention) but adds a bit of colour and diversity to a blog which had mostly focused on text-based entries until then.

The information listed is from Ofcom, 2011.

Grow Your Own – Organic SEO

SEO or Search Engine Optimisation is the process whereby web pages are designed, built and modified to increase visibility in non-paid (organic) search engine results pages (SERPs).

There are two ways to be found in Google, one, to pay for visibility, and become a sponsored listing, or two, to achieve visibility in natural search listings, organically. Combining the two is super, but the foundations of being listed favourably are in organic SEO.

You can define organic search engine optimisation as the process whereby pages are designed, built and modified to increase visibility in search engines – essential knowledge for designers, and developers.

Of course, a word of caution before we begin – it’s absolutely useless optimising if your site is unusable or irrelevant to visitors. They are always your priority, not search engine robots. No good advertising a shop that’s closed for business, or has no front door.

Clear Ground for Crops

Valley Farm, West Wratting by Andrew Stawarz on Flickr

Photograph: Valley Farm, West Wratting by Andrew Stawarz on Flickr, Creative Commons License

The most ideal situation is embarking with organic SEO for a new site. Here, a clean, blank slate exists with no pre-existing visitors, structure, code or setup. Bliss.

The strongest SEO strategy is considered right at the start, with content, navigation, domain, and market. Quite often the client has established their market, name and domain, so the focus is on design and development, than wider market research.

Code & Content Outlines

Consider the code content order in your design. Humans can skip about the page to look at content in any order they choose. Search engines read the HTML code from top to bottom. Top to bottom of your code may be quite different from top to bottom of what you see in your browser. Therefore, decide early on how you will structure your code, so that the most important content is seen quickly by the search engine. Don’t hide your page specific content 1000 lines down your HTML.

Establish your headings. There are six headings in HTML, which a search engine uses to make sense of your content. In the majority of cases, you will only need headings one to three. Always make efforts to use in order: H1, H2, H3. Avoid jumping down the list and missing a heading out. Use one H1 tag per page – containing unique page content if possible.

Use headings correctly. Don’t wrap heading tags around something that isn’t a header, just for the sake of using the CSS styling associated with it. If you wish to draw attention and make a word in a paragraph stand out, consider strong or em tags instead.

Further Reading:

Organise Content & Files, Rewriting if Necessary

Map out your content. Picking the content to go on a website may be difficult for clients, providing outline assistance at the very least can improve the process. There are commonly reoccurring pages such as home, contact, products, about, and often testimonials or case studies after that. You need to know how you will structure the content and its relevant files, even if you are using a database to hold the content. Once you have this outline, draw it out as a hierarchy.

Not only will mapping out your content and organising your files save you time and help you find things, it assists with URL rewriting.

URL rewriting is the difference between naming your About Us page page1.html and /about/. Not only does the search engine understand it’s the About Us page far more easily, so does the visitor, and remember, visitors are the most important people to your site.

Use hyphens rather than underscores to replace spaces, for instance, about-us and not about_us as this is easier to read, and decreases the likelihood an underscore will be missed by default browser styles underlining a URL.

Apply the reasoning: if someone sent you a link to www.a-website.com/23409/ vs www.a-website.com/guide-to-youtube/ you would be far more likely to trust that the second address is going to take you to a guide on how to use YouTube.

Google uses the words in your file name and URL structure to help determine the relevance of your page to entered search terms, highlighting matches in bold – see brief is emboldened in the URL of the first search result above, along with the page’s title text, and description.

If you are only considering a smaller, static website, it may just be worth your while physically organising the files into folders and not worrying about programmatically rewriting. Examine the hierarchy or outline of your pages, and use that to guide you. For instance, you may have lots of products, which may group into categories. So you might either opt for /categoryname/productname/ file structures.

For larger sites, particularly those in ecommerce, and blogs, it is more practical to maintain if you manipulate URLs using automatic methods, such as the settings in the content management system adopted, or server rules.

By deciding your file structure early in a new development, you avoid the headache of trying to apply it later.

Further Reading

Minimalist Technique

It is good practise to extract as much from your code as possible. Avoiding clutter and bloat ensures your code is manageable and well organised for you, or any subsequent developer, to maintain. If you believe you will retain your job simply by writing something overcomplicated, you suffer the overheads with maintaining the code in the meantime. Besides, code bloat slows everything down, and damages the site’s organic SEO potential. Just don’t.

Keeping the code clean means removing any needless clutter – this includes inline CSS you have tacked onto your HTML as you developed, blocks of commented out or hidden code, and JavaScript into external header files. Clean code is not only faster, but it is easier to maintain. By starting out neat and tidy, it’s far easier to keep your code minimalist and organised.

Where Crops Have Grown Before

Bartons Farm in flower - Winchester by neilalderney123 on Flickr

Photograph: Barton’s Farm in Flower – Winchester by neilalderney123 on Flickr, Creative Commons Licence

In more cases than not, there is no clean slate to begin with. The client has either an existing website they need to be replaced, or worse, a poor website they wish to be promoted in Google. In these situations, execute damage limitation and scope out client requirements, budget and if it’s a challenge you can take on sensibly.

Take a Site Survey

The source code in your browser is not always entirely reflective of the full source of a website. It is far better to examine the real source files. That way you can discover any potential issues such as lack of templates, poor file-naming, or any custom back ends that will need maintaining or improving to help the site establish a better organic foundation.

Examine Existing Live Statistics

If no statistics exist, or are only measuring the number of visits, offer to add them for a minimal amount, even if you end up backing out later. Stats allow you to see how the website is doing in its current state – though you may need to study at least two weeks worth of statistics to get a better informed picture of the situation.

Ask particularly to view live stats, not printouts, if at all possible, so you can verify true values. Stats reveal current organic traffic levels, and the site’s pre-existing strengths. It will also reveal to the website owner how poorly a site is doing, if they are previously unaware, or have bloated expectations.

Further Reading

Talk to your Client

Sit down with the client and talk them through where the site is now and outline your subsequent proposals. Follow your gut instinct, don’t go into elaborate detail, unless the agreement is to pay for your advice, and someone else to carry out the work!

Be aware that code changes are often invisible to clients, as they are under the bonnet changes. They may question the validity of work, and suspicious that you have performed no work – and produced the Emperor’s New Clothes. Be prepared to back up your plans with examples and verifiable sources – especially official Google sources.

Remind them that these are long term improvements, and there is often no magic bullet.

Further Reading

Limited Budgets

On a limited budget, look for the small changes to bring biggest potential improvement. Depending on the site, this may be setting up unique title tags, or setting up a Meta description for the core pages.

Other common changes include replacing Flash or JavaScript menus with search engine readable links, setting up h1 and h2 tags, or adding and submitting an XML sitemap.

Mind Your Head

365.193 - mind your head by nettsu on Flickr

Photograph: 365.193 – mind your head by nettsu on Flickr, Creative Commons License

A surprising amount of organic SEO takes place within the header of a webpage. If you previously shied away at understanding the odd tags and requirements of a header of a webpage, you are overlooking a significant step in the process.

Valid Doctypes

At the very top of your code is a Doctype declaration or DTD. These advise the browser on the type of code it is about to receive, and allow it to make informed decisions on how to display the following code, and apply the correct rules. There are a variety of Doctypes, though the majority of people will stick with HTML 4.01 Transitional.

Not declaring a valid Doctype invites rendering difficulties, and demonstrates poor coding standards, relying on the browser to make assumptions on how to render the code correctly. It’s also about efficiency, and applying standards to your work. Like holding a driving licence, it shows what the code should be able to demonstrate, so don’t let it down by using bad code afterwards, swerving all over the road.

Further Reading

Title Tags

Possibly the easiest part of a header to pick out, they are displayed by browsers in the title bar (and/or tab title) and used by search engines to display the big blue link to your site in results listing.

Titles should accurately reflect the page content, with the target keywords, preferably weighted at the start of the phrase. Focus particularly, almost exclusively on the first 70 characters of your title.

Ideally, each page should have an individual title tag. If you can set a standard, generic fallback for the days you forget to set one, it is better than having no title whatsoever. Titles have a significant influence on keyword relevance for search engines, and should not be ignored.

Bad Titles

  • There was a farmer who ploughed all day…
  • Home
  • The Organic Company :: Products
  • Farmer Stories, Stories About Farmers, Farmer Stories, Farmer Tales, Farmers, Farmers are Cool, Farmer Stories

Good Titles

  • Farmer Stories | Stories About Farming | Farming Tales | Agricultural Literature
  • Flat Caps, Dungarees, Clothes for Farmers
  • The History of Farming in Britain – The Organic Company

The bad titles are either poorly descriptive, too long, repeat themselves, are just lists of keywords or have generic information at the start of the title. The unique aspect of the page and its content should be first, within those 70 characters.

Consider rephrases of your target keyphrase to aid appearing in alternative search terms, but don’t overdo it. The extra phrases will be of little use, if you do not back the phrase up elsewhere within the description and copy.

Further Reading

Planet - Jones Valley Urban Farm by southernpixel on Flickr

Photograph: Planet – Jones Valley Urban Farm by southernpixel on Flickr, Creative Commons License.

Description Meta Tags

Description Meta tags, like titles, work best when they are unique to the page they are describing. If you have hundreds of pages, start with your core pages, and consider a generic fallback for others at least, as it is important not to leave this blank.

The description Meta tag is used by search engines to populate the description for each search result; it is also a priority indication as to how relevant the page is to the entered search term. Therefore, you should include your target keywords again in the description, preferably towards the start – for example:

  • Read farming stories in our extensive collection. Find stories about farming in Britain. Famous farming talesagricultural literature.

This reflects the keywords from the title tag, and the page content, complete with a friendlier summary.

Further Reading

Keyword & Other Meta Tags

Pay little heed to this depreciated header tag. It’s only handy for more obscure search engines, or for keeping track of your target keywords for your page. Google have no plan to use it again after dropping it years ago.

Other Meta tags you may want to use in the header would include verification tags set by Google, Yahoo and Bing to use their enhanced webmaster services, and the charset Meta tag to define the content-type and character set of the page.

Often the default is UTF-8, though depending on your language, you may need to use alternative character sets to support all the characters.

Other tags to note are robot commands such as NOINDEX or NOFOLLOW, which prevent links indexing.

Further Reading

Refine Content

M&Ms Sorted by Color by Mr. T in DC on Flickr

Photograph: M&Ms Sorted by Color by Mr. T in DC on Flickr, Creative Commons License

Above all other content on your website, text is king. Text content should be your priority and focus, as this is the content that the search engine can index. Search engines are blind to pictures, colours and videos and deaf to audio. Therefore, never ever use images, flash or similar for text. It’s not seen by search engines, its not accessible and easily readable by human visitors, and its all round poor practise. The only time there is an exception, is for use as a CAPTCHA (antispam) which you should never expect a search engine to bypass anyhow.

Fancy Fonts

Don’t be tempted to make navigations and titles into images just for the sake of being able to define an unusual font. Using CSS you can declare fonts from a shared default pool, such as Arial and Verdana. These can be fairly uninspiring for designers. By declaring a font that is not commonly to different operating systems, you risk your visitors seeing the fallback font, and stumble into potential rendering issues, so an alternative method is required.

Images might seem like an easy answer, but they are troublesome to update, and often invite typographic errors. If you must use custom fonts, look into @font-face font embedding solutions, or font-replacement solutions such as Cufón.

Further Reading

Images

Despite the focus on text, do not underestimate the power of imagery to your human visitors, who are your priority. Images can be partially search engine readable by assigning individual alt and title tags. Image search is also an often overlooked entrance to your site. By adding the alt and title tags, and also naming the image file descriptively, you can improve the visibility of it within image searches, tempting visitors into your site through yet another route. Consider hyphens to split two words or more, not spaces or underscores, just as you would page names.

Further Reading

Video & Audio

Video and audio is an altogether different beast. Diverse content is attractive for your human visitors, but the search engines will miss out. Sometimes even your visitors would like a summary or transcript below, especially if they are on a slow connection, or have difficulty understanding the language or accents of those on screen. Transcripts are good for dropping in links to related content.

Further Reading:

Text Content

The important thing to remember is that you can only be found for what you write about. It’s no good trying to rank for green tractors if you never mention them. Put the phrase regularly, link on it, put it in titles and descriptions, your H1 tag, image alts and titles, image names, but don’t get pedantic and risk keyword stuffing. If you think it’s repetitive, it probably is.

Be sure to use friendly, understandable content throughout the website. Your client may describe themselves as a multifaceted solutions provider but nobody is actually going to search for that phrase, are they? Discuss with the client what their customers really will be searching for, to stumble across them, and focus on getting those phrases into the content instead.

If you are short on content, whatever you do, don’t repeat yourself. Duplicate content is bad news. Say it once or not at all, or risk demotion in Google. If you have discovered duplicate content on your client’s site, deal with it as soon as you can by removing it and using a 301 redirect for anyone unfortunate enough to venture to the old address.

Generic industry content may seem pointless to include, after all, your client may expect their audience are all experts in the industry who don’t need to be retold the basics? Never assume your visitor is always your exact target audience.

Wider descriptive or explanatory text about your industry not only gives you increased content, and therefore more chance to rank for your chosen phrases, but can assist newer customers in your industry. Assistance begins a trust relationship between customer and company.

If the extra information is really useful, and a good guide, the likelihood is that visitors will want to share it around, which is another positive, building links for you.

Ensure you carry out regular updates for the content, especially pages with date specific content. Visitors will be less encouraged if they find your site has no news since 2002. Always maintain your text, especially if it covers legal or health related content, for which out of date advice could be dangerous or cause you problems.

Always include contact details. Putting them at the bottom of each page is a good prompt for visitors to contact you. Placing your number prominently at the top of the site is not only a visual prompt to call, but increases the likelihood of the telephone number being well indexed – handy for a visitor wishing to contact you swiftly. Telephone numbers and email addresses are often sought by visitors as opposed to filling in contact forms. Contact forms do have the added bonus of being able to prompt visitors for specific information.

Further Reading

Content Enrichment

Once your content is established on the site, ensure you back it up with an informative sitemap. Sitemaps come in two forms – a physical page (though beware not to go above 100 links on that page if possible) but also as an XML sitemap. These are hierarchy documents just for search engines, which help them index your pages efficiently. You can create them using software, or you can use online sitemap creators to crawl your site for you, and create a map.

Once you have created an XML sitemap, upload it to the same domain as your site, and use the respective search engine website centres to notify them. When you add and remove pages, remember to update this, or look at solutions to dynamically create the sitemap automatically.

If there is any possibility of an international market for your client, or even a local bilingual population to break into, it is worth translating the core content and meta content by a human translator.

Further Reading

Know Your Neighbours

Sprouting Spuds at Hayes Valley Farm - 5/13/10 by edibleoffice on Flickr

Photograph: Sprouting Spuds at Hayes Valley Farm – 5/13/10 by edibleoffice on Flickr, Creative Commons License

Organic SEO is not only about the code and content of your website. It is also about whom you talk about, and who talks about you, so it pays to have a few friends.

PageRanks & Site Authority

Every website, and every page indexed by Google is given a PageRank between 0 and 10. The majority of sites may only achieve ranks between 0 and 5. Well respected sites may achieve higher ranks, for example, Twitter achieves PageRank 9. The higher your rank, the higher you are promoted within Google’s search results, as it measures the level of community respect and content authority by this number.

PageRank is roughly exponential. Progression up the ranks is not straight forward, and not merely based on the number of links to your site from others. Climbing to the next rank becomes progressively more difficult.

To begin building up a PageRank, you need to find people who will link to you. When you are beginning from scratch, with a PageRank of 0, it is worth doing the leg work and establishing links in popular free directories or local listings to set the ball rolling. However, your best tactic is always to scout out websites with a higher rank than yours, or at least the same rank.

Unfortunately links from sites with desirable PageRanks often require you to pay a subscription or listing charge in return. Those that don’t, tend to be run by savvy administrators who will be unwilling to exchange a link with you unless you have a similar PageRank, making the exchange mutually beneficial.

Occasionally you may get lucky, particularly with local community run sites, who will view linking to your website as beneficial for visitors, rather than a gain for their search engine listings. If you don’t ask, you’ll never know.

Further Reading

Building Links

If you want to link build for your client, you will need to establish a links page within the site. Clients can be quite resistant to adding such pages, because they are potentially advertising directories – which list competitors. Without reciprocal links, good directories will not list your client’s site, or you may not be able to make use of favourable listing positions towards the top of pages. Linking to a small page in your footer should be enough – the payback is often worth the small inconvenience.

If your site has multiple domains, it is essential you root them all into one favoured domain. This falls under Google’s duplicate content rule. Having a favoured domain allows you to focus your efforts in one direction, and build up a good rank.

Links need maintaining, so make regular check with software. Keep track of who you have requested links with, so you can check links remain on external sites, and notify the website owners if there if the link is incorrect. If you were rejected, make a note of why. It may be that you can approach them again at a later date.

Further Reading

Link Quality

To add a further twist, link density can influence link value. For every link on a page, the value it gives the receiving website reduces. Imagine a strong black coffee. This is a web page with no links on it whatsoever. Adding a link dribbles some milk into the mug. Adding more links dribbles yet more milk, until the coffee becomes weaker. If you are featured on a page with few links, it makes that metaphorical coffee stronger, and the link has all the more value.

Educational and government websites, with domains ending in .edu .ac.uk .gov and .gov.uk are considered to be of high value if you can get a link from them, but hideously difficult to achieve. It is historically believed these domain types were habitually more authoritative due to their restrictions on use, though it is a claim currently in dispute.

Being listed at the top of a page is better than at the bottom. It has the added bonus of increased visibility by visitors to a directory. Often top listings are again restricted to those who pay, so do your homework first. Find the directories and sites that appear high in the results for your favoured searches and piggy back their high listing. Alternatively look at directories with the best Page Rank and invest there.

Some directories will lure you in, but in the end charge you for adding the website link. Listings without links won’t add quality to your organic SEO, but they will faintly help promotion in general.

Further Reading

Let the Competition Find the Links

If you are investing time into building organic SEO for a portfolio of clients, or an extensive campaign for a big client, it is worth your while investing in some tools. Software can survey the position of the site, and its pages within search engines and report back, without you having to search by hand, or use Google queries.

Good software will also allow you to scope out the competition, studying the leading results for a search term. By surveying who links to these top results, you can discover unusual places to become listed, and discover high ranking websites to approach. Discovering the reason for your competitor succeeding for phrases you are currently finding difficult to rank for, can be most enlightening!

Further Reading

Patience

Organic link building takes time and effort. It may be some time before you see results. Monitor your referring sites in your stats to pick up on the in links that are giving you the best results – not only by number of visits, but how long the visitor stays, and what pages they visit. Occasionally your email requests for a link may take weeks to be responded to, and listing in DMOZ can be a never ending wait due to their lack of editors.

Keep Track

Tracks - Instax Windows by Slightlynorth on Flickr

Photograph: Tracks – Instax Windows by Slightlynorth on Flickr, Creative Commons License

Always keep track of your efforts. Sometimes you will be surprised at where small efforts can turn about big results. Use the results and reactions to plot your next move. Don’t rely only on the statistics reported in your analytics, keep updated with the number of calls and contacts via the website, to seek correlation.

Watch for an increase in organic search engine traffic, an increase in time on site, and a lowering in bounce rate. Your top page according to focus may also vary and adjust to reflect your efforts.

Site Indexing Inclusion Ratio

Nice, simple number that can be done with Google, as long as you know the number of pages in the website you are surveying. Type site:www.yoursite.com into Google (of course using the desired domain, not yoursite.com). Google will return the pages it has indexed for the site, and at the top, the total number indexed.

Calculate the inclusion ratio by taking this total number, and dividing it by the number of pages that are really in the website. The closer Google’s total is to you the number of pages, the better. If it is low, check what pages are indexed, and work on interlinks between your pages and your sitemaps.

Use Google alerts to monitor when content is indexed. You can set up a number of alerts to notify you by email when new pages are included, or when a phrase is included in news or other results.

Further Reading

Inbound Links

Google can return its identified inbound links to a website, or a particular page, according to its index, if you enter link:www.yoursite.com as a query. This is useful to keep a tab of to monitor your progress with link building. Using it to query particular landing pages may also be enlightening.

Conclusion

Not every method will be viable for each site. As you experiment and try out different techniques, you will often find that no one method is the answer. Some markets are habitually more difficult to optimise for than others.

By engaging with organic SEO, you may be able to save money on PPC and ad campaigns, by appearing in the top results for a search term consistently with minimal maintenance.Organic is a long term solution, though its financial investment is often lower than PPC, and its outcomes are retained for some time, even if a site is eventually neglected.

Project Manager @ Harmony Internet

I have worked for Bedfordshire web design company Harmony Internet, first as a trainee web developer and then as a project manager since September 2008.

I am fortunate to have worked with nearly all the clients in the company portfolio, providing support, updates, copywriting, organic search engine optimisation support, email marketing, template building, testing, researching, analysing, quotes, and simpler development tasks.

My role is very broad, as I am neither design nor development specialist, which means I have niche knowledge and fulfil and eclectic and unusual set of requirements between different projects!

Much more information about my employer can be found on our Clever Web People website.

Part of my role is to undertake copywriting requests from clients and internally for our company.

Examples of articles I have written as part of my job include:

For ReallyAppy

For Mobility Pitstop

For F C Dawes & Son

For our company website

 

Article Published in Smashing Magazine

I was very fortunate to work with Smashing Magazine, a popular online magazine in the web design industry. Writing the article for them in 2010 took research and quite a few rounds of feedback to ensure the article was of high quality, for which I thank my colleagues at Harmony Internet, and Smashing Magazine’s Editor in Chief, Vitaly Friedman for the constructive feedback and support.

The article was originally in short form for Harmony Internet, though was published with Smashing Magazine in August 2010 attributed to me with Harmony Internet as my employer:

Recession Survival Tips for Web Marketing and Online Business