Page Web Design

Client projects and tech blog posts about Page

Over the last year or so I've been asked to do an increasing amount of Facebook consulting. Most weeks I get a couple of emails asking for help and asking how this sort of consulting works so I thought I'd explain my experience.

First off: Facebook is not all that hard. Putting a great-looking Facebook page up to support your group, cause or school doesn't require any programming. But it can be confusing, partly because Facebook is always in-process. They keep adapting it and tweaking it. If you bought a book on Facebook campaigning a year ago, it would already be out of date.

My first job is to ask a few good questions about what you want to do on Facebook and then set up the beginnings of a site. I spend too much of my time already on Facebook but I also keep up with a lot of Facebook blogs and have recent copies of such wonderful tomes as "Facebook Marketing for Dummies." In most cases my job is to recommend a Facebook strategy based on best practices and then to start up a Facebook Page for you. There are certain flourishes I can give, such as picking a good icon or making a customized tab for first-time visitors. But the real value of Facebook is clients sharing information directly with their audience so my most important work is getting you excited about doing it yourself. I'm really just a cheerleader for you.

I typically spend anywhere from two to eight hours helping a client put together a Facebook page. If it looks like a project on the small end of the scale, I just charge the expected amount upfront. I do keep track of my time: if we go over a little bit, I let it slide; if we still have a bit of a balance then I'm there for ongoing questions. Facebook consulting is not the core of my business but it can be a nice break from a big six-month development project and it's helps with the cashflow. I'm also a naturally curious fellow so I like learning a little bit about the kinds of things.
Categories: Facebook , Practical 2.0
Tags: Best Practices, Consulting, Facebook, Page | Edit

Mike's Precision CarpentryMichael Oliveras is a long-time union carpenter making the entrepreneurial jump and starting his own business: Mike's Precision Carpentry, serving the New Jersey, Pennsylvania and Delaware from his shop in Hammonton, NJ. He came to me looking for a webpage to advertise his new enterprise.

It's a simple design, a typical small-business site of half-a-dozen pages. The color scheme matches his business cards for a bit of branding. Oliveras faced a problem typical for new businesses: a lack of good photos. The work he's done for many years is not technically his own (per the employment contracts) so for now the pictures are a mix of the few jobs he has done on his own and a few stock images. I'm sure he'll have a well-rounded portfolio before long and we'll be able to fill out the site with his own work. In the meantimes, he added a couple of great pictures of him and his family on the "About Us" page to give it that personal touch.

See it live: www.mikesprecisioncarpentry.com

Categories: Client Sites , Custom Design , Local , Small Business
Tags: Branding, Carpentry, Entrepeneur, Hammonton, Personal, Small Business, South Jersey, Stock Photos | Edit
One of the great things about Web 2.0 is the empowerment of average users. With Twitter and Facebook pages, individuals can now respond back to companies and organizations with a few strokes of the keyboard. Google's recently entered the fray with an intriguing project called Sidewiki. Once again, companies and nonprofits interested in managing their online brands need to be aware of the new medium and how to track it.

What is Sidewiki?
Google started its sidewiki project in September 2009. It's a sidebar that can attach to any page on the internet via the Google Toolbar. Users gain the ability to comment on any page on the internet. Google uses a ranking system based on votes and various algorithms to determine the order of the comments.

When a user of the Google Toolbar visits a page with Sidewiki notes they see a small blue button of the left side of the page with two white chevrons (see screenshot on the right). Clicking on this opens the Sidewiki sidebar. Here they will see comments left by previous visitors. They are be able to add their own comments.

Visionaries have long dreamed of a web with this kind of two-way communication but similar sidebar commenting systems have failed to gain enough momentum to become viable. If this were just another venture-capital-fueled attempt, it would be something marketers could ignore unless and until it became widely used. But with Google behind Sidewiki, it's a service we need to take seriously from the start.

Users Talking Back
When we put together websites, we get to control the message of our little corner of the internet--we have the final say on the material we present. If Sidewiki becomes popular, this will no longer be true. Fans, disgruntled employees and competitors can all start marking up our sites--yikes! But those brands that have embraced the Web 2.0 model will love another place where they can interact with their audience. Today's marketing goal is mindshare--how much of a user's attention span can you win over. The more you get visitors to think about your brand or your message, the more likely that they will buy or recommend your product or service. You need to be active on whatever online channel your audience is using.

Watching the Conversations
What's a good brand manager to do? The first thing is to make sure you have the latest version of Google Toolbar installed on your working browser (get it here) and that you have the Sidewiki service enabled (I've started a Sidewiki for this entry so if it's working you'll see the blue button in your browser).

Brand Management
Google allows website owners the first comment. If you are registered as the owner of a site via Google Webmaster Tools, then you get first say: when you post to the Sidewiki of a page you control, Google gives you the top spot. This is very good. Should you do it?

Probably not. At least not yet. I don't see people using Sidewiki yet. Most websites still don't have any comments. Even Google's projects often fail to gain traction and there's no guarantee that Sidewiki will take off. If your page doesn't have any comments, I wouldn't recommend that you make the first. If there are no Sidewiki entries, the blue button won't be there and visitors probably won't even think to comment.

If you notice that a visitor has started a Sidewiki for your site by leaving a comment, then it's time to log into your Google Webmasters account and leave an official welcome message. Even though you're second to the conversation, you will get first position thanks to your ownership of the website.

The introductory note should briefly welcome visitors. It will appear alongside your website so there's no need to repeat your mission statement, but it is a place where you can give helpful navigation tips and stress any actionable items that the casual visitor might miss. You might consider inviting visitors to sign up for your site's email list, for example.

The Future
Users can tie their Sidewiki comments into Twitter and Facebook accounts. They can leave video comments. If the service takes off there will surely be a mini-industry built around comment optimization. Spammers will get hard at work to game the system. But none is really happening now. Despite a bit of fear-mongering on marketing blogs, Google Sidewiki is a long ways away from being something to lose sleep over. 

More Information:


Categories: Practical 2.0
Tags: Algorithm, Attention Economy, Brand Management, Brand Manager, Comments, Competitors, Conversation, Facebook, Fans, Google, Google Toolbar, Google Webmaster Tools, Marketing, Mindshare, Sidewiki, Techcrunch, Twitter, Web 2.0, Wikipedia | Edit
Facebook Branding: Slim GoodbodyPopular children's entertainer/educator Slim Goodbody is one busy guy: most weekdays of the school year find him spreading the message of good health in his trademark body suit ("When a Body needs somebody there's nobody like Goodbody!").

He's been doing this work for decades now and has a vast storehouse of videos, products and fans. Slim came to me to build a branded Facebook presence.

A typical workload for a Facebook branding project is:
  • Set up the Page;
  • Coordinate with the client for a good profile graphic;
  • Adding a number of photos and videos;
  • Help set up a posting strategy;
  • Provide phone support to answer questions on best practices;
  • Give feedback on campaign (like Facebook's "Insights" stats)
For Slim, we decided to rely on Facebook's native apps as much as possible. This became especially important when Facebook shifted it's feed layout (yet again) to focus less on user streams and more on an algorithmically-determined best posts. The more integrated your site is with Facebook, the better chance your pieces will have of showing up on Fan's user streams.

We used Facebook Markup Language (FBML) to create custom Page tabs for integration with his existing online store and listing of tour dates. We would have liked to use FB's Events application but it doesn't allow for the volume of tour dates necessary to cover a busy entertainer like Slim Goodbody!

See it live: www.facebook.com/slimgoodbody
Categories: Client Sites , Educational , Facebook , Journalists & Artists , Practical 2.0
Tags: Administrators, Best Practices, Campaign Feedback, Custom Tabs, Educator, Entertainer, Events Application, Facebook, Facebook Insights, Facebook Markup Language, Fan Page, Fans, Fbml, Native Apps, Online Store, Phone Support, Posting Strategy, Profile Photo, Schools, Slim Goodbody, Tour Dates, User Streams, Videos | Edit
FWCC Google Maps MashupThe Friends World Committee for Consultation unites Quakers of all stripes together in joint projects and dialog. It's Americas office has the most complete listing of U.S. and Canadian Friends Meetings and Churches and now has a map to prove it! This is a mash-up of the FWCC database with Google Maps.

Because of limitations of how many data points Google can show the countries have been divided into regions. The main access page is a screen shot of a Google Map with a old fashioned imagemap overlay that allows you to select the region you want to look at. Javascript goodness shadows the currently selected region.

See it live: www.fwccamericas.org/friends
Categories: Client Sites , Faith-Based , Nonprofit
Tags: Friends World Committee For Consultation, Fwcc, Google, Google Maps, Javascript, Quaker | Edit
A potential client recently came to me with an existing site. It certainly was slick: the homepage featured a Flash animation of telegenic young professionals culled from a stock photo service, psuedo-jazz techno music, and words sweeping in from all sides selling you the company's service. Unfortunately the page had no useful content, no call-to-action and no Google PageRank. It was an expensive design, but I didn't need to look at the tracking stats to know no one came this page.

So you're ready to ditch a non-performing site for one more dynamic, something that will attract customers and interact with them. Here's five tips for building a self-marketing website!

One: Useful Content for your Target Audience Give visitors a reason to come to the site. Text-rich, changing content is essential. In practicality, this means installing a blog and writing posts every few weeks. You'll see measures like "keyword relevancy" increase instantly as excerpted text shows up on the homepage. Add videos and photos if your company or team has that expertise, but remember: when it comes to search, text is king.

Two: Give away something valuable or useful Many smart marketing sites feature some free giveaway right on the homepage: a useful quiz, professional analysis, a PDF how-to guidebook. A builder I worked with went to the trouble of posting dozens of floor plans & pictures to their website and compiling them into a PDF book, which they gave away for free. The catch in all this? You have to give your contact information to get it. Once the free material has been compiled, the site runs itself as a sales lead generator!

Three: Ask yourself the Three User Questions! It's amazing how focused the mind gets when you actually sit down to define goals. Just about every website can benefit from this three-step exercise:
  1. Who is the target audience?
  2. What would draw them to the site? 
  3. What do we want to get from them?
Get a group together to through your website page by page these questions. Brainstorm a list of changes you could make. You'll want to end up with Defined Goals: what quantifiable actions do you want visitors to take? It might well just be the successful completion of a contact form.

Four: Test Test and Test Again Many small businesses now get a lot of their customers from their websites. Your website is an essential piece of your marketing and publicity and you need to be smart about it. Compile together your favorite site-improvement ideas and make up  alternate designs incorporating the changes. Then use a tool such as Google Website Optimizer to put the alternatives through their paces. Which one "converts" better, i.e., which design gets you higher percentages in the Defined Goals you've set? Once you've finished a test, move on to the next brainstorming idea and implement it. Always be testing!

An extensive series of tests of one site I worked on doubled it's conversion rate: imagine your company doubling its internet sales? It is completely worth spending the time and effort to go through this process.

Five: Don't Be Afraid to Get Professional Help If you need to hire a professional to help you through this process you'll almost certainly get your money's worth! A recent projects cost the customer $6000 but I was able to document savings of $100,000 per year in his publicity costs! See my piece What to Look For in SEO Consultants for my insider-advice to how to pick a honest and competent professional web publicity consultant.

Categories: Niche Marketing
Tags: Action, Client, Content, Conversion Rate, Flash, Free, Giveway, Goals, Google, Keyword Relevancy, Music, Pagerank, Pdf, Sales Leads, Seo, Stock Photos, Target Audience, Videos | Edit
Elisabeth Olver ArtistElisabeth is a painter and artist who specializes in original acrylic paintings and giclee prints of nature and South Jersey beach scenes. Her existing site was attractive, but it didn't have online ordering and she wasn't able to update it herself.

We put together a features list and then went through a round of concept screenshots which I built in Adobe Fireworks and Photoshop (you can see our work here!). Design in hand, I built a customized Movable Type site. A specialized template allows her to enter information about the each piece: medium, theme, price and the URL to it's image (most of which are hosted on Flickr). Movable Type pulls these together into various category and individual art pages, with automatically-generated Paypal "Buy" buttons for available pieces. We stressed search-engine visibility so there are many categories and they all cross-link with each painting.

Visit: Elisabeth Olver
Categories: Client Sites , Custom Design , Journalists & Artists , Movable Type , Small Business
Tags: Acrylic, Art, Artists, Beach, Concept Screenshots, Customized Templates, Fireworks, Flickr, Giclee, Movable Type, Nature, Online Ordering, Paintings, Paypal, Photoshop, Search Engine Visibility, South Jersey | Edit
Martin Profile Picture Many Friends will know me from my active involvement in the Quaker world. I've been dubbed the "Quaker Blogfather" for my Quaker Ranter (site) blog and my work in pulling together QuakerQuaker (site), an online magazine and blogging community with over five hundred members and 10,000 visitors a month. I am also a frequent Quaker workshop leader and published writer.

I started building websites in 1995 with an award-winning Nonviolence.org hub site and was a social media pioneer when I redesigned its homepage to a blog format three years later. Before going independent as MartinKelley.com in 2006, I served on the staff of Friends General Conference (site) for eight years, where I worked in the FGC Quaker bookstore and built the Quakerfinder, FGC Gathering and youth ministry sites. I also worked for Friends Journal (site) for two years, putting select articles from their Quaker magazine online every month. Since then I've been privileged to work with Quaker organizations such as Friends World Committee for Consultation (site), Friends Council on Education (site) and Haverford Friends Meeting (site). I've done some exciting media work with the Philadelphia Penn Charter School (site) and built personal sites for well known Friends. I bring our testimony of integrity to every business transaction and when I address topics such as search engine optimization or pricing philosophy, I try to do so from a Friends perspective.

Web Design Specialties:


Categories: quaker | Edit
Cornerstone FellowshipCornerstone is a relatively new church plant in Smithville, Atlantic County, New Jersey. They're site is a simple design built in Movable Type using off-the-shelf templates to keep the budget down. The most exciting part of the site is the podcast sermons and the ability to ask Bible questions and make prayer requests from the homepage. I'm most happy to see the church using the site and updating it regularly!

Pastor Fred Schwenger also has a new local connection: he and a partner have just opened Superior Automotive here in Hammonton at 880 S White Horse Pike! 

Visit: CornerstoneFellowshipOnline.com
Categories: Client Sites , Faith-Based , Local , Movable Type
Tags: Automotive, Bible, Church, Galloway, Hammonton, Movable Type, Mp3, New Jersey, Podcasts, Sermons, Smithville, South Jersey | Edit
Alliance CemeteryI was hired to redesign the website of a cemetery that represents a fascinating slice of South Jersey history. In the 1880s, a group of Jews escaped Russian pogroms, came to America and started a "return to the soil" movement that led to the establishment of an agricultural colony in the small Salem County crossroads of Norma, New Jersey. Before long they established Alliance Cemetery.

The new Alliance website highlights the entrance gate. The cemetery has hired a surveying company to do a detailed map of the plots and we hope to add this in with a Google Maps mash-up when the data becomes available. A detailed history and photos are also in the works.

The design is hand-coded from scratch and is probably the most tasteful design of my portfolio. The pages themselves are editable by the client using CushyCMS and the Directions page has an integrated Google Map.

Visit: AllianceCemetery.com
Categories: Client Sites , Faith-Based , Local , Nonprofit
Tags: Cemetery, Design, Google Maps, History, Jewish, Norma, Photos, Salem County, South Jersey, Vineland | Edit
Collected from LinkedIn:

"The list allowed me to click only three attributes, but for Martin I wanted to check them all. He is a wonderful, personable, creative person who also happens to be unflappable. I highly recommend his for web design." March 30, 2010

Tom Ferrick, Journalist/Publisher, Phlmetropolis.com
Hired Martin as a Graphic/Web Designer in 2009
Top Qualities: Great Results, Personable, Good Value.


"Martin has provided -- and continues to provide excellent service and consultation as a Web site developer. For my site on New York-based architecture and history, Mindfulwalker.com, I asked for some complex developments of and changes to a WordPress theme and the site installation. I received the service that I needed and more, and I'm very happy with the site today. Martin brings a variety of assets to his role: He is extremely knowledgeable and capable in programming and Web tools. He's also a good communicator, is very value-conscious about the service he delivers for the cost, and is understanding of client needs. Beyond this, Martin helped with some excellent tutorials as I took over the site. I plan to hire Martin again as I look forward to enhancements and additional developments for my site and business. Martin is excellent at what he does!" May 10, 2009

Susan DeMark, Journalist, Mindfulwalker.com
Hired Martin as a Graphic/Web Designer in 2007
Top qualities: Great Results, Good Value, High Integrity



"Martin provided great value in designing a website for my law practice. He was accessible and facilitated the process, despite our geographical distance, through email and telephone consultations. He was flexible in working with me to achieve what I was looking for within my budget." May 1, 2009

John Kindley, Lawyer.
Hired Martin as a Graphic/Web Designer in 2008
Top qualities: Personable, Good Value, High Integrity



"Martin is not only highly competent as a Web site developer, he's also one of the most honest and trustworthy people I've ever hired. I highly recommend Martin." April 30, 2009

James Maguire, Author, MaguireOnline.com
Hired Martin as a Graphic/Web Designer in 2006, and hired Martin more than once.
Top qualities: Great Results, Personable, Expert



"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.



"Martin has an outstanding grasp of everything there is to know about the internet. He is our "go-to" guy whenever we encounter something new and different, especially involving Web 2.0 and Search Engine optimization. He is also an experienced and skilled designer and has excellent PHP/CSS/HTML programming knowledge. Martin is a pleasure to work with in every respect!" May 1, 2009

Barbara Raphael, Founder/Owner, Raphael Webscapes, LLC.
Worked directly with Martin at Raphael Webscapes.
Categories: references
Tags: Architecture, Budget, Communication, Consultations, Go-To Guy, Graphic, Haddonfield, History, Honest, It Consultant, Journalist, Law Practice, Lawyer, Linkedin, New York City, Raphael Webscapes, School, Search Engine Optimization, Technology Directory, Trustworthy, Web 2.0, Web Designer, Website, Wordpress | Edit

I'd like to talk today about social media and nonprofits. I've had a couple of interesting projects lately helping nonprofits put together Facebook Pages, LinkedIn Groups and Twitter sites. I think this is an exciting way to reach out to audience members.

Today: Email Lists

Over the last few years we've focused on email lists. We all have big email lists--tens of thousands of users, segmented all sorts of different ways. We send out dozens of emails a week and they end up seeming not spam.

Facebook Pages

A new era is coming with social media. A big change is Facebook Pages. These are geared toward advertisers although you don't need to have a Facebook advertising campaign to use them. In March 2009, Facebook redesigned Pages to act much more like typical user profiles: there's a wall, there's an activity stream, and you can associate different applications with them.

Two things about Pages are exciting. One is the activity stream. People who sign up as "fans" of your Page see what you're putting out in their individual stream. They'll log into Facebook and see that messages like "Jen just got engaged!" or "Joe is having a bad hair day" and that your organization is having some great event coming up this weekend. You're seen in the association of happy news from their friends. It's different from a spammish email because it's coming in with the context of their friends, which is very powerful for publicity.

The other nice thing about Facebook Pages is that they're public. A lot of portions of Facebook aren't but making Pages public means you can point to them from your website or other social media campaigns.

I think Facebook fan groups are going to be the new email list. They are the way we'll be able to reach out to people. I'm very excited about this because there's all sorts of easy multimedia possibilities. You can integrate with Youtube, with Twitter, with podcasts, etc., embedded for fans of your Facebook page to see as it's happening. This is much more exciting than some of the emails that we send out. They are also more interactive because fans can post things on your fan walls so you can have conversations on your sites.

Intimate, immediate, engaging

What the smart nonprofits are going to be doing is a lot of posting in a style that's authentic and intimate and less worried about being slick than we've typically been.

What I would love to see nonprofits doing is to get serious about video. I'm not talking about fancy video, hauling in videographers for six months shooting a three minute slick commercial. Get an inexpensitve video recorder and start doing five minute interviews with the people your organization serves. This will differ depending on your organization's focus. One advantage to simple videos is that you can convince even the busiest of your interviewees to take out a few minutes. You make these videos and post them to Youtube, Vimeo or directly to Facebook video. It doesn't matter where they hosted but you'll have to make sure they're embedded on your Facebook fan page.

Building our Facebook Fan Page

How to direct? You can direct in the emails you're sending out or through other sources. Twitter is a great way of directing people to what's happening: you send out a 140-character "tweet" with an interesting tease about the video you've produced and a link to the Facebook fan page.

The whole goal is to get Facebook fans. Once you're in as a fan, you show up in their activity streams. All the fans get to see the events you're organizing, the videos. If you have extra tickets to an upcoming event, post about it because people will see it immediately. It's a wonderful way to reach people quickly in a way that's not as intrusive as email (I suspect a lot of younger users are actually checking their Facebook homepage more often than their emails!).

The New Nonprofit Outreach

I'd love to see a lot more of these intimate, almost home-made videos going up on Facebook fan pages and using fan pages as a way of connecting with people. We can think of these as the new email list.

I would strongly encourage nonprofits to use all of these these media to reinforce their message and to find new ways to reach their audiences in a much more engaging, intimate way.

--------------

Martin Kelley is a web developer and social media consultant specializing in nonprofits. This post is a loose transcription of his video, Nonprofits and Social Media. This essay is also available on the MartinKelley.com Facebook fan page.

Categories: Facebook , Niche Marketing , Practical 2.0
Tags: Activity Stream, Email, Facebook, Linkedin, Nonprofit, Outreach, Pages, Profits, Twitter, Youtube | Edit
ReadWriteWeb: Technology is Great, but Are We Forgetting to Live?I usually describe myself as a "Web Developer," but often the technical aspects of my job are the least valuable service I provide. Above it I would rank what you might call my experience as a web citizen and online publicist. I put my first website together years before upstart sites like "Google" and "Myspace" came along and I published what I later realized was a "blog" the same month the word "weblog" was coined. I help clients connect with their audiences with a mix of print content, podcasts, pictures and videos, whether delivered through the open web or specialized services like Twitter or Facebook. A better job description might be Technology Lifestyle Guru.

So it was neat to be quoted last week in ReadWriteWeb, a top-twenty blog with hundreds of thousands of readers and a syndication deal with the New York Times Technology section. The article was "Technology is Great, but Are We Forgetting to Live?" by Sarah Perez. In a section called "When Should You Disconnect?" she wrote:
The fine line between what's worth documenting and what's not is a hard one to define. We immediately assume that the most important, the biggest, the most incredible moments are those that should be recorded. But it's these very moments that are best to experience live, with our full focus. As religious-focused blogger Martin Kelley notes, "there are times where our presence is much more important than any documentation." (He had just surprised himself by reviewing the grainy, blurry photos he felt it necessary to take while watching a bride walk down the aisle. In retrospect, this was exactly the kind of moment that could have gone unrecorded.)
It's a bit ironic that for all of the tech writing I do I was cited for my personal blog, but this blurring of the line between identities is becoming more common with the web. Thanks to Sarah and ReadWriteWeb for the mention!
Categories:
Tags: Lifestyle, Nytimes, Readwriteweb, Technology | Edit
screen-shotMy Twitter followers will know I've been slightly obsessed by Google's new browser, Chrome, since word leaked that it was going to be released today (Tues, Sept 2). I've been hitting reload on the download site fairly obsessively. A few minutes ago my persistence was rewarded and I'm writing to you all from the new browser (here's the official release announcement).

Why a New Browser?!?

Before I begin, let me recommend the Google Chrome online comic book for those with tech interests. Google does a good job explaining why they've joined the browser wars. At first glance it seems a needless move: they already fund much of the development on the open source Firefox browser. But Firefox, like Microsoft Internet Explorer and every other browser, is built around certain assumptions about how browsers process applications. Google is starting from scratch and thinking about the browser as an operating system running increasingly sophisticated applications (like Gmail). Chrome separates memory process and internet permissions in new ways.

Obviously, Google is going after Microsoft (the initial release of Chrome is Windows only)--not just its browser but its Vista operating system as well. With the expansion of high speed internet access and so-called "cloud computing," functions that used to require stand-alone clients can now be handled inside the browser. Email has probably become the most widely adopted browser applications but you can also do things photo editing and video recording through the browser. Google knows that once an application is running inside a browser, the operating system doesn't matter. Gmail works equally fine from Vista, Mac OS X, or Linux.

It is in Google's strategic interest to advance the state of browser technology and they do that with Chrome. But it is in the interest that everyone have access to these latest innovations and that all browsers can run the most sophisticated applications Google engineers can put together. So Chrome is open source and Google invites other browsers to incorporate many of its features.

First Thoughts on the Product:

The download was quick and easy (of course).

I was surprised that when installing it only offered to import my MS Internet Explorer bookmarks. My most complete and up-to-date bookmark list is in Firefox (synced among my operating systems by the excellent Foxmarks extension).

I went pretty immediately to Gmail. Google says they've rewritten a lot of the background rendering code from scratch and I was expecting to see instantaneous loading. Frankly, it seemed to load as quickly as it does in Firefox. Any apparent speed increase isn't immediately obvious (this is a testament to how fast they've managed to get it to load in all browsers).

speed-dialThe interface is very simplified: few buttons, tabs up top, no status bar. There's a lot of surprises here, like an automatically generated page with thumbnails of your most frequently visited sites (see image, right), an idea borrowed from Opera browser's "Speed Dial" feature (available through to Firefox users through the Speed Dial extension).

gmail-as-app You can also "Create application shortcuts" which turn services such as Gmail into client-like applications that sit on your desktop (screenshot right). Open them up from here and the normal location bar and browser buttons are gone.

There's a lot more to explore here. It's obvious that Google has put a lot of thought into this. I'm not going to dismiss any feature or oddity too quickly. They helped a lot of us rethink how we organize email using a single "Archive" folder instead of the elaborately-maintained folder hierarchy. Google actually have put out a number of half-baked and under-supported services (Froogle and Google Checkout come most immediately to mind) but it's clear that the Google Chrome browser is a very serious initiative by the company.

Will I Use It?

The big question, right? Actually, I won't use it much for now. For one thing, I'm a Mac user. I have a Windows XP virtual machine running most of the time courtesy of VMWare's Fusion. I'm sure Google has set a high priority to make Mac OS X and Linux versions of Chrome--they're whole strategy rests on this being woven into the browser lingua franca that keeps Microsoft's Vista at bay, remember?, but until that time Chrome won't be my natural first choice.

But I'm also going to miss my Firefox extensions. I forgot that the web has lots of ads (Adblock Plus). And I don't like the extra clutter of Gmail without Better Gmail 2 (just the "Folders4Gmail" feature of the latter saves my eye more scanning time than any speed tweak Chrome delivers). And these days the Web Developers Toolbar, Lastpass, FireFTP extensions are pretty essential to my work day.

But if a native Mac version was released? And if Firefox extensions started being rewritten for Chrome? I just flipped back to my regular browser to check something and even after an hour with Chrome, Firefox felt so heavy and clunky. It is possible to see Chrome could a serious contender for my attention.
Categories: Practical 2.0
Tags: Bookmarks, Browser, Firefox, Fireftp, Gmail, Google, Google Chrome, Internet Explorer, Lastpass, Linux, Mac Os, Opera, Twitter, Vista | Edit
This is part of my Beyond SEO series where I look at the myths and realities behind search engine optimization, with practical tips about publicizing your site and building your personal brand. Read all of my Beyond SEO articles.

The Google blog asks for user input into what makes a good SEO and reports that they've just rewritten their page that warns against rogue SEO artists and gives recommendations about what to look out for. It starts with their definition
SEO is an acronym for "search engine optimization" or "search engine optimizer." Deciding to hire an SEO is a big decision. Make sure to research the potential advantages as well as the damage that an irresponsible SEO can do to your site. Many SEOs and other agencies and consultants provide useful services for website owners.
The blog asks "how would you define SEO? What questions would you ask a prospective SEO?" I've been doing a lot more optimization for clients lately. What's particularly fun is running across the work of the SEO scam artists their competition have brought in. I've seen many instances where the other SEO firm has stepped over the bounds of fair practice and been penalized by Google.

Google's job and our job

I've always taken the approach that it's Google's job to give people the most useful and relevant return for their search and our job to make sure we have useful and relevant material and arrange it in such a way that Google can access it.

SEO is important but only in the context of smart web design and a coherent and well thought out internet marketing strategy. Firms that claim to do SEO without checking the analytics data and consulting with the client about their business strategy will not help the site in the long run.

What your SEO expert should be doing

I would agree with most of Google's recommendations of what to look out against. But what to look for? A quick list would include:

  • A SEO consultant that looks at analytics data before making any changes. If the client doesn't already have Google Analytics running on the site I install it and wait a month before doing anything. I do that because you want:
  • Quantifiable results. You should be able to see shifting use patterns if the optimization is working. The internet gives us precise figures and it's often very easy to demonstrate the value of the work you've done. Clients should have full access to the analytics and be trained enough to be able to independently verify the results.
  • A consultant that frequently answers questions with "Hmmm..., I don't know." No one knows what Google is doing. You try something, then you try something else. Anyone who claims to know everything is scamming you.
  • Someone who looks at your entire business model and asks hard questions about your internet strategy. What do you hope to accomplish with your site. Are there specific goals that we can measure?
  • Think about your Inbound and Outbound strategies. Google will send people your way if you have useful material so think about what compelling content you can offer the universe. And once people come to the site you have to make it compelling for them to stay a while, subscribe, etc.
  • The SEO consultant should make you sweat: anyone who says they can significantly boost your site without you having to lift a finger is fooling you. You will almost always have to add compelling content and it will take you committing staff time to the project (a good development team will look for ways to make this fit into your existing staff routines so that it's as painless as possible!).
Any others suggestions for what to look for in potential SEO consultants?
Categories: Beyond SEO | Edit
Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?
Categories: Drupal , Practical 2.0 , Web Design
Tags: Css, Dreamweaver, Drupal, Flickr, Javascript, Movable Type, Penn Charter, Philadelphia, Php, School, Web 2.0, Web Developer, Youtube | Edit
William Penn Charter School Media PagesOne element of a general social media consultancy project I've undertaken with Philadelphia's William Penn Charter school is a dynamic media page. They had collected a large number of photos, movies and podcast interviews, but the media page on their site was static and without pictures. I worked with them to come up with media policies and then built a media site that automatically displays the latest Flickr sets and Youtube videos, all laid out attractively with CSS. The Flickr part was complicated by the fact that Flickr doesn't produce feeds of sets and this required access to it's API and fairly extensive Yahoo Pipes manipulation. The original podcasts were just uploaded MP3 files and I worked to collect them together via Odeo (hosting) and Feedburner (feed publishing), which then provides RSS and iTunes support. The actual content for the page is collected together on the Martinkelley.com server and embedded into the Penn Charter media pages via javascript. Other work with Penn Charter includes Google Analytics and Dreamweaver support.

Update: PennCharter redesigned their website in August 2009 and the Media Page is unavailable.

Client Testimonial:

"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.

Categories: Client Sites , Educational
Tags: Analytics, Consultant, Css, Dreamweaver, Flickr, Javascript, Media, Odeo, Penn Charter, Podcasts, School, Yahoo, Youtube | Edit
A site put together by two consultants to the natural food industry. All pages were editable by a Movable Type powered content management system. A notable feature was a e-commerce subscription function with private log-in pages. This consultancy business was closed in May 2008 and the site was taken down.
Categories: Client Sites , Custom Design , Movable Type , Small Business
Tags: Consultant, Log-In, Movabletype, Natural Foods, Pdfs, Private | Edit

Last weekend I found myself with the scenario no solo web designer wants to be faced with: a dead laptop. It was eighteen months old and while it was from Hewlett Packard, a reputable company, it's always had problems over overheating. Like a lot of modern laptop makers, HP tried to pack as much processor power as they could into a sleek design that would turn eyes on the store shelf. They actually do offer some free repairs for a list of half a dozen maladies caused by overheating but not for my particular symptoms. When I have a free afternoon, a big pot of coffee and lots of music queued up I'll give them a call and see if I can talk them into fixing it.

Once upon a time having a suddenly dead computer in the middle of a bunch of big projects would have been disaster. But over the last few years I've been putting more and more of my data "in the cloud," that is: with software services that store it for me.

Email in the Cloud

I used to be a die-hard Thunderbird fan. This is Firefox's cousin, a great email client. I would take such great care transfering years of emails every time I switched machines and I spent hours building huge nested list of folders to organize archived messages. About a year ago Thunderbird ate about three months of recent messages, some quite crucial. At that time I started using Google's Gmail as backup. I set Gmail to pick up mail on my POP server and leave it there without deleting it. I set Thunderbird to leave it there for week. The result was that both messages would be picked up by both services.

After becoming familiar with Gmail I started using it more and more. I love that it doesn't have folders: you simple put all emails into a single "Archive" and let Google's search function find them when you need them.You can set up filters, which act as saved searches, and I have these set up for active clients.

Why I'm happy now: I can log into Gmail from any machine anywhere. No recent emails are lost on my old machine.

Project Management in the Cloud

I use the fabulous Remember the Milk (RTM) to keep track of projects and critical to-do items. Like Gmail I can access it from any computer. While messing around setting up backup computers has set me back about ten days, I still know what I need to do and when I need to do it. I can review it and give clients renewed timelines.

An additional advantage to using Remember the Milk and Gmail together is the ability to link to emails. Every email in Gmail gets its own URL and every saved "filter" search gets its own URL. If there's an email I want to act on in two weeks, I set up a Remember the Mail task. Each task has a optional field for URLs so I put the the email's Gmail URL in there and archive the email so I don't have to think about it (part of the Getting Things Done strategy). Two weeks later RTM tells me it's time to act on that email and I follow the link directly there, do whatever action I need to do and mark it complete in RTM.

Project Notes in the Cloud

I long ago started keeping notes for individual projects in the most excellent Backpack service. You can store notes, emails, pictures and just about anything in Backpack and have it available from any computer. You can easily share notes with others, a feature I frequently use to create client cheatsheets for using the sites I've built. Now that I use Gmail and it's URL feature, I put a link to the client's Gmail history right on top of each page. Very cool!

Another life saver is that I splurge for the upgraded account that gives me secure server access and I keep my password lists in Backpack. There's a slight security risk but it's probably smaller than keeping it on a laptop that could be swiped out of my bag. And right now I can log into all of my services from a new machine.

Keeping the Money Flowing from Clouds

The latest Web 2.0 love of my life is Freshbooks, a service that keeps track of your clients, your hours and puts together great invoices you can mail to them. I'm so much more professional because of them (no more hand written invoices in Word!) and when it's billing time I can quickly see how many unbilled hours I've worked on each project and bang!-bang!-band! send the invoices right out. Because the data is online, I was able to bill a client despite the dead computer, providing my exact hours, a detailed list of what I had done, etc.

Others

Calendar: I always go back and forth between loving Google Calendar and the calendar built into Backpack. Because I can never make up my mind I've used ICal feeds to cross-link them so they're both synced to one another. I can now use whichever is most convenient (or whichever I'm more in the mood to use!) to add and review entries.

Photos: Most of the photos I've taken over the past four years are still sitting on my dead laptop waiting for me to find a way to get them off of the harddrive. As tragic as it would be to loose them, 903 of my favorite photos are stored on my Flickr account. And because I emailed most of them to Flickr via Gmail most of those are also stored on Gmail. I will do everything I can to get those lost photos but the worst case scenario is that I will be stuck with "only" those 900.

Your Examples?

I'd love to hear how others are using "the cloud" as real-time backup.

Categories: Practical 2.0 , Windows to Mac
Tags: Calendar, Flickr, Freshbooks, Gmail, Hp, Laptop, Remember The Milk | Edit
Martin Kelley's work has been featured by top newspapers and tech blogs. He has given workshops and presentations on educational and Web 2.0 themes. He is available for speaking engagements and freelance writing.


Publications/Media

ReadWriteWeb (republished on NYTimes.com), Technology is Great but Are We Forgetting to Live?, January 22, 2009. Quote and citation. Read more.

Web 2.0 Mashups and Niche Aggregators, published by the O'Reilly Media Shortcuts Series. Commissioned author.

Quakers in the Blogosphere (PDF), Western Friend/Friends Bulletin, February-March 2006, editorial features Quakerquaker.org.

FGConnections, The Witness of Our Lost Twenty-Somethings, Spring 2005. Author.

Friends Journal, "The World Is Hungry for What We've Tasted," October 2006. Author.

Beliefnet.com, "Best Spiritual Blogs," August 2006. Cited QuakerQuaker.org.

Waging War on War, Washington Post, profile of a number of peace groups including Nonviolence.org.

Not Your Father's Antiwar Movement (subscription required), Atlantic Monthly, cited Nonviolence.org.

USAToday, Missiles Aren't the Answer, featured Op-Ed, November 16th, 1998. Author.

Iraqi Crisis Increases Activity on Peace Network, a major New York Times profile of Nonviolence.org, February 21, 1998.


Fellowships

Friends Institute Fellowship, Philadelphia Yearly Meeting, for work on Nonviolence.org (1996).

Pickett Endowment for Quaker Leadership, helped support 2005-2006 activities that led to the creation of QuakerQuaker.org.

Categories: Martin
Tags: Atlantic Monthly, Beliefnet, Fgconnections, Friends Institute, Friends Journal, New York Times, O'Reilly Media Shortcuts, Philadelphia Yearly Meeting, Pickett Endowment, Quaker Leadership, Readwriteweb, Usatoday, Washington Post, Web 2.0, Western Friend | Edit

Hire Martin! I build sites and online promotion campaigns to your specs and budgets and can be your guide to social media marketing.

Also available: my resume, a brief biography, organizations I've worked with, speaking and workshop engagements, client recommendations and a portfolio of recent work:

Recent Entries

Recent Comments

Archives