Nonprofit Expressions

Archive for the ‘Improving your website’ Category

Website Report Card: NewChurches.com

19 Dec.

About Website Report Cards: Our report cards are for website owners who want to improve their sites. We look at websites and formulate our report cards by evaluating four main criteria: first impressions, usability, search engine optimization and technical standards.

Learn about how we decided on our criteria, and get a more complete definition the 4 categories.

Website: http://www.NewChurches.com

1. First Impressions

The look & feel of this website doesn’t need a lot of work. In fact, I don’t think it needs any at all. Upon first glance I am stunned by its beauty! The natural colors, web 2.0 feel and images draw me in to want more.

Upon a closer look, I find an equally attractive interior. It consistently brands the “for new churches” logo, uses repetition in colors and layout, as well as menu bar.

Pleasing to the eye: A +
Proximity: A
Alignment: A +
Repetition: A +
Contrast: A -
Reflection of branding and purpose: A +

GRADE: A
—————————————————————————-

2. Usability

The usability is fairly simple. The main menu stays consistent and is conventional with modern website formats. The home page includes a second menu on the top left that gives users another opportunity to engage themselves in the content of the site.

The purpose of the site is obvious by its name (”for new churches”), however, when looking for an “About Us” page I noted that this page either does not exist, or is too difficult to find. The closest thing I found was the “Getting Started” page which includes a video from one of its founders that gives you a quick overview of the purpose and navigation of the tools on the site. This is helpful, but not all users are going to have the capability or desire to watch this video.

The site is chock full of free resources, downloads, blogs and directories that are all very helpful. When I searched for some sort of newsletter subscription or contact us form, I found neither. I had to do some digging to find a place to subscribe to “Ed’s picks.”

User’s ability to understand, comprehend and interact with the website: A
User’s frustration or anxiety associated with the website: B
User’s ability to find the site’s main purpose upon first glance: A -
Consistent Navigation: A +
Easy Navigation: A +
Navigation visibility: A +
Website accomplishes functional goals: A -
Use of applications: A
Newsletter Signup: C

GRADE: B
—————————————————————————-

3. Search Engine Optimization

Although initially the layout of this site appears to be non-search engine friendly, with its lack of text, the first thing we noticed was its 4/10 page rank. This is excellent considering most websites only rank 2/10 - are rarely get over a 6! Then when we popped the hood and looked at the code we mostly liked what we saw. The menu’s are unordered lists with heavy styling (a great way to go for SEO). The only initial problem we saw was the lack of h1 tags near the top of the pages. The title tags have many keywords to be desired, but are not set to default.

The Meta tags are outright missing. This is kind of a sad mistake because they are so easy to include, and they do help when the search engines want a description of the page. The clean URL strings are beautiful though. Its quite impressive to see no file names at the end of the URL strings. This tells us they are probably using Ruby on Rails for the site development. (I love it!)

Title tags: C
Meta tags: F
Clean URLs: A +
Semantic information design: A
Descriptive anchor tags: A
Google’s Page Rank: B

GRADE: C +
—————————————————————————-

4. Technical Standards

The first thing to notice about the code under the hood is the Doctype. XHTML 1.0 Strict. This alone points toward good coding practices. Once we ran it through the valiator at: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.newchurches.com%2F we find there are 14 errors. This is alarming at first but almost every error relates to the use of an ‘&’ symbol. This is not perfect, but forgivable. We have to remember most sites do not live up to these standards.

When we ran an accessibility check we found no problems. My only complaint is that the code is very hard to read. It has comments, but it looks like it was generated by a program and placed together as opposed to hand written.

Doc type declaration: A +
HTML or XHTML standards compliant: B
CSS standards compliant: B
Accessibility standards compliant: A
Well formed code: B +

GRADE: B +

—————————————————————————-

FINAL GRADE:
Passing (This site is definitely not stuck in the 90’s, and is living on the edge of cutting).
For a free report card on your website, please contact info@nonprofit-expressions.com

Website Report Card Criteria: For Website Owners

18 Dec.

Website Report Cards
(for website owners)

Have you ever gone to a website and said “I wish my website looked like this!”

What is it about a website that either draws you in, or makes want to click the “back” button? There are no black and white rules of web design. Everyone has a different opinion on style, a different method of navigating, and a different level of web experience.

But the fact is that there is some criteria that the majority of the World Wide Web can agree makes a website “bad” or “good.”

In our experience doing website re-designs (taking an old site and making it better) it is important that you (as a website owner) know what to look for in your website, and know what to ask your web designer! We have decided that a report card method would be the most helpful.

How we decided on the criteria:

1. First Impressions
Is the website pleasing the the eye? While this is the most subjective of the four criteria, based on our own experience and expertise, there IS such a thing as bad design,

In design school they teach us that there are four basic principals of good design. They include: proximity, alignment, repetition and contrast.

Another question to ask is: Do the colors and images reflect the organization’s branding and purpose?

2. Usability
In grading usability, we follow the concepts set out by people like Steve Krug (web usability consultant whose clients include Apple, AOL, Netscape and many others). Usability is the visitor’s ability to understand, comprehend and interact with the website without frustration or anxiety.

Can you tell what the site’s main purpose is upon first glances? Most websites only have 3 seconds to introduce themselves to a visitor before they click the “back” button.

Is the navigation consistent, easy to understand and highly visible? Is the information flow in such a way that you can find what you are looking for without having to think about it? Does the website accomplish its goal in a functional way? Do the applications work? Is there a newsletter, and is it easy to sign up for?

3. Search Engine Optimization
Search Engine Optimization (SEO) is the process of increasing the amount of traffic a website gets from search engines by using targeted key words.

Does the site have title tags, meta tags, and clean URLs? Does it have semantic information design (such as an h2 tag following an h1 tag)? Does it have descriptive anchor tags?

Although there are only a handful of questions here, SEO is actually a very complex topic that we could talk about for hours. These, however, are the criteria that we are placing in our report cards.

4. Technical Standards
The technical standards are not subjective criteria. These are critical elements used by software engineers in the technical community even beyond the scope of web design.

Does the website have doc type declaration? Is it HTML or XHTML standards compliant? CSS standards compliant? Accessibility standards compliant?

And last, does it have well formed code?
——————-

Now that you understanding our criteria, let me explain our grading methods. First, each of the four criteria will be a separate grade in of itself - like a report card from grade school! Each subject gets its own grade.

Second, we will give the website a pass or failing overall grade. This will tell you if it is still stuck in kindergarten, or has graduated to go to college! (Is it stuck in code from the 90s, or is it up to Web 2.0 standards).

So stay tuned for our Website Report Cards. Our first grade will be given to NewChurches.com.

For a free report card on your website, please contact info@nonprofit-expressions.com

Partner Spotlight: Compassion By Design Website Launch is January 1st

03 Dec.

In 2006, Compassion By Design was brought into existence to equip church leaders with the best tools to lead their congregations deeper into ministries of compassion. “As modern American Christians we tend to see the mission field as primarily international, while our unsaved neighbors are desperate for the love of Christ,” said David Mills, founder, Compassion by Design. 

To bridge that gap on a practical level Compassion By Design offers a Needs Assessment Kit which allows leaders to connect their community’s needs with their congregation’s gifts and abilities. Founder David Mills summed up the purpose of Compassion By Design: “Helping ministries find effective ways to serve their communities.”

Another Compassion By Design service began as a way to meet a need in the faith community. Mills saw a lack of government and grant aids being secured by churches and faith-based nonprofits. His response was to use his personal grant writing expertise to pass along the skills to others in conferences and training sessions.

How Nonprofit Expressions is Using Technology to Help

Nonprofit Expressions was able to take Mills’ ideas and vision and incorporate them into the Compassion By Design website. The site needed to have a crisp, attractive feel that quickly directs visitors to the right information. The initial marketing strategy of the site is opt-in email campaigns. Mills also blogs regularly which Nonprofit Expressions made available through Wordpress.

The next step in effectively marketing Compassion By Design was the addition of e-commerce, using the OS Commerce Solutions package (an open source application available online). Podcasting software is installed and are coming soon! The website design is easily read by search engine spiders because everything, down to the tabs at the top, is CSS based. The site is coded in XHTML 1.0 transitional and CSS 1.0. The site is also Secure Socket Layer capable for secure credit card transactions.

The New Concept

Currently, the entire website is in a state of transition as we are implementing AJAX type technologies to give the site a Web 2.0 interface and a highly user friendly information structure. When we re-envisioned website we wanted to take the process a church leader goes through in the Compassion by Design system and make it very easy to understand.

Our most important goal in the process was to make sure a new visitor and potential client can understand the grander scheme of why Compassion By Design’s system is a new, smart way to both plant churches and increase an existing churches impact in the community. We want the new site to have the “fresh” and “polished” look essential to the web 2.0 transition the web is making. Behind this new look is a new array of technologies that will make diverse information easier to connect and digest, while giving the visitor an experience that looks and feels very simple.

The site has many surprises in store for the new year on the site re-launch date of January 1, 2008. The new feature list will include a collaborative community network enabling teams to work in unison via file and document sharing, communication tools, and members only restricted areas all tying into the existing email marketing and ecommerce software. We are proud to be helping Compassion By Design bridge the web 2.0 gap and step into the forefront of the web revolution in information sharing and ownership.

Look for the new and improved Compassion by Design Website and Internet community on January 1st at: www.compassionbydesign.org

50 Website Marketing Strategies: Part 1 of 2

20 Nov.

By Aaron1.
Get listed in the Search Engines.
This is maybe the most simple of the ideas in this article - but its a good place to start. Most websites receive over 80% of visitors from Google, Yahoo, and MSN. For that reason alone many of the strategies I will discuss relate directly to how to get in the top search results of the search engines. You cannot spend to much time or energy making sure you show up in the search engines. For starters check and see if your site is listed on google and yahoo. In the search bar type “site:yourdomainname.com”. What should appear is every page indexed by that search engine. If you do not show up, you do not exist in that search engine. If only a few of your hundreds of pages show up it means the search engine didn’t index all of your pages. We will get into why later.

2. Keyword Phrases are “Key.” Every time someone looks for something in a search engine they usually type in a word, or several words. We call this the “keyword phrase.” You need to figure out what keywords really work for your site, by knowing what people actually type into search engines to find the information or products you offer. This is too complex to explain here, but a good Search Engine Optimization company can tell you exactly what phrases you need to know.

3. Every Page Needs a Title. The title of your page is the first thing a search engine reads, its also what appears in many search engines. If you’re home page is titled “Home” it actually can show up as Home in the search engine results. Be specific with your page titles, and use your keyword phrases in them.

4. The first Heading on your page should read like the title of the top story of a newspaper. Make it big, bold, understandable, and most of all use your keyword phrases. This is the second stop on the search engines visit, and may also appear in the search result pages when people find you.

5. Heading’s are bigger than subheadings. This is not only common sense, but the search engines feel that your h1 heading tag is more relevant to the page content than your h2 heading tag. So make sure your code actually uses semantic XHTML (the code should describe the document contents). If you use your website title in big h1 on every page you are making a big mistake. Use your keyword phrase in your heading, and related words in your subheadings.

6. META its important. You have probably heard of a META tag before if you own a website. No its not a birth defect or a medical bracelet. Its a piece of code that is hidden in your website. Every single page of your site needs them. The first one it needs is a description tag. This tag tells the search engine what the page is about. The text you put here will often end up in the search results page as well.

7. Keywords in the META. You keywords also belong in the meta section. You should have a keyword tag with the relevant keyword phrases in every page of your site. Each one should represent the page its on. (hint: every keyword phrase in the tag should exist on the page itself) for an example of a keyword tag and a description tag see the following:

8. Make Your First Words Count. When you begin any web page article or text you should make sure that your keyword phrases are right in the first couple sentences, somewhere in the middle once or twice, and again at the end. You are trying to make sure the search engines know what the article is about, while still writing for people to read.

9. Anchors are Not Just for Ships! Anchor tags (xhtml tags that create a link between two documents or pages) are very important in telling search engines what a document is about. Search engines assume you will link to other pages and sites with relevant content. So make sure your links use keyword phrases, and are descriptive. Example of a good link: (Blue mountain bike maintenance) where the entire line is a link. Example of a bad link: (read about blue mountain bike maintenance here ). where the word “here” is the link, leaving out all the describing text.

10. Make Sure the Crawlers Can See Your Entire Site. When search engines “crawl” a website they can only read text. They can’t see images, video, or flash. So make sure your site has plenty of text, and VERY CRITICAL, make sure your links are in text somewhere. If you only link from one page to another in a flash movie, or using images the crawlers may not even try to take a look at the pages you link to. If you want to see what pages the search engines have index type “site:http://wwww.yourwebsite.com” into the search engine you want to check.

11. Map it! If you want to make sure google and yahoo get to take a look at all of your pages you need to create an XML sitemap. This is really a very simple process use the sitemap generator.

12. Send Your Sitemap. Google and Yahoo want to see your sitemap so they know what pages to index. Submit to google here, and submit to yahoo here.

13. Every Page for Itself. In the world of “search” - every page on every website in the universe is competing for the same search traffic. That means unless google and yahoo can figure out what your page is about you will often be left out in the cold on page 1,234 of the search results for your search keyword phrases. Make sure you remember its every page for itself, not every site for itself. Every page should be a complete thought. Every page should have specific keyword phrases associated for it in the META tags, content, headings, and links. If you always remember this you are a step ahead of the competition. (Are they really even competition if you show up as result number 4 on page one and they show up as result number 1 on page 64?)

14. Do Some Reading. If you want to get good at the search engine game read some authors who have had success with them.

15. Get Local. If you are a local business who needs local business (you don’t sell watches online to people in china) you should get local with the search engines. Local Search is somewhat new, but very important to local businesses. You need to poke around and make sure you are listed in google’s directory results for local search. You should also check on yahoo, yellowpages.com, and other local search websites. Make sure you show up the same way you expect to in the local phone book. In todays world many people don’t pick up a paper phone book very often when they have search at their fingertips on the work computer, on the cell phone, even on people’s tv’s.

16. Get Some Links. This is a double edged sword in internet marketing. Not only can a visitor click on a link from another site to find you, the search engines assume your website is more important the more links you have pointing to your site. So ask websites that are not your competition but still relevant to your business. Remember to ask them to use descriptive text when creating your anchor’s, even better yet email them the text you want them to use. (NOTE: you can offer to link back, but its not as great an idea when thinking about search rankings.)

17. Get Listed in Online Directories. Directories like Google’s are free to get listed in, and they can count as links! Not many people actually search directories these days, but they do produce some traffic, and the links are worth their weight in gold. (NOTE: Yahoo’s directory is a complete ripoff. Unless you have a million dollar web marketing budget just forget it and move on to the free listings like google.)

18. Write an Article… or 30. Writing articles people can use in newsletters, and on websites is a great way to earn some links, introduce yourself to some readers who might grow to like you. You should write short, concise, fun articles about a topic that relates to your organization. You can them list them in an article source directory for people to use for free. These are a great way to get links because you can write a three or four line bio at the bottom of the article and put a link to your website in it.

19. Start an Industry Blog. Blog’s are the communication tool of the future. I mean who really knows whats going on in an industry like the people working there? Skip past the PR pro’s and the spin doctors and read a blog. Better yet - start a blog! What do you know intimate personal, in-depth information about? If it relates to your business you should be blogging about it. People in your field of work, and people interested in your business will want to hear what you have to say. Blogs are also a great way to earn some links because people will start linking to your articles.

20. Are You Newsworthy? Here is a tip, when you submit a press release “over the wire” it ends up on computer screens all over the world. If what you have to say is truly newsworthy it could end up in publications like CNN, Fox News, USA Today, the local paper, or on blogs. If your organization does anything newsworthy you should let the world know. Not only is the news a great form of advertising, but its free. Make sure to include your web address on any and all press releases you send out.

21. Does Your Business Card Advertise Your Website? How about your office stationary? What about all your printed materials? You spend money on your printed materials so remember to make the most for your dollar and advertise your website URL on everything you can print it on. I have even visited a few websites I saw on the side of car doors.

22. URL on the Television. Many times companies forget they can advertise their website in other advertising. It gives people an immediate place to get more information or read further about your organization. So if you are going to be on the radio, TV, or even in the newspaper anytime soon remember to advertise your website URL.

23. Install Your Signature. Microsoft Outlook is like today’s mail room. But what is a good mail room without stationary to write your letters on? If you forget to put your key information in your emails via signature, you are missing out on free advertising. Put your name, position, organization, address, telephone number, fax number, email address, and URL in your signature. Its like having your business card in every email you send.

24. Give Something Away. A great way to drive some traffic to your website is by giving something away for free. As a nonprofit a great way of doing this is to get a local business to donate it. Offer the business advertising in return, and you shouldn’t have to much trouble finding a willing donor. Then advertise your giveaway on your email contact list, your mailers, in the newspaper, (NOTE: If it is for a cause it is newsworthy) and even on a sign out front.

25. Start an Internet Newsletter. One of the best forms of advertising I have had personal experience with is email advertising. If you develop a good list you can send out a newsletter and drive hundreds if not thousands of people to your website. At one point earlier in my career I corresponded with over 7 thousand people a week via email. I was having conversations with over three thousand of them via email using personalized form responses. If you do not have an email list you can send a newsletter to, you should start collecting addresses today. I know many clients who advertise almost exclusively through email newsletter. It just works.Stay “tuned” for Part 2 of ‘Website Marketing Strategies’ - we will discuss guest blogging, rented email lists, and more!

Redesign: “Now with Ajax!”

08 Oct.

After re-envisioning our website and our branding, testing out some Ajax methods for organizing and displaying information, we have decided to show some of them off on the website!

Ajax is an important new technology on the Web because it significantly improves the user experience. An example of this would be the revolutionary mapping software now in wide use, Google Maps.

More Ajax-based web applications are in development and use all the time. The transition the Web has been making to a more user-friendly and intuitive environment is probably unnoticed by many web surfers, and this is ideal. The average web surfer probably just knows that the web is becoming easier to use, even though they may not know exactly how or why.

The improved version of many websites that is transforming the World Wide Web is being termed “Web 2.0.”

This change is not insignificant, and Ajax is not just a new bell or whistle. Improving the experience people have on your website is very important and should be considered by all serious site owners. This brings us to the website owner topic of the day, user experience.

The user experience is not trivial or technical mumbo jumbo. It is really just the type of experience a person has while visiting your website. How would people describe their recent visit to your website? Would they say it was easy to use, they found the information quickly and the pages were attractive? Did it remind them of other websites they like or was it the worst web experience of the day?

The truth is most websites would fall into the frustrating category. This is simply because the best sites on the web today are intuitive, well thought out by their creators and adequately researched. As a developer myself I know many clients would be happy to cut some meat out of the website budget by eliminating “user testing” and “visitor research”. While these are often expensive parts of the puzzle, they can also be the most important steps to creating a website people will enjoy visiting.

In reality all websites that are very successful (Digg.com, Facebook.com, Google.com) spend hundreds of man hours making sure people can understand how to use their websites and developing ways to present information in a pleasant manner.

Finding out if it is time for a re-design is easy if you only follow these two steps:

1. Find a person who does not work for you or your organization/business/church. (You need a truly unbiased perspective)

2. Watch the unbiased person use your current website. Ask him/her to complete a few pre-defined tasks, such as finding a piece of information or looking for a specific page. Then do not give them any advice about how to do that. Offer NO HELP! Just sit and watch (and bite your tongue).

This exercise should tell you whether or not your website is easy to use.

If your tester struggles or seems confused, it is time to re-think your website!

Planning for the future

06 Jul.

Is your organization planning for the future with regards to your current web development?Good web development requires careful planning, as well as vast investments of time, energy and often, money. In order to get the most return on these investments a good understanding of the internet’s future is important.The Internet is in a constant state of flux and growth. Hundreds of millions of websites exist on the vast data network we call the Internet. Change is inevitable because technology is always improving. The Internet has undergone periods wherein the methods used for web development change.The element of the Internet that is key to understand is which browsers everyone uses to view the Web. In the late 1990’s Internet Explorer and Netscape navigator were the two most widely known and used browsers available. Most people had a preference for one or the other usually based on the one they were introduced to. As time passed Internet Explorer (IE) became the standard because it comes already installed in Microsoft Windows. It has become the default browser used to view the Internet. As Netscape declined in use other browsers became popular, particularly among those who are not fans of IE or Microsoft. For instance, Safari is the preferred browser for people who use Apple Mac computers. Mac’s Safari browser just released a windows compatible version with the launch of its new iPhone. Just as Mac users love Safari, web developers and computer engineers prefer FireFox. Our company uses FireFox exclusively because it is one of the only fully standards-compliant browsers on the market. It is not only a better application than IE, it is also more stable.Because different people like to use different software to view the Internet, for a short period from the late 1990’s up until 2003 it was common for websites to have two versions, one built for IE and one for Netscape. Among the changes caused by the dot-com crash was the realization that there needs to be one standard way of developing websites. This allows all browsers to understand and display content the same way.The creator of the world wide web, Tim Berners-Lee, founded the W3C (World Wide Web Consortium) in 1994. The organization consists of members from around the globe who make recommendations that will help bring the web to its full potential. This organization brainstorms and debates over the best way to make the behind-the-scenes aspects of the Internet work. They are constantly releasing new technologies and frameworks for developers to use as standard when creating web browsers and websites.Web technologies come and go with time. Animated .gif files, for instance, were hugely popular at one point but are not seen often on the web today. Countless other technologies have disappeared into the past which is why standards are so important.If your site is built using today’s standards it will look acceptable to people using old computers (and thus old browsers), as well as people using the Internet today and far into tomorrow.The movement to build websites based on standards has always existed in some form, but it was not until 2003 that it really began to pickup steam in the web design community. The proof is in the pudding, because standards-based websites designed in 2003 still look nice and display well in today’s newest browsers.As time passes, the browsers people use will continue to change, and browsers will get better at adhering to standards put in place by the W3C.So what are these mythical standards?Today, July 2007, the standards are xhtml 1.0, html 4.1, CSS 1.0 and Section 508. These are the basics that all sites should be based on. Even when using advanced applications that rely on ASP or PHP (advanced web technologies), the need for standards-compliant xhtml and css remains.XHTML 1.0 is the newest version of html. This is the markup language that all sites use to communicate with browsers. This code tells the browser how to understand the information presented in a web page.CSS 1.0 is the standard for giving sites the look, feel, and layout of the page. While the xhtml might tell the browser that a paragraph is a paragraph, the css tells the browser where it should be displayed on the page, what font to use, and other information about how it should look.Section 508 is the set of government regulations regarding the construction of federal websites. The law requires that government websites must be accessible to people with disabilities. These guidelines are good for all websites.So how do I know if my site follows standards? The easiest method to finding this out is validation. The W3C has created code validation tools that will inform you of your sites adherence to standards. Here is a list of validation tools you might find helpful:

How to use these toolsYou can simply put the address of your website into the validation pages and they will tell you if your site passed or failed. If your site returns “passed”, then good job for having a head start over most of the web. If you failed, however, you will receive a list of errors and technical reasons for the failures. It is not a big deal if you have a few errors, but more than ten or so could be an issue. It is not uncommon to see websites with 50 or more errors. In that case, it would be wise to consider fixing these problems in an upcoming site update.What if my site is in the planning stages? If your site is not yet up and running you should ask your developers if they build standards-compliant websites. If they seem unsure of what this means, they are not operating at a level that is considered professional for today’s design teams. This does not make them a bad designer, but you should request they start creating standards-compliant sites, beginning with yours. If they are not willing to do so, you should take your business elsewhere.Websites should be viewed as a long-term investment. Most websites will exist as long as the organization or business exists. That does not mean that it will not need updating in the future, but if your site will not look professional and function well for at least five years, you are making a poor investment. Every site can use updates and expansions, but you should not have to completely overhaul a site annually, if you paid good money for it initially. Only an Internet-based business would be able to justify that cost on a yearly basis.If your website is based on standards, it will be easier to update, and easier for others to edit down the road, should your original developers move on or cease to exist. If you should need a complete overhaul, a standards-based website built on the most current technology could save you up to 70% of the cost and time spent on a re-design.Please feel free to contact us with your questions.