EDI: We Need To Talk About Retail Fashion

 

What's wrong with this picture? At first glance it looks fine but a peek underneath shows a vast disparity between the idea of a suit for women and for men.

Happy New Year 2016: Lessons To Learn, Battles To Fight

Happy new year, everyone. I'm writing this post with a mix of hope and fear: hope that we will finally turn the corner and avert the threat of sinking deeper into a police state poisoned by fracking and suffering from economic and environmental woes and fear that apathy will keep us on our current course. Here's a round-up of 2015 as I experienced it along with some projections of what this year will bring.

So You Want To Be A Web Designer: What You Should Know

I've been fooling about with HTML, CSS, and PHP for years as an amateur, setting up small specialist forums, then moving on to galleries, blogs, and other CMS (Content Management Systems). I even had a go at setting up a ZenCart ecommerce site but the owner wanted to tack on some pages and a gallery as well. The result was a multi-platform site that I could probably have done better on WordPress. When temp work dried up and I had to claim benefits, the benefits advisor suggested I turn my hobby into a business. This is what I learned.

Happy New Year 2015

Well, I'm back. Rich and I went to Birmingham, then Stafford to visit the in-laws. All those jokes about them simply don't apply to us, we get along very well. On Boxing Day (26th Dec) we went to Birmingham to Richard's brother David's house, where we spent the night. David is a skilled driver, which is just as well as they'd had some snow and the roads were quite slippery.

Alternative Browsers: Seamonkey, Maxthon, And Opera, Oh My!

Well you'd have thought that the browser wars had already ended and Firefox declared the winner, but on the internet, it's never really over. When the browser I've been championing for years, Cometbird, let me down by going all slow all the time for no apparent reason I decided to wait and see what the developers would do about it. The answer, it seems, is either "Wait for Firefox to sort it out" or "Lose interest and quit." I'm unwilling to put up with bad service so I tried some other browsers out. This is how I fared.

Mobile-first themes: Hit or Miss?

Perspective Therapy screenshot

There appears to be a general trend to mobile-first web design these days, and all the trendy bleeding-edge ones are so mobile-ready they don't look too good on desktop PC screens. We still use them, you know.

Free Stuff: Create The Perfect Slideshow/Gallery For Your Website

Well I wanted a nicer-looking slideshow than I got with the Photobucket iframe and I do believe I've found it. Cincopa provides a range of image display solutions, one of which I'm using right here for my gallery.

My Story In Pictures

Gallery

...

Too Good To Be True? Five Ways To Find Out

Today I found a notice in my inbox advertising a new website hosting service. I'm perfectly satisfied with iPage but if I wasn't, these guys might have tempted me. They really caught my attention with their excellent offer but I've had cheap hosting before and ended up paying for it via rolling blackouts in which my website would go down for hours because of the junk on the servers. I've learned my lesson; if you buy cheap, you get cheap.

Here are five ways to spot whether or not you're getting a good deal or being taken for a ride.

Fake Traffic And What You Can Do About It

To be perfectly honest, I never really bothered about fake traffic one way or the other. I could always delete spam because my blog is set to hold comments in a moderation queue, so I didn't really bother about the ones that slipped past my anti-spam plugins. However, when it caused my hosting account to be suspended, I realised I'd have to do something about it.

What is Responsive Web Design?

A Simple Guide

Guest post by Richard McMunn of How2become.com

A website is a group of World Wide Web pages usually containing hyperlinks to each other and made available online to present data on a display device. Until recently, this displaying device was usually a computer screen, and until not so long ago, the size of the screen was the same all over the world — simply because it was the only one available! Today of course, the situation is completely different. Nowadays, the sheer variety of platforms that we use to access the internet is quite staggering.

How TV's In The Flesh Demonstrates The Point Of Design

I've been greatly entertained by the new BBC3 television programme, In The Flesh, a tale of the aftermath of a zombie uprising in which the undead are being reintegrated back into society. It's basically a kitchen-sink drama with zombies in. It won't float everyone's boat but what interests me is the way it uses design to tell the story, which, as a web designer, is my job.

The Ten Web Design Commandments

And lo, it came to pass that word came to Wendy Cockcroft of the advent of Web 3.0. An angel of the internet came down and declared, "Blessed art thou, Wendy, for thou hast sought out the web design blogs of knowledge of good and evil, and hast partaken thereof. Now take down these ten commandments of web design and development, and go forth into the world and preach them unto the multitudes."

Ten Ways Web Designers Can Fail

As a member of Linked In and other social networking websites, I often get emails that point to other websites, particularly those that offer web design and development services. Rivals. Well you'd think that in such a competitive business environment, they would make an effort to present themselves in the best way possible. Here are ten ways they get it wrong.

Blogger As CMS? Uh, Yes

When Mumba Kafula and I discussed updating Dynamic Heights, the brief was to provide her with a cost-effective CMS and hosting plan that would keep all of the features she liked intact while giving her the means to make changes herself as and when required. I'd noticed that Blogger can be used as a CMS, so went to work.

Typically, a CMS (content management system) has features that include static pages and a means to produce dynamic pages to serve content for users to interact with, e.g. call-to-action buttons, contact forms, or buying online. WordPress is the most popular one and most blogging programs can be used for this purpose. Until recently, Blogger's limitations left it out of consideration as a CMS because it was just too "bloggy" and I didn't know how to set a static page as the landing page. I also wanted to add a slideshow and make it look nicer than the old one.

Making the move

I set up the Blogger blog on Mumba's Google Apps account and copied and pasted the content onto it. One of Blogger's limitations is it doesn't like clever CSS in the template and won't stand for gradients like the one in the original. You can host the CSS in Google Developers and link to it but Mumba prefers the sunshine-y background I've got for the new installation and provided me with a lovely pic of herself to put in the sidebar. The old silhouette pic went and I found a decent stock images website to use, though I've given my husband Richard a cameo on the Services page. The old site was hosted on 000webhost with a blog on Google Sites. The switch to Blogger put the whole thing in one place. Now all I had to do was make it look like a website, not a blog.

The Home page

On Blogger static pages, the default is to put the page name at the top and bottom. It doesn't look right and I had a heck of a job finding the right bit of code to put in place

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>

h3.entry-title{
display: none !important;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>

h3.post-title{
display: none !important;
}
</style>
</b:if>

Then I did the menu. I wanted the Blogger website to look as much like the installation as possible. The Template/Customise/Advanced/Add CSS area permits you to add your own code, as long as it's CSS.

#navbar { height: 0px; visibility: hidden; display: none;}
.tabs-inner .section:first-child {
border-top: 1px solid #edddc6;
}
.tabs-inner .section:first-child ul {
margin-top: -1px;
border-top: 1px solid #edddc6;
border-left: 0 solid #edddc6;
border-right: 0 solid #edddc6;
}
.tabs-inner .widget ul {
background: #e7d6bd url(http://2.bp.blogspot.com/-r9Y1gqzu2qw/ULFk6MiE_BI/AAAAAAAAEVY/MIxcFFnAnO0/s1600/menubg.png) repeat-x;
_background-image: none;
border-bottom: 1px solid #edddc6;
margin-top: 0;
margin-left: -30px;
margin-right: -30px;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1em;
font: bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #d7b789;
border-left: 1px solid #84500f;
border-right: 1px solid #84500f;
}
.tabs-inner .widget li:first-child a {
border-left: none;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover .widget li a:active {
color: #84500f;
background-color: #d7b789;
text-decoration: none;
}

Change those values to whatever you want them to be. Note that I added an image for the navbar. I hosted it on Blogger by uploading the image to a blog post, then right-clicking and choosing "View Image." I right-clicked in the image, selected "Copy image location," then went back and deleted it from the post. Then I added the image URL to the code.

Blogger is a bit funny about colours and won't let you add your own code except in the advanced CSS. I got around that by uploading a small image 20px X 20px with the colour I wanted on it for the background. I wanted to change the page background. Here's the code:

.content-inner {
background-color: #ffeed5;
}

Getting rid of comments is best done manually. It's in the settings drop-down menu on the right-hand side of the page or post when you're in edit mode. You can also change the date of the post. Then there's the bloggy bits on the bottom of the page, the share buttons, etc. Here's the code:

.feed-links {display: none;}
.post-share-buttons {display: none;}

Finally, I didn't want all of my images to have that light-box effect so here's the code to change that:

.post-body img {
padding: 0px;
background: transparent;
border: 1px solid transparent;
-moz-box-shadow: 0px 0px 0px ;
-webkit-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px ;
}

There is, of course, the matter of the slideshow. Nivo does some lovely sliders and they're responsive now. I'm pleased to say they do one for Blogger and there's a gadget maker service that creates the components for you. I didn't want to insert the slider in as a gadget, I wanted to be able to insert it into one individual post.

Way2Blogging has the solution. Use the script generator to generate the code, then copy and paste it into the Template/Edit HTML area just above </head> tag. Then get the code, which ought to look something like this:

<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<img alt="Achievement" src="http://2.bp.blogspot.com/-eQz8dFjOfQk/ULbE1zMKBaI/AAAAAAAAEZw/iEg4KynEj_8/s1600/slide2.png" title="Are you ready to achieve?" />
<img alt="confidence" border="0" src="http://2.bp.blogspot.com/-R-ihUVu7i4o/ULbExmWCJoI/AAAAAAAAEZU/LmJL3Uptz40/s1600/slide1.png" title="We can help to build your confidence" />
<img alt="Optimistic" src="http://1.bp.blogspot.com/-ccWvGzejI08/ULbE2tce9YI/AAAAAAAAEZ4/9VpvOEvHn2g/s1600/slide3.png" title="Be optimistic about your future" /></div></div>

and go to the post or page of your choice, then choose the HTML option in the edit mode, then paste the code in wherever you want it to go. One thing you'll notice is that the images don't fit the page properly. You need to get the original-sized images in there for it to work as intended; the script shrinks them, for some reason. If for whatever reason you get stuck with a revolving timer image, it's because the .js file has been deleted or moved. Drive HQ hosts scripts and there's always someone somewhere who does. You can use the file URL without causing any problems for anyone. If that fails, do a search for jquery.nivo.slider.pack.js till you find a storage service that lets you link to it. Or you can pay for a Google Apps account and store scripts there.

I chose the two sidebar layout; be aware that if you choose that, it's stuck like that for every page. That's why it was so important to get the slider to only go on one page.

The Domain

Moving the domain to the new installation was a huge pain, mostly driven by the fact that the instructions aren't as clear as they could be. If you're moving your domain from one website to another, here's what to do:

My BlogSpot URL is: dynamicheightstraining.blogspot.com

My domain URL is: www.dynamicheights.org.uk

DNS changes:

@ A 216.239.32.21
@ A 216.239.34.21
@ A 216.239.36.21
@ A 216.239.38.21
www CNAME ghs.google.com.
vlejgcawotqx CNAME gv-qzron2doln5ykisamrwr3qnrhqzcudage7vce7dtlxmb26evstja.domainverify.googlehosted.com.

If you do anything else you'll get a 404 error because it's not properly connected. Thanks to Nitecruzr at Google Product Forums › Blogger ›for his assistance.

Mobile

Blogger is a huge pain in the bum if you want to have a static page set as the home page, then view it on mobile. Since there's not a Blogger-friendly responsive Nivo Slider yet, or at least one I'm happy with, I've had to come up with two; one for the static home page (PC version), and one for the blog post that shows up on the mobile version. I didn't set it to go to a mobile template in settings; it'll default to mobile by itself.

Because of the need to scale the slider for mobile, I've had to make a mobile version of the home page and set it as a post published a hundred years in the future so it always shows up on the first page. I also had to make a separate menu for it that only shows up on mobile devices and style it so it wouldn't suck. You can use what you like; I used a link list and styled it as a vertical menu using a variation of the menu code above. I've got a browser resizer I use to check how websites look on different-sized devices. Add /?m=1 to a URL to check how websites look on mobiles.

Conclusion:

Ever since I learned that it's possible to build a website on Blogger and make it look professional I wanted to have a go at it. As free hosting option, it's a great idea and you can do most of the things you would do on a standard dynamic website there. Since you're riding piggyback on a Google service, it does wonders for SEO. Needless to say, it can integrate seamlessly with other Google products, e.g. Google Drive and Google Plus.

However, the limitations continue in that you don't have the level of control you would have over, let's say, a WordPress website and many of the functions and features I take for granted on WP have to be included as hacks, not options built into the template design area. Making it look like a "normal" website requires a coding sleight of hand that isn't necessary on WP. I'm happy to recommend it as an option to clients but I suppose I'm naturally biased towards WordPress. I'm open to persuasion, though.

What Does A Web Designer Do? Five Things They Should Know

I often get into conversations with people who want me to think of them as designers who need a bit of help to get their websites to work the way they want them to. However, it often transpires that they knows very little about what's involved in actually building a website. Hint: it's not about making a pretty page on the internet.

Five Free Tools To Improve Your Website

Anyone who makes a living from working online knows the importance of regularly checking their stats and acting on the clues they give. Below are some tools I've found to improve my site's performance.

Owning The Narrative: How To Control Your Online Image

The narrative, or story of you, your business, and how you are perceived, encompass all your internet real estate holdings and all the places you go or are mentioned online. It's about the perception of you, what's important to you, and the message you want people to receive, understand, and accept.

You can only really own your narrative if you have the support and consent of your audience. Forget that at your peril. There's no point in complaining about your reputation if you're not doing enough to present yourself in the best possible light. Reputation management companies will offer to bury bad news about you under positive posts in blogs, etc., but if you want to be respected there are some rules you need to follow or you're going to have to spend a lot of money on a professional publicity machine. Everything I'm recommending here is free.

Your professional narrative: your website IS your business

I'm working with a client at the moment. We're at the pre-deposit stage and talking about how the website will look when it's finished and the thing I'm pushing harder than anything else is the need to make it look crisp and professional. The advantage of working with a client who thinks you're great is they trust you, however, when they have ideas of their own you often find you have to work hard to save them from the perils of bad design decisions.

I'm never less than 100% honest with my clients and since understanding how the internet works is as essential to my business as it is to theirs (I describe myself as an internet consultant for a reason), if I think they're making a bad decision I will say so. Let me get this out of the way right now: if you don't have a crisp-looking up-to-date mobile-ready website, call me now on [deleted] or email me on info@wendycockcroftwebdesign.com. Don't wait another minute. The trouble with a shoddy website is it says you just don't give a rat's, which means you'll probably give a shoddy service. Think about it; have you ever bought services from a website that looked dodgy and old-fashioned? Don't make the same mistake they did.

If your website is the first point of contact, how will it drive business to you? Look at what your rivals are doing. Here's where they get it right:

• Immediately visible contact details


• Clear, concise information that tells you what they do and who they do business with


• Pictures that reflect their core business


• Clean graphics


• Navigable website that scales well on a mobile phone


• Attractive colour scheme


• Legible text


• Clear, well-worded content with no spelling or grammar errors

The graphics on your website should be of the highest standard — no dodgy .jpgs with red eyes or fuzzy .gifs. I love animated .gifs and make them myself but please note that people often get annoyed by insistent flashy things going off on the side like mini visual bombs. And don't use huge images. They load slowly.

Your narrative on social media

You know those rather narcissistic posts you see on Twitter or FB that go, "Me me me! Look at me!" They rarely get likes unless the sycophantic followers of popular celebrities have posted them, or they're funny, sad or useful. Anything that provokes a visceral response will be retweeted, liked, or shared. That's how memes get started. Anyway, I've seen FB accounts that receive posts but there's no engagement. I don't get a lot of action on my FB account but I live on Google Plus and Twitter. Sooner or later you've got to decide which of the social media websites you're going to "live" on because that's where you do your marketing as well as yakking about stuff with those people you find interesting. Let's take a look at the essential social media websites.

Twitter

Twitter is what is known as a microblogging site. Many people think it's just about posting inane comments but actually you can post images, videos, and links there. I use it mostly to promote my business via my blog posts. The way it works is quite complex: I use Facebook's Networked Blogs app to receive my RSS stream and broadcast it to Facebook, Twitter, and Linked In, which receives my Twitter feed. I have to post to G+ manually.

You can have conversations with people there by replying to their tweets. It's considered good netiquette to retweet those tweets you like and not to post too many items in a row either by tweeting your own stuff or retweeting other people's. That's spamming and I've dropped a fair few people for doing it. Sorry, but the last thing I want to see is a whole page full of one person's tweets. Use TwitLonger for tweets longer than 140 characters.

Facebook

Facebook is for family and friends. They have business pages where you can post blog updates (Networked Blogs takes care of all that for me) and assorted information and they're great for interacting with other businesses and people. That's the page you have to keep an eye on because failure to respond quickly to enquiries via your Facebook page makes you look bad. Respond every time. It could be a deal-breaker.

Linked In

Linked In is the professionals' network and the socialising is mostly done via groups. You post a topic and people either reply or you sit there looking like a lemon. I've seen some people come a-cropper there by being obnoxious, trolling (starting a fight for the sake of it), or spamming the various threads with links to their businesses. Always be courteous when posting an opinion and work on building relationships with potential clients and employers as well as your peers.

Google Plus

Google Plus is nerd heaven. There are also a number of conspiracy freaks and fascist nutbags who frankly terrify me. This is where I do all the politics, and I've been doing a lot of that lately. I mostly get on with the liberals and there's the odd conservative with whom I have the odd heated discussion but we end up being friendly even if we disagree. After politics it's cats, science fiction, and pop culture. I'm a bit of a grammar nazi so couldn't resist it when Social Media mogul Kim Beasley shared a post that went along the lines of "Are you a sci fu fan? Come and join our hangout later on."

My response: "Is that a typo or is it about martial arts with aliens? Think 'Star Wars' meets 'Blood Sport' and there's cage fighting in the cantina. I can has finance?"

I got a few lols from other Plussers. The point is, in conversations, be friendly and funny, or relevant and reasonable, but never obnoxious. I've got nearly 500 followers at the moment, which is important because sooner or later at least one of them may want to employ me. They'll only do that if they like me enough to trust me, then pay me.

Leveraging social media

Since most businesses have been persuaded to get social accounts, it's a great way of getting customer service issues resolved if you can't get satisfaction over the phone. I've resolved a few things by visiting the Twitter accounts of someone who has annoyed me and leaving a tweet @ them. They don't like receiving negative press so they're pretty quick off the mark when that happens. The pic on the left shows a crook being thwarted by PayPal, who agreed to remove a domain I own from another user's PayPal account even though I'd broken their rules by setting up an account in that fellow's name. When the phone-based customer service didn't work, I took it to Twitter. Job done.

This is a fantastic way of demonstrating good customer service so rather than being annoyed or upset if someone criticizes you on your social media account where others can see their comments, turn the negative into a positive by saying, "Sorry you've had a bad experience, Mr. X," then present them with a solution. You can either get their email address and get all the details sorted out in private or follow them, ask them to follow you back, and do all the back-and-forthing on Twitter. Same goes for Facebook and your other social media accounts. The idea is to get a resolution sorted out and a happy customer at the end... and more customers when they see how well you resolve disputes.

On and offline media

There are a few rules to getting it right in order to own the narrative of who you are and what you do. If you don't take careful steps to manage your image, you're going to have a situation where what you want to project diverges significantly from what your audience perceives.

Discussions

I get so distracted by Google Plus discussions, it's untrue. I've just been involved in a rather spirited one about adverts, ad blocking, and whether or not it's ethical. The way you behave in discussions can make or break your reputation. I'm often seen as well-meaning and idealistic because I am. And since I'm always trying to learn new things I seem childlike to some people because I don't pretend to know things when I don't. I try to be positive because being negative is not an option for me. People appear to perceive me as I actually want to be perceived. While the discussions can get a bit heated, if you want to be perceived as being reasonable, you have to be reasonable no matter what.

Remember that what you say on the internet stays on the internet, even if the moderator removes the comments and deletes the thread because some aggrieved person might screencap your comments and send them viral on Twitter, etc. If you find you're at the name-calling and flouncing-out-in-a-huff stage, get off the internet. Switch off your PC and find something else to do. You don't need a horde of trolls and troublemakers to destroy your reputation when you can do it well enough yourself by flying into a four-letter rage online instead of high-tailing it out of there.

Media

I haven't been the subject of media reports but I do like to read them. Since the American ones I spend the most time on are political in nature, I'm particularly interested in the narratives provided by each one on any given subject. The polarisation between the right wingers and the liberals creates some interesting stories and because this is an election year, there has been some considerable heat in many of the articles. One thing to note is that there is dishonesty on both sides as each of the more extreme ones seek to demonise the other while ignoring the central truths of a given situation.

The lesson for us is that the way each side seeks to portray itself is often very different from the way it ends up being perceived. The US Right wants to be seen as the party of the family and social stability and continuity. They have become American Dad's Stan Smith. The US doesn't really have a left. The Liberals range in opinion from a quasi-Socialist agenda to centre right, as represented by their current president. The uniformity of right wing opinion on the hot button issues (Libertarianism is mostly about breaking down Federal control. They're not centrists, as a rule) is due to the litmus test that I've never seen even the mildest Republican fail.

Building the narrative

To begin taking hold of the narrative in order to change the way you are perceived, you need to start with a clear plan of how you want to portray yourself. I like to be perceived as a fair and reasonable person who is willing to stand up for what she believes on the personal level, and as a competent skilled web and graphic designer on the professional level. For the most part I've achieved this. Try finding any negative comments about me via an online search. Now check out the links on my Testimonials page. They're checkable.

How not to do it

Building the narrative requires collusion with your audience. It's not and never can be a one-sided endeavour because you want them to believe and perceive the story of you and your business that you're telling in your online interactions. This is why the MPAA and RIAA end up being called the MAFIAA. They don't own the narrative of who they are and what they stand for; we do. If they wanted more sympathy they'd have to give up the sense of entitlement they have towards their content, and that's not going to happen in a state-sponsored and enforced monopoly. As it is, any deviation from their preferred narrative is characterised as "misinformation." The correct, and indeed the most common, response to this is "Aww, diddums!" because they never bother to engage with the public except as potential criminals bent on stealing their work. The correct response to that is to support the Pirate Party. Engage with your audience in a positive way, is what I'm saying, if you want to get people behind you and whatever policies you're promoting.

Case study: PPUK's Loz Kaye

Musicians and writers sometimes feel threatened by the Pirate Party's policies because they tend to rely on copyright royalties but I've managed to win some people over by pointing out alternative revenue sources. By doing this, I've taken over the narrative from detractors by giving people an alternative viewpoint to see them from. In the press, we are perceived as being reasonable, decent people. The recent Loz Kaye quote in the BBC's report on ACTA shone a bright light on the digital rights cause. It doesn't hurt that his remarks came across as patriotic, that he's a working musician, that he often blogs about digital rights in the Guardian and the Huffington Post, and that he gets involved in local issues and events like the March Ancoats Canal clean-up. In the slideshow, you can see the back of his head as he labours away. Loz owns the narrative of the UK's Pirate Party because he's a thinker, a professional, and he engages with his audience. He's a great musician, too. See his work. It's a great brush to be tarred with.

Taking over a narrative owned by others

This is the story that prompted this blog post:

She will always be a victim without a name.

It only took a second for Associated Press photographer Huynh Cong “Nick” Ut to snap the iconic black-and-white image 40 years ago. It communicated the horrors of the Vietnam War in a way words could never describe, helping to end one of the most divisive wars in American history.

But beneath the photo lies a lesser-known story. It’s the tale of a dying child brought together by chance with a young photographer. A moment captured in the chaos of war that would be both her savior and her curse on a journey to understand life’s plan for her.

“I really wanted to escape from that little girl,” says Kim Phuc, now 49. “But it seems to me that the picture didn’t let me go.” - New York Daily News

That little naked girl, running in fear and pain from her burning village, grew up owned by a narrative that was exploited over and over again for propaganda purposes. Only the photojournalist who took the picture cared enough to make sure she got medical attention and followed up with her to see to her welfare. Later on, when she was finally free from her Communist minders, she was able to reverse the process and own the story of what had happened to her. It started with her decision to bring out a book and a documentary, which she followed up by becoming a goodwill ambassador. She engaged with her audience to build the image she wanted them to have of her and the plan worked.

Possessing the narrative

Once we have built the narrative and own it, we need to manage it in order to continue possessing it or ownership might slip into other hands. Controlling the perception others have of us relies on getting and keeping their support and belief in us. Lose that and you've lost everything. Even if you have some supporters they won't be highly regarded and you'll pull them down with you. Eventually they might quit and leave you on your own. Here are a few rules to follow in order to remain in control of your narrative.

• Be available


• Be approachable


• Engage with your audience


• Be flexible


• Be reasonable


• Be professional


• Control your temper


• Be transparent


• Be honest


• Be willing to stand up for what you believe


• Be willing to admit it when you're wrong


• Be willing to change or try new things

This is what I do and it works for me. The fact that people who disagree with me on many of those issues that are dear to me still like me and are willing to associate with me nonetheless says it all.

How I can help you

If anyone needs help with social media marketing I can help with that by making templates for social media accounts, advising on how to make the most of them, then following those accounts on mine. Web design and development services include content writing based on the information you provide me with. Graphic design is integral to this and doesn't cost more when it's part of a website building project. If you need any help with your online presence, let me know.

Hide And Seek Or Play For Keeps?

Unless you're a con man or Austin Powers you don't want to be mysterious, you want to be discovered. Failing to engage with your client base (and therefore your clients) will cost you dearly.

I've had dealings with clients who have asked me for difficult things before, and there will always be clients who ask for the impossible. However, clients who ask for the impossible need to understand that I'm not some kind of fairy godmother and the internet works by linking websites to each other on the information superhighway. To make your website work as intended you must first decide what its purpose is, then how you're going to leverage your information and presentation to attract visitors and keep them coming back.

To get your website indexed you need to have links in and out. And to get the website recognised by the search engines you need to use keyword-rich content and have other websites linking to it. To get it up the rankings you need to make it a) popular and b) worth returning to. And that's before you even think of attracting clients.

Purpose

The purpose of most if not all business websites is to attract clients to gain more business. Websites for businesses that don't attract clients look something like linxto.co.uk. I kid you not, it's just a business card. Or they're just decorative and have no real information. In my opinion, the business cards are better. At least they tell you something. Don't get me started on the legacy flash ones. They're just awful.

Okay, let's assume you want to get business from your website. As the SEO people are constantly saying, content is king. Think about this for a moment. I've been banging on about keyword-rich content, but have you actually thought about what this means? The number of websites that actually fail to get this right is astonishing.

Bearing all of the above in mind, consider what needs to go on a website to make it attractive to clients. Here's a list:

• Distinct logo that is the same on everything related to your company


• The company name should be clearly defined


• Your contact details should be visible and in the header or at the top of the sidebar


• Make it clear what your company does and who your client base is


• Introduce your company in brief on the home page and in detail on the About page, which ought to have some details about the owners


• Fully define what your company does in brief on the home page and in detail on the Services page


• Have a clear call to action on the home page that gets people onto the response page (Services, Contact, Email Newsletter, or Shop) and in contact with you


• Put brief contact details on the home page above the fold and in detail on a Contact page


• Post regular updates on a company blog. It's easier if you just build the site in WordPress (or pay me to do it!)


• Be mobile-ready. Your rivals are


• Stand out from the crowd. Be specific about what makes your company worth dealing with


• Engage via social media. Be available

If the purpose of your site is to attract clients, have something for them to see when they arrive. Decorative sites won't tell them what you do or how to get hold of you. Checkable details gain trust. Vague assurances will get you dismissed. Transparency and honesty is valued. Opacity and mystery is not. What you don't say about your business can be as telling as what you do put down. Failing to disclose the most basic information can be a deal-breaker. Basically, if you can't be open about who you are and clear about what you do, you can't and won't get business from your website. Therefore, don't even imagine that you can be anonynous online and run a successful business that's based on gaining the trust of your clients — and large sums of money.

SEO

While SEO is not my main discipline I know enough to know when someone's got it wrong. Do a search on those companies that are likely to be rivals using the search terms you want your website to be found under, i.e. "Manchester-based web designer." I'm on the first page (near the bottom as of today) after almost 18 months of existence. The main reason I'm there is because people visit my site after clicking on links that I've posted with "your website — your way. Manchester-based web designer" in the title everywhere I go (where possible). I've done that on most of the websites I've built and on every website that allowed me to use HTML. "Your website — your way" puts me third on the first page, in case you're interested, because I've been using it for longer. So have my rivals.

Being found is all well and good, but you need to give readers a reason to come back — and bring their friends with them. A pretty site may provide a good example of design, but as Jeffrey Zeldman says, "Design without purpose is empty. It's decoration." Punters want information. This is where your keywords come in handy. I'm a web designer, so on every static page of my admittedly sprawling website (a deliberate choice to showcase my HTML/CSS customisation skills on PHP-based CMS), there are references to the areas involved in either web design or running a business.

Leveraging information

When I choose a theme for a website, particularly a WordPress one, I usually make sure it'll show up on mobile phones. This is something I find increasingly important in light of the fact that more people than ever are using mobile devices to browse the internet. If they can't get onto your site or read it easily, punters will drop your site for one that's more accessible to them.

I usually choose magazine themes, though others are available, because they look lovely on large screens. On my current 1600 x 900px screen, a three-column magazine theme is a thing of beauty. A responsive magazine theme scales down and adjusts to the size of the screen it's being viewed on. That's not what gives a website its overall look, though it does help; it's the content. You know, the words and pictures. They give the site its shape. They fill those little boxes. Deciding where to put each picture and the words that go with them is called information hierarchy.

If you want to win clients via your website, you need to work out which pieces of information are the most important. The more focussed you are in your choice of words and pictures, the more attractive and professional your website will look. Generic pictures from image banks have their place, but the more original an image is, the more trustworthy it is deemed. If your website is for a construction company, you would be better off having pictures of building in progress or completed projects than "smiling white people in suits." Use short sentences that fully describe what you do and avoid padding and repetition. The jury's out on bullet points but you do need stand-out phrases.

Presentation

Now decide which of those pieces of information is the most important. Look at my home page. At the top is my company name and logo, along with my contact details on a crisp white background. Below that is the menu and below that on the left is the intro and on the right there's a slideshow that displays some of my work. In the intro I explain where I am, who my intended audience is, and what I do. People know where they are with me from the start. Below that I go into detail about the main services I provide in clearly illustrated boxes with call to action buttons that lead to the relevant pages. Below that are my blog posts, email newsletter signup form, social media buttons, and Twitter stream so people can see what I'm like online. Below that is the footer, where I've got all my miscellaneous and SEO links, and a sitemap. They're not terribly important but they do need to be there.

Now look at the mobile version. Only the most essential information is there because it's going to be seen on smaller screens. Those layouts are based solely on the information hierarchy. If I had fewer services and less to say I'd have probably only used one column. As it is, on the main version, I've got four because it's important to break it up into manageable chunks and present each piece from left to right in layers in order of importance. Information hierarchy is worth a post to itself. Suffice to say that to present your information most effectively it must be focussed, ordered, and clear.

Exceptions

There will always be exceptions to the anonymity rule. Websites that don't make huge efforts to be contactable are usually online shops selling items or services either via affiliate schemes or directly. Even then, there are protections in place via PayPal or whoever's running the credit handling. Others are services that gain revenue from advertising via Adsense, etc. and aren't directly engaging with clients via the website as a rule.

Always assume, though, that readers may think that if a company appears to have something to hide, they probably do. Remember your own experiences with companies that don't make it easy to find out who's behind them or how to get hold of them directly: isn't the customer service awful? That is how readers are likely to view a site with no clear contact or manager details.

Reputation

Whether you choose to be open online or cloak yourself in mystery you have got to build a reputation for your business somehow. Those people who can get business via word of mouth don't need to worry too much about building a reputation online, but those who want to get business via their websites need to engage with their clients online. Social media accounts are only as effective as you are. If you engage with your customers online, you can demonstrate your approachability and eagerness to do a good job. If people are leaving messages that go unanswered, it's going to make you look bad.

You also need to get other people talking about you in friendly terms. Ratings websites help, but what you really need to do is get yourself noticed on the trade blogs either as a contributor or as a source. Blogging, as I do, on matters pertaining directly or indirectly to your business can get you perceived as a knowledgeable person. This is what gets the punters coming back again and again. Be sure to post links to your blog posts online for maximum benefit.

Either way, sooner or later people will need to connect with someone whether it's online via social media or in real life over the phone. If all they've got is a company name and no person's name to go with it you're going to have to work harder to gain their trust. If, however, you're putting your name and your face to your company, people feel that they know who they're dealing with before they even pick up the phone. Don't put barriers in the way of your company's success. Don't hide. Come out and engage with people or you may find you're not getting as much business as companies that are more open about who's running them.