Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Wednesday, October 22, 2008

The Art of Website Maintenance

Now that you’ve designed and launched your website, you have a powerful marketing tool for your business. But, your website is only as useful as the content is current. The process of keeping the content on your site current is called website maintenance, and it’s important to keep both visitors and search engines supplied with new information. Just like regular maintenance on your car, you have to make changes on your website every few months to make sure that things run smoothly.

If you update the content on your website on a regular basis, potential clients will be drawn back to your site to find out “what’s new”. The search engines pay visits to websites in their queue regularly. The catch is that you’ll stay in the queue only if you update your site regularly. If the search engines visit your site several times in a row, and don’t find anything new, they may decide not to come back-which can be a blow to your search engine rankings.

So, when is it appropriate to update your website? You don’t want to waste time and money nitpicking at your site if you don’t have updates of real value to add. You should update your site if you’ve:

  • Grown your skills. Have you gotten a new accreditation? New licensing? Improved your skills? Any change in your skill set is a great reason to update your website-and your potential clients-with your new capabilities.
  • Expanded your products or services. Do you have a new offering? Add it to your website and start making new sales in that area.
  • Completed a successful project. If you’ve just finished a project, include it on your website. Create an online portfolio, add a case study-build a section on your website to use as a place to show the world your success.
  • Gotten more testimonials, or added to your client list. Including more feedback on your offering helps to build your credibility. Be sure to get a testimonial from each of your successful client projects. Updating your testimonials regularly will also show clients who have visited your site a few times that your offerings are “up to snuff”.
  • Written an article. Writing articles is a great way to keep your website up-to-date and to put more content on your site. Search engines love content-rich sites, and visitors will love to see the new information. So, if you write articles to educate your clients and promote your business, be sure to place them on your website as well. They’re likely to be full of keywords related to your area of specialty, which will help your ranking in the search engines.
  • Press releases. You should post all press releases and other information you publish about your company to your website. You never know who may be visiting, and you may get written up for your accomplishments.
  • Changes in your business. Have you hired someone? Changed your business structure, and you’re now required to notify the public of that? If so, you should probably review your website and evaluate how you can add that information.
  • Yearly check-ups. You should do a basic check on your site at least once a year, to make sure that the content is current. Some things to check on include:
  • Your copyright statements should be updated yearly
  • Test and validate your links, to ensure that they still work
  • Your time references should be changed. If your “About” page says how many years you’ve been in business, this is the time to change that!
  • Your pricing and offerings-do you have new products or services? Have your prices increased over the past year?

Spotlight any major updates on your home page as well, so that people will learn of those updates as soon as they enter your site. The search engines will also discover the new update as soon as they enter your home page if you leave a bit of information, with a link to the full story, on the home page. That will act as a breadcrumb for the engine to follow-the engines will follow your link to learn more about it.

Any of these reasons, and dozens of others, are great reasons to make changes to your site. If you make keeping your website current a priority, it will pay off with better search engine rankings and increased sales and leads through your website.

Once you’ve decided to make your changes, the next choice is how to go about doing that. There are two steps involved in maintaining your site:

  1. First, decide whether you prefer to edit your content on paper or online. This can be done in a couple of ways. You can start by printing the pages that have outdated information and then updating that information on paper first. Or, you can copy and paste the outdated content from your website into a word processing program such as Microsoft Word and then edit that file on your computer.
  2. After you have updated your text content you can choose either to make the changes yourself or to hire a web designer to make the changes. There are several tools that you can use to make changes to your site yourself. We recommend an easy-to-use tool called Macromedia Contribute. It’s fairly inexpensive, its simple to set up and learn, and it allows you to back up to older versions of your site if you make mistakes.

We suggest that you use this tool to make only simple text changes. More complicated changes-for example, to the overall design or navigation-are more difficult to make, and having a professional make those changes will save you energy and frustration.

If you are comfortable with a more complicated software program, then we recommend a professional-grade tool such as Dreamweaver. With a better software package, you’ll be able to make some of the more complicated changes yourself.

By building more-and more current-information into your website, you will also begin to build trust with your potential clients, since they will have a snapshot of what’s currently happening in your business and available to them. Your website can go a long way towards making sure that your online prospects know, like, and trust you-which can lead to more sales from your website.

------

By Erin Ferree

Monday, October 20, 2008

13 Tips for Finding a Graphic Designer

Are you ready to hire someone to design your logo, collaterals, or artwork for your website? Well, here’s just the information you need to get the best results from hiring your first (or your first successful) graphic designer.

To assure that we begin on the same page, a graphic designer designs your marketing materials - the print- and web-ready art which are then turned over to a printer or coded for the web for the final outcome. Some of their vocabulary can be foreign to you, and their processes may not be familiar either. We’ll address that and more with these tactics.

This advice gives you the essentials for hiring the right person for this critical project. The more qualified the designer, and the better the match between you and your designer will lead to more appealing final designs. the more professional you and your business will look.

1. Look at their work samples. Many designers offer a portfolio of samples either on their website, by email as a PDF, or in a hard-copy format. When you review these, look for a general design style that you like, not necessarily whether they have lots of experience within your particular industry. In fact, deep experience within an industry isn’t necessarily the best thing when you want a designer to put a fresh visual spin on your business and your issues.

2. Make sure they’ve actually done the work in their portfolio. This is especially true if you’re reviewing design companies or firms. Make sure that the designers who are still on staff created the work that you really admire.

Where this can come into play with solo designers is if the portfolio isn’t clear about their involvement in the development of all the design elements. For example, if they’re showing a brochure design or a website in their portfolio, but you love the logo; make sure that they created the logo before hiring them.

And, ask what the client’s involvement in the design of that logo is-if the client came to the designer with a sketch of the logo already created, then the logo may not be reproducible by the designer or firm alone.

3. Talk to the designer. Having an actual conversation with them can really help for two reasons:

To make sure you can communicate well with each other. If you each have very similar styles of communication, levels of energy, or enthusiasm about the project, then the project will most likely run very smoothly (or has a great potential for success). Also, make sure that you each understand what the other is saying-having similar definitions for concepts is amazingly helpful. When you don’t understand something, ask questions! To see if the two of you “gel” together. You’ll be working closely, so make sure that you get along! If you don’t like their personalities or vice-versa, then the relationship will most likely become strained and difficult. 4. Review their skills. This becomes especially important if you’re hiring a web designer-make sure the designer is qualified to provide you with all the technical components you’ll need. For example, web coding, forms coding, HTML newsletter integration and Search Engine Optimization are all somewhat technical fields that not all designers can deliver. Make sure you’ll be able to get what you need.

5. Check their references. If you really like a particular project in their portfolio, see if you can get that client’s contact information. But, if the designer can’t release it, that’s not necessarily the worst sign-maybe the client prefers that their contact information be kept private. Or they’ve moved, and haven’t told the designer how to get in touch with them. Be open to reasons why they may not be able to furnish a particular reference.

6. Learn about their processes. Find out how they plan to execute on the work that you’d like to have done. Ask what the designer needs you to do, what you’ll be asked to review and approve, how decisions are made, and how they’re made final. Make sure your designer is able to guide you through the design process, providing all the information you’ll need along the way.

7. Check their turn-around time for replying to emails, sending quotes, and returning calls. Make sure that it’s in line with the turn-around time that you expect throughout the project. Turn-around time here can also indicate the designer’s level of excitement about your project. However, if it’s a bit slow, make sure they weren’t just out of their office at meetings for the day, or tied up in another deadline-understand that they’re a small business as well, and the fact that they’re busy is probably a sign of how effective they are for their clients!

8. Review the rights that they’re selling to you. Make sure that you have the copyright and reproduction rights that you want. Think as far into the future as possible-you want to make sure that you’ll have what you need as your business grows. You don’t want to have to come back to your designer and re-negotiate your rights in a few years!

9. You may be tempted to ask for some sample designs for your specific project. This is known as work on “spec” (speculation) -having a designer do work without a guarantee of getting the project. While designers can understand your fears-what if you don’t like the logo we develop, what if we don’t “get” what you want, what if…

Asking a designer to work on spec isn’t very fair. The first round of designs on any project is the most time-consuming to create-it often consists of researching your company and your competitors, brainstorming on the creative side, and generating first ideas. You wouldn’t ask a doctor to diagnose you before paying for his time, and then offer to pay him if you like the diagnosis-it’s no more fair to do so with a designer.

10. Make sure that you’ll get the deliverables you expect. Some designers don’t plan to include final files in their deliverables to you-if you want to have the original files delivered to you along with printed collateral or the final files uploaded to your web server, make sure the designer knows that up-front. It may change the pricing.

If you want to be able to edit the final files, make sure that the designer can deliver the files to you in a way that you can edit them. Realize that, depending on the software that you have, this may either limit the design or be impossible, but you probably won’t get the files in the specific format you want unless you ask!

And, if you envision having your final files in a particular format-such as having your letterhead in Microsoft Word-be sure to ask for that. Many designers don’t consider Word files to be part of a standard set of deliverables.

11. Have a realistic schedule and check the designer’s turnaround time. Allocate enough time for your project to be completed-rush jobs never turn out to be as good as they could be if enough time were allotted. An average logo project takes weeks, not days!

Also, be sure that they have time available in their schedule to complete your project on your timeline. Check for upcoming vacations, and whether they work evenings and weekends if your timeline calls for that.

12. Make sure that you’re both clear about revisions. Many designers include a set number of revisions in their project packages. Make sure that you understand what constitutes a revision, how many you’ll get and what happens once they’re all used up.

13. Get it in writing. A contract can help to lay out expectations for the project on both your end and the designer’s. Once you have a contract from your designer, make sure to read it carefully-it will often state exactly what you’re going to get out of the project, how you’re expected to pay for designs, what you’re paying for, and how to get out of the contract (in case you have to cancel the project for any reason). And, if it doesn’t make things clear, ask the designer to elaborate for you.

Following these steps gives you all of the background information you need for optimum results when hiring a designer. Use them as a reference when you review designer’s websites, meet with, or interview your potential designer. Understanding the process and expected outcome does wonders for a smooth transition from ideas to reality.

-----

By Erin Ferree

Sunday, October 5, 2008

Cascade Style Sheet Basics

There are only three parts to Cascade Style Sheets (CSS), and once we understand what they are and how to use them, CSS becomes very easy and exciting to use. One of the best parts of CSS is that you can create an external Cascade Style Sheet which you can use for all web pages on your website. You can also have one CSS for all of your articles and a different one for all of your press releases. Making one change in your CSS, you are able to effect changes to a few web pages or to hundreds of web pages without ever touching any of the different web pages themselves.

Below I am going to break out each one of the parts of CSS and explain them in non-techie terms:

1. Selector 2. Property 3. Value

This is what these three parts will look like when they are all put to together:

selector { property: value }

The first part is the selector. In techie terms, a selector is the (x)HTML element that you want to style. Now what does this really mean to the person who doesn’t know about (x)html code and really doesn’t want to learn it, but does want to make changes to their own websites. Absolutely nothing, right? It just went over your head and now you are at a loss (oh how well I know that feeling!). Well, let me show you what some of the most common selectors are, and I know that you will begin to feel more comfortable with selectors.

The first selector that you come across in all web pages is the body, next might be h1, or the p. In (x)html the code is going to look like this:

<> your web page content goes here< /body>: or, <> Your headline text goes here< /h1> ; or, <> your paragraph text goes here< /p> .

For the first example, let’s start with the body. Here is the main thing that you will likely do with this simple but important piece of code. Let’s say you want the main background color of your website to blue or #0000ff (which is the hex code for blue). It will look like this:

body {background-color: #0000ff}

OK, what does all that mean? It is saying that the “background-color”, which is the property, is going to be blue, which is the value of that property. In simple terms, it means the main background color of your website is going to blue. It is easy to change the background color of your website now just by changing the hex code (#0000ff) to a different color, say red, which would look like this: #ff0000.

Now let’s look at the selector h1:

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22pt; font-weight: bold; text-align: center; color: #000000; background-color: #ffffff; }

Here we are defining what h1, or the text inside of our header 1 tags, is going to look like. The first line in the property is the font-family, and the value is Verdana, Arial, Helvetica, and sans-serif. So, in plain English, what we are saying is the font that we want to use for all of our h1 headers is going to be Verdana, Arial, Helvetica, or sans-serif.

You might be asking if we want the main font to be Verdana, why are we also using Arial, Helvetica, and sans-serif as fonts? The reason for this is not all computers are going to have Verdana font loaded on them. If they don’t, then the default font becomes Arial. The same thing holds true for the Arial font, which then defaults to Helvetica and, finally, to what is called a system font or screen font that all computers have on them, which is sans-serif.

Now for the next line, which is font-size: 22pt. The property is font-size and the value of that is 22pt. 22pt is the easiest to use because we all know about 10 pitch, 12 pitch, 14 pitch fonts when we are using our word processors. There are several other different ways to express the size of the font, one of which is small, medium, and large, and is much more complex than just entering the pitch size.

Next we come to the font-weight which is a real easy way to bold all of the text in your header without using any other code to do it. Following along with what we already know, font-weight is going to be the property and bold is going to be the value of the font weight. If you choose not to bold all the text, all you need to do is change the word “bold” to “normal” and you are all done.

The text-align is just that: by changing the word “center” to “left”, you can align your text to the left margin instead of centering it all. I am sure that you are beginning to get the hang of this by now, but just follow through, “text-align” is the property and “center” is the value.

The color of your font or text is going to be the hex code color #000000, or black. If you want to change the color of the font, find the hex code for the color that you want it to be and replace #000000 with it.

The last one here is the background color, which is behind the header text. This background color is different from the body background color in that this color is going to be directly related just to the text in between the header tags or the h1 tags. In our example, “background-color” is the property and “#ffffff” is the value. You can change the background color to any color you like just by replacing the hex code #ffffff, which is white, with the hex color code of your choosing.

In our next article we begin with the paragraph tags and show just how easy it is to get rid of a ton out dated code.

----------
by Copyright 2006, Larry Lang

Monday, September 22, 2008

XML Sitemap Submission Made Easier

Getting Google and other major search engines to spider your XML Sitemap just got a little bit easier. Although submitting through a search engine’s submission interface such as Google Webmaster Tools can offer additional valuable information, if you simply could not be bothered there is now an easier way.

Vanessa Fox posted in the Webmaster Central Blog a few recent announcements regarding sitemaps.org, including a point on XML sitemaps.
Now you can add a simple line to your robots.txt file that will tell the search engines that support XML sitemaps, where your file is. No need to create an account. Simply upload your XML sitemap and add a line including the full path to your robots.txt file
Sitemap: http://www.yoursite.com/sitemap.xml
It is as simple as that, your sitemap will be spidered and you need not do anything else. That said, using the supplied interface, such as Google Webmaster Tools, will allow you to ensure that your sitemap was spidered correctly and without errors, but it is nice to see an alternative is available.

-------

By Scott Van Achte

Wednesday, September 3, 2008

Hot HTML Tips that Never Fail to Deliver

When it comes to HTML, you can always count on accuracy and detail delivering your website’s content in proper order to the search engines. If you are new to website building, or are struggling to understand why your website is not performing this article may be of tremendous value to you.

First, let’s look at meta tags, these are the main points of interest to the search engines, they do not look at a webpage as humans do, so meta tags are the brail, if you will, to what they see. Meta tags should always be between the and tags, like so:

</strong>(Your Website Title)<strong>

The section is where all the content goes about your site, closed by

The next step is to have the search engines focus on your main points of interest. You can call attention to these words or phrases inside your content section using HEADING symbols;

Making Money Online

Top Paying Keywords

Landscape Rock

Just encase these phrases with the

etc, wherever they fall within the content.

This draws special attention to the search engines and helps your site rank higher in the search engines. Do not use more than 3 tags or it will only distract from what the search engines consider important on your webpage.

In your keyword meta tags above, adding the right keywords is important. Use keywords that highlight your subject matter, but avoid using, a, and, the, more, less, again, those type of words are frowned upon by the search engines. Search engines don’t actually read, they just want to know the relevant words in your content.

Using Top Paying Keywords is a way to increase your Adsense Ads revenue, if you use them to benefit from the content or subject matter of your webpage. This is a very valuable asset you can add to your site, if you apply the right keywords.

Alternate tags is another great way to align your website for optimum display for the search engines. Alternate tags are used with images or pictures on your webpage. They allow the search engines to recognize the picture with words you provide. For example;

A picture html description would look like this:

By adding the alternate tag, you can add keywords that are relevant to the picture or the content of your page, like this:

alt=”website traffic” src=”internet-traffic-2.gif” >

Anchor Text is a way to focus on keywords that link to another page or website. Again, search engines really like this and it draws attention to the relationship of keywords and relevant webpages or other websites.

< href="”http://www.Your-website.com”">Making Money Online < /a>

For more priceless information like this lesson article, visit http://wealthsmith.com.

-----

By Jim Wilson