Digital Pacific Company Blog

Useful tips on web design, hosting, marketing and more…

Archive for the ‘Webmaster’ Category

Understanding Web Fonts

Friday, October 8th, 2010

Using fonts on the web is a different proposition to using fonts in the print world. In print, you can guarantee it will look the same for everyone. With computers, operating systems install different fonts by default. A web page that looks great on a Windows computer might look very different on a Mac. As the web should ideally indifferent to what operating system or browser you have, a solution was required: web safe fonts (a list of which is available here).

Web safe fonts are fonts that are available on all Windows and Mac computers by default. These fonts enable you to design a page knowing that the page will look largely the same regardless of what type of computer your viewers are using. Knowledge of web safe fonts enables a designer to select a preferred font and select a number of backup fonts of similar appearance through CSS.

Understanding Web Fonts

(If you’re not familiar with CSS, a helpful resource to start learning about CSS, HTML and more is W3Schools – http://w3schools.com/)

However, web safe fonts have a limited range and reduce a designer’s ability to make a site stand out visually through its typography.

CSS3 and @font-face – the future of web fonts

Techniques have been developed in recent years’ providing designers with more control over a site’s typography. While some techniques have involved using images in place of text or fiddly implementations of Flash (such as SIFR [http://novemberborn.net/sifr3]), an easier technique is the @font-face attribute in CSS3.

According to the W3C (http://www.w3.org/TR/css3-fonts/#the-font-face-rule) (the international organisation responsible for developing web standards), the @font-face rule “allows for linking to fonts that are automatically activated when needed”. You can now link directly to a font which will be displayed perfectly on your site regardless of what your readers have on their computers.

Browser compatibility

New problems are introduced by competing web browser rendering engines such as Internet Explorer, Gecko (Firefox) and WebKit (Chrome and Apple’s Safari). You need to ensure that the @font-face rule links to a number of different file formats to account for a consistent user experience across these different engines. While the soon-to-be-released Internet Explorer 9 will minimise the problem, there are still many older browsers in use that require support.

The different method required to implement web fonts makes hand-coded, built-from-scratch stylesheets awkward and time consuming (here’s a list (http://paulirish.com/2010/font-face-gotchas/) of most of the problems, compiled by a member of the Google Chrome development team).

You can avoid the hassle of cross-browser support by using a service like Font Squirrel (http://www.fontsquirrel.com). Font Squirrel has ready-to-download font packs with all the right file formats and a “@font-face generator” which will generate a font pack for you to download built from any font you upload to the site. Font Squirrel converts the font and generates a basic stylesheet to get you started.

If you are interested in the intricate details of the different file formats and the nitty gritty of implementing @font-face, two places to start are “How to use CSS @font-face” (http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/) and “Quick guide to implement web fonts via @font-face” (http://www.html5rocks.com/tutorials/webfonts/quick/).

Finding free web fonts

Just because you have a font available to use on your computer doesn’t necessarily mean you can use it as a web font. Many commercially available fonts require a separate licence for such use. While some services like Typekit (http://typekit.com) enable you to licence a number of fonts for a monthly fee, high quality and free-to-use fonts are also readily available.

The Google Font Directory at http://code.google.com/webfonts hosts a selection of open source and free to use fonts. The fonts are hosted on Google’s own servers so you don’t need to store them yourself. The Directory also includes handy code snippets and advice on the best ways to embed the fonts into your site

dafont.com (http://dafont.com) is a font directory that includes a number of public domain and free fonts. The quality of these fonts can be variable, but some good ones are available. You will find a selection of public domain and free fonts at dafont.com here)

Understanding Web Fonts

Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts

The basic principles of good web design: the power of planning

Friday, October 1st, 2010

One of the great secrets of the web is that designing a functional, effective and elegant web site really isn’t that hard. It’s true. Virtually anyone can do it. You don’t need to spend a lot of money to get started, the tools are available to anyone who has access to a computer and it is easy to view and make changes as you go along.

Not everyone is capable of creating a bleeding edge, award winning site. However, the number of businesses that need to demonstrate that they are on the cutting edge are few and far between. For many businesses, it is more important that a site be simple, attractive, easy to use and give the viewers all the information they need.

Well designed sites, big and small, share the same principles of good web design. These principles help bring the goal of a solid, well designed, effective and attractive web site within everyone’s reach.

The first principle for developing a well designed, effective and attractive web site is good planning.

Know what your goals are

Good web design is the same as every other project in life: before you can achieve the results you want, you need to know and understand what it is that you are aiming for. Ask yourself, “What is the purpose of my site?”There is no right or wrong answer to this question, but it is important that you have an answer. It could be that that the purpose of the site is to provide information about your services to potential clients, a catalogue of your inventory or act as a sales portal.

Whatever the focus, the answer to this question will inform everything else that you do from the text on the site, how you organise the information or even what images you might use. Everything you do on the site should work towards your goal. Understanding this now will save you a lot of heartache later on in the design and building process.

Map out your structure

Once you are clear on the goals of your site, it is worth taking the time to map out a site structure. You don’t need to worry too much about the content at this stage. Instead, focus on the big ideas. The aim is to get an idea of types of information you want on the site and how the different parts of the site should link together. Every page should have a purpose.

This is an important step even if you’re not building the site. Being clear at this early stage about how you want the site structured can save you a lot of time and money down the track and avoid costly redesigns.

If you really want to delve deeper into the principles of organising your site, an excellent place to start is Dan Brown’s “Eight Principles of Information Architecture” [PDF]. It’s only a few pages long but packed with thought provoking questions for you to answer.

Laying out the pages

And now the fun really starts!

It’s a good idea to give some substantial thought to a basic layout for the site’s pages. This part of the process is the perfect time to play around with as many ideas as you can while it is still easy to do so. The site structure will have an influence to some extent, but you should still feel free to try something new.

One way to do this is to use wireframes. Wireframes allow you to develop basic ideas about appearance and structure without getting distracted by the detail. Think of a wireframe as a skeleton for your page. You’re laying out the bones of a page and leaving the flesh for later.

There are a wide range of tools to help you with wireframing a site design, which range from the expensive and fully featured (Axure, Visio , reasonably priced Balsamiq and free (pen and paper). PowerPoint is a very useful tool wireframing, and is also something that many people already own. Using the drawing tool bar to make basic rectangles is an easy way to start playing with wireframes.

An excellent resource on wireframes and wireframing is the online magazine Wireframes

Basic Layouts

Almost every web site will have a few common layout elements, such as a header (often with a logo), a navigation system, a “container” for the main information on the page, and a footer. Wireframing allows you to play around with these elements to get a feel for what works for you and your site. There are some classic layouts that will be familiar to you. The Digital Pacific blog, for example, is a classic three column layout. It has a header across the top, main content on the left hand side and two columns of navigation and points of interest on the right hand side. The pattern is completed with a footer across the bottom.

Site layouts have evolved over time to meet the needs of different sites. These layouts or “site patterns” have been developed in response to the way that people read information online. E-commerce sites have different layout needs than a blog which in turn has different needs to a news site. One of the most comprehensive resources on site patterns is the book The Design of Sites .

It is at this point that all the hard work planning goals, mapping out the site and deciding on a basic structure pays off. Deciding on a site pattern and settling on the basic layout should now be a simple process, making it easier to either start the design work or to give your web designer a clear brief. With this planning under your belt, it makes it that much easier to begin thinking about the next stages of bringing your plans to life.

The basic principles of good web design: the power of planning

The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning

Reseller Hosting with cPanel & WHM

Friday, August 13th, 2010

Seeking: Tech-savvy, organised individuals with a desire to earn extra income while being your own boss. Must be responsible and knowledgeable.

Does this sound like you? If yes, then Digital Pacific has a great opportunity that can help you achieve your money goals. It’s called reseller web hosting, and it basically gives you the ability to start your own web hosting business, but with the benefit of having someone else actually provide and manage the hardware itself that would normally cost a start-up thousands of dollars to do. Now, with “total control” features provided with our WHM (WebHost Manager) and cPanel packages, starting a reseller web hosting business has never been easier!

Reseller Hosting with cPanel & WHM

The Business

As a web hosting reseller, you first choose a reseller package. You simply pay a set fee for a certain amount of space on our servers that you are then able to allocate, package and price for your own customers. You manage the selling and support side of the business while Digital Pacific remains silent in the background simply watching over the hardware. If done correctly, your customers will never know that we are in the background as everything will work under your business name. We will never phone your customers as we believe it may harm the integrity of your business.

The Investment

In terms of a business start-up, investment is definitely minimal. We have four packages starting for as little as $45 a month that help get you off your feet and making some extra money. Remember, there is no overhead on this program since we provide and manage the hardware, including server upgrades, behind the scenes.

The Gains

Besides being your own boss, you can choose how much profit you will make from this job. For example, if you choose the Reseller BASIC plan for $75 per month, you will receive 20Gb of disk space, 100Gb of bandwidth and the ability to host 40 different domains. At this point, you could potentially package this into 40 different accounts, each with 500mb of disk space and 2.5Gb monthly bandwidth, and sell it for $10 each. If all 40 accounts are sold, that would bring in $400 a month for a profit of $325. That is a decent amount of extra income right there.

Now imagine if you can somehow incorporate this into a current business. Web designers and developers are definitely in the market for being successful resellers since they are able to offer the hosting as an extra service to their clients. Be creative and see how you can make this program work for you.

The Benefits of cPanel & WHM

We like to call the combination of cPanel and WHM our “total control” package. The features provided by these two systems make a reseller web hosting program with Digital Pacific that much better and easier.

 

Reseller Hosting with cPanel & WHM
Cpanel is a control panel loved by many around the world. We recently started offering this option to our customers because of the high demand for the product, so we know this can be a huge benefit to your business as well. Your customers are given the ability to manage their account through cPanel, where it will also display your business logo. Included with this configuration is the amazing add-on of Fantastico, which allows users to install popular open source applications at the touch of a button.

 

Reseller Hosting with cPanel & WHM
WHM, or WebHost Manager, is your admin panel that allows you to manage all of your accounts and their allocated space. It is also where you upload your logo so that it displays to your customers in their control panel.

Together, cPanel and WHM give you and your customers total control, and that is a win-win situation for all involved!

So, like we always say, this opportunity isn’t for everyone, but it’s a good one for those with a bit of knowledge looking to create an extra source of monthly income. Feel free to contact us with any additional questions you may have about this opportunity!

For more information see our reseller web hosting page. You may also be interested in our affiliate program, another great partner program offered by Digital Pacific.
 

Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM Reseller Hosting with cPanel & WHM

Benefits of Naming Files Correctly

Friday, July 30th, 2010

You might not think about the repercussions at the time, but poorly named images, html files and directories(folders) can cause total confusion when it comes to updating your website later down the track. It can be a key indicator to a visitor that your site lacks professionalism but most importantly, it can hinder your website marketing efforts before you have even begun.

Examples of poorly named images, html files and directories include:

  • Example of poor file names: page8.html, page9.html, mypage.html, default.html
  • Example of poor directory names: /my directory/ or /MYDIRECTORY/
  • Example of poor image names: DSC23233.jpg, image of boat.jpg, weunfdweialksdfwe.jpg

In the first example, these file – or web page – names are identified in a very general way. Instead of page8.html, why not try to name it according to the information that can be found on that page, such as example: web-hosting-plans.html. By doing this, it not only allows users to be more aware of where a link will take them, but it also helps website owners with the big SEO factor.

Benefits of Naming Files Correctly

For the directory example, the issue of extra spaces, as well as capitalisation comes up. When spaces arise in a web URL, it can make it an ugly mess to say the least. Spaces will get replaced with a “%20″, which can make a URL hard to decipher. If you feel you must use a space, try replacing it with a dash. Also, issues with calling URLs can come about when there are unnecessary capital letters in directories, so it is best to keep it standard with lowercase. As with html files, it is just as important to be descriptive when naming directories as these will form part of a URL, so therefore will have an impact on your SEO.

Benefits of Naming Files Correctly

The last example deals with images that are not optimally named. This can occur when someone keeps the original image number description given to it by the camera, when the image name is vague or has spaces, and also when they are not comprehensible at all. Just as in the above two examples, using a descriptive name helps with SEO, and SEO of images is an often under-utilised area of optimisation. This simple change can easily be done by right-clicking the file name and choosing to “rename” before uploading. Or, you can usually make a change through whatever FTP program you use to upload.
Benefits of Naming Files Correctly

As stated in the introduction, having concise and clean URLs makes a business or other online presence look more professional. Remember, it’s the small things that make a difference.

In addition, the SEO capabilities of tagging images correctly is often overlooked by many website owners and webmasters. However, with the popularity of using search engines to find images, naming the image with the correct keywords can help individuals find your site.

So, do yourself a favour and have an inspection of your website’s file names to make sure they are serving you the best that they can.

Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly Benefits of Naming Files Correctly

Gaining Your Website Visitors’ Trust

Thursday, July 15th, 2010

If you want your visitors to return, or if you want to turn your visitors into customers, a base rule is that you need to gain their trust. Only, gaining visitor trust through a website can be easier said than done. In fact, it involves being able to portray an open and honest vibe throughout the entire website in a way that makes them not feel like they have to look for another. The following points should be considered when trying to gain visitors’ trust.

Give the user the information they want and need easily.

Gaining Your Website Visitors Trust
Visitors love it when all of their questions are answered right then and there on the website. It just has a way of making life easier since there is no need to search around for other websites, or to have to contact the website owner. This method also makes it appear as though you want the visitor to know everything there is to know about your site instead of making it feel like you’re hiding something. The easiest way to do this is to add all of these pages, as necessary, to your site:

About Us
Write a thorough About Us page so that visitors can get to know the company better. Photos can always help put a face behind the name, as well, and most people can associate better with someone they view as a real person. Besides this, it helps to tell of any successes and achievements made that will help you stand out amongst others in the same field.

Frequently Asked Questions
If someone has asked you a question, chances are that many other people have the same one. Create a frequently asked questions page that will cover all of the information not given anywhere else on the site.

Contact
Create a contact page that includes all of the various methods of getting in touch including email, phone and mailing address. If you are also on social networking websites, include that information as well if it is another way to be easily reached.

Testimonials
Feedback from previous customers is a marketing goldmine. It gives users honest information from people other than the company or website owner while also selling the product or service for you. Including a page of testimonials is highly recommended.

Privacy Policy
A privacy policy is essential if you are running an ecommerce shop especially. It lets visitors know the ways in which their personal information may or may not be used if they should decide to become a customer.

Postage, Payments & Returns
Details covering the specifics of postage, payments and returns for your website, if you sell a product, is vital. It helps customers make informed decisions on whether or not buying from your site is a viable option right from the beginning. In addition, having a return policy clearly set out on the site may give them more confidence for making a purchase.

Create multiple channels of feedback, support and transparency.

The easier you make it for customers or visitors to get in touch with you, the better. Multiple channels of feedback or support make it so visitors have more options, so they are able to choose a method that suits their needs. It also makes it so the company or endeavour appears more transparent to the public, and like mentioned above, it lets them know there’s not some scam hiding in the background.

Social Networking
Social networking sites, such as Twitter and Facebook, have been utilised by many companies and online presences as a way to interact more frequently with potential customers. Integrating these avenues of feedback into your existing setup can be a worthwhile time investment that let your visitors know they can rely on you always being accessible.

Other
Other methods of adding increased openness with visitors is by adding a forum, integrating a blog, and just plain consistently and quickly responding to emails.

Moreover, gaining a visitors’ trust can be summed up as easy as this: don’t do, say or promote anything that you wouldn’t enjoy as a visitor yourself; and definitely do, say and help the visitor as you would. What are some examples of tactics you’ve seen web presences use to gain a visitor’s trust?

Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust Gaining Your Website Visitors Trust

Web Page Navigation – Getting Your Visitors From A to B

Wednesday, July 7th, 2010

How good are you at getting your web visitors from point A to B on your website? If you haven’t thought about that question much in the past, it is definitely something to put on your to-do list now. Simply getting your web visitors from A to B can rely mostly on your web page navigation system and how it is set up. Here are some tips to keep in mind while assessing your layout.

Keep It Simple

Like so many other things in life, simple is better. Too many links in too many places can be overwhelming and confusing, so it is best to focus on what is important for your specific site’s goal. Also, extremely fancy designs for a navigation can have a similar negative effect.

Consistency is Key

The navigation menu should be the same on all of your pages. What this does is makes it quick and easy for users to find what they need instead of spending extra time trying to get re-accustomed to a new system. When that happens, you can be sure that most people will simply go back to the search engine and find another site.

Vertical vs Horizontal Navigation

When deciding the location on a web page for the navigation menus, it is best to think about the natural flow of the site. It is best to note that visitors will most likely click on items as they come in order, either left to right or top to bottom. Therefore, it is vital to organise your navigation links accordingly. Many websites include both a vertical and horizontal navigation menu on a web page, but is wise to note that the top navigation will probably be more popular than the horizontal, depending on the layout.

Be Descriptive

Be concise, but also be descriptive by choosing appropriate words. You want your visitors to know what sort of information is going to be on the page before getting there. This lessens the amount of times users have to click around to find what they are looking for.

Link Home

A good point to keep in mind is that web visitors may enter your website on any page (not just the home page). You want to keep those people interested in your site as long as possible, and easy and clear navigation with a link to the home page is essential. In addition, it’s not pleasing to make your other visitors use the back button to return home, and it can be just another annoying feature to drive them away.

Grouping

It is important to put similar navigation items near each other. For example, if your sidebar navigation system lists fantasy books, rock music, cell phones and science fiction books in that order, you might want to make sure all the book topics are together. This helps visitors to be able to keep track of what’s on offer at your site without having to jump around. If your navigation system contains sub-pages, be sure that your group subpages in logical categories as well.

Another idea to keep in mind is that of primary and secondary navigation menus. Primary navigation should include links to your main pages of interest. All others, such as the Contact or About Us pages, should be put into a secondary navigation and stressed less in the design.

Easy Access to Important Pages

Any important pages, such as your main information or selling pages, should be accessible within one click from the homepage. Pages that are hidden deep within the site are likely to get skipped over as a web visitor is generally not going to stick around for more than a couple minutes.

Avoid Linking Out

In the navigation, it is probably a bad idea to link out to external websites. If you have these external links on the main navigation, it will most likely lead to visitors quickly exiting your site, and if you’re wanting sales, clicks or loyal readers, then you want to keep your visitors on your site as long as possible.

Check for Broken Links

A broken link anywhere can be annoying to web visitors, but a broken link in the navigation can be even worse. Be sure to use a link checker to see that your site’s links are all active.

Tip:

If you use Google Analytics to track your website’s stats and traffic, they have a handy “Site Overlay” tool that can show you which links get the most clicks (in percentages) on each page. In that way, it’s easy to see where visitors tend to go next, and it can help you make better navigation plans.

Beyond Main Menus:

Navigation structures go deeper than the main navigation menus on a web page. Think about a blog that features links to the next and previous posts at the top or bottom of each article. This navigation structure is also good to think about within the content sections themselves to help guide a visitor where you want them to go.

Without proper web page navigation, it is safe to envision your web visitors as lost sheep with the attention span of a fly. Don’t assume that people will simply know where to go just because you do, and don’t assume that they will take the time to work it all out on their own. In today’s fast-paced Internet world, visitors are generally skimmers, and if they can’t get the info they need in an instant, they will simply move on to the next. I know I would. You?

Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B Web Page Navigation – Getting Your Visitors From A to B

What’s New in WordPress 3.0

Thursday, July 1st, 2010

Whats New in WordPress 3.0

If you haven’t upgraded to WordPress 3.0 yet, we definitely suggest you get on it. Upgrading this CMS not only makes your install more secure, but it also opens you up to some amazing new features. Seriously, this is one update you would be sad to miss given the number of fantastic upgrades and features. Here are some of those that should be noted.

Custom Username

On the initial install, users are given the option to choose a custom username instead of using the standard “admin”. There have been security risks associated with the past use of “admin”, so the ability to choose now makes access more secure. Passwords are also open for customisation at this time.

New Default Theme

Kubrik has been retired, and “2010″ has been installed as the default theme. One look and you will surely agree that the new default theme opens users up to a more modern blog look right from the beginning. It is also more capable of harnessing the additional 3.0 features.

Custom Headers

When navigating through the backend, you will quickly notice a cleaner and brighter appearance, but the changes go much deeper. There is now the option to choose a custom header right from the backend by either choosing one of 8 given for the default theme, or by uploading one of your own.

Custom Background

There is also the option in the backend to choose either a new background color, or for uploading a new background image without the need to play around in the code.

New Updates Menu

Any plugins or theme updates that need to take place will be notified under the Dashboard Menu, and it is good to note that plugins can be updated in bulk.

Shortlink Feature

In a world of Twittering and Facebooking, shortened links are great for saving space and keeping things tidy. WordPress 3.0 has integrated a shortlink feature right on the post page to speed up the process. The cool thing about this option is that the shortlink is given with your base domain name (great for online branding), and it looks like the post id (what would originally be displayed if you didn’t set up pretty permalinks.

Custom Post Types & Menus

If there are certain types of posts you are constantly creating that have special functions, such as adding a video or podcast, you can create a custom post type for it. They sort of act as categories for your posts, but they also give you the ability to choose certain features that should be active for that post type. In addition, users can now access these post types from menu options in the dashboard.

Multi-Site Feature

WordPress 3.0 gives you the functionality of WordPress MU by allowing multiple blogs to be run from one master install. As with many of these options above, it is not available on immediate install; you have to insert a simple line of code into your config.php file to enable the Network option underneath the Tools menu in your dashboard.

The Multi-Site feature opens up many doors for bloggers who couldn’t be bothered previously by converting to MU.

For a complete list of the new WordPress 3.0, please consult the official WordPress codex.

Have you already upgraded to 3.0? If so, what do you think of these new features.

Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0 Whats New in WordPress 3.0

Website Redesign: Don’t Forget Your Purpose

Tuesday, June 29th, 2010

The world of web design is constantly changing, and let’s face it: your website (the one that you spent forever designing in the first place) can age within a few years and look outdated. Keeping fresh appearances can take a lot of time and effort, but in doing so, you’ll be putting your best foot forward in a very, very long race.

If you have been thinking of doing a website redesign, it is imperative to not get carried away. Focus is key, meaning you don’t want to take away the elements that are already working well, and you don’t want to not change the ones that aren’t. Before you go about this somewhat complex process, depending on the size and structure of your current site, have a good, long think with the following points in mind.

Website Redesign:  Dont Forget Your Purpose

Evaluate Your Visitors’ Needs

Your visitors are a combination of people. They could be first-time visitors, customers, blog readers and so on. It is important to think about all of these visitors when considering a redesign as each might have different needs and expectations in the site. For example, does the website act as a portal where customers can find support? Is the site’s main focus gaining new customers? Is what you’re doing now working?

More than anything, you don’t want to alienate any of your main visitors. In other words, if what you’re doing now is working, you should probably not stray away too far from that when doing the redesign. It can be confusing, shocking or off-putting to say the least to frequent visitors that have to look somewhere new. Change is good, but too much can be overwhelming.

Evaluate the Needs of Your Site Maintenance Team

If other people will be overlooking the maintenance and updates for the site in the future, it is best to consider the code structure and simplicity of the redesign. Will the individual (or team) be able to quickly understand the layout, or should careful labeling of the code be a priority?

Keep the Same URL Structure

This is an easy point to overlook when making a redesign, but you absolutely MUST have a plan for your URL structure or else disastrous events may occur (OK, maybe not disastrous). Just imagine changing a URL when people might be linking to, or bookmarking, the old one. That comes across as a dead link, and chances are that many people won’t bother taking the time to search out the updated one.

There’s also the fact that Google may have indexed the old URL, meaning any traffic you could be getting to your page via search engines will be compromised. Let’s not forget whether or not the page had a Google ranking as well.

If you are unable to do the redesign without URL changes, then it is important to make sure you install the proper redirects so that it runs without a hitch, and your site doesn’t suffer.

Keep It Simple

While fancy additions and plugins are enticing, as stated before – too much change can be overwhelming. Or, unnecessary for that matter. There’s no need to flaunt it just because you can, especially if that flaunting gets in the way of the website’s purpose. There are ways to make a website aesthetically pleasing and powerful without overdoing it with the redesign and taking away from the original vibe.

Convert to CSS

If you haven’t already, setting your website up with a CSS-based framework makes life easier when it comes to upgrades and overhauls. The CSS document will hold all of the formatting for the website’s look, so instead of combing pages and pages of code and content, you may only need to make some changes in the CSS alone. A good setup from the beginning will give future designers and developers a stronger frame to build from, and hopefully less confusion.

Think About Design Trends

One of the main reasons for a redesign is the ability to look more modern, so you have to look around to gather ideas on what is popular now, and what is on its way up. A good place for browsing is on CSS galleries — websites that showcase various website designs. It’s basically a one-stop shop for seeing what’s out there, but you have to be sure to not just steal the ideas and hard work of others in the process.

Note Theme Differences

Whether you are taking over someone else’s project, or overhauling your own, to minimise issues with the redesign, it is wise to note where features may have problems. For example, if you have images and tables that are currently set to a specific width, but the new proposed new design calls for some structural changes, perhaps the information will not display as desired. Go through and make a list of items like this in the beginning, both big and small, so there are fewer issues down the road.

Evaluate Your Logo

Does your logo also look dated and old-fashioned? While it is generally not a good idea to completely revamp your logo (it is part of your brand, after all), it is smart to touch it up when necessary. Think about Google’s recent look upgrade, which also involved slight logo changes in order to bring about a sleeker-looking design. It would simply be a shame to put out an amazing new website that is brought down by an old logo.

Design For Convenience

Perhaps there are some repetitive tasks you are having to undertake with your current website design that could be alleviated with a bit of code and scripts. During a redesign is as good a time as ever to make these sorts of changes.

Don’t Forget Your Purpose

Through all of these points, a good focus on the original purpose of the site is key. Don’t get lost in the moment and add a bunch of gadgets that have no real benefit, and don’t get caught up on the little things that really don’t matter. Your visitors will most likely thank you for sticking to the point anyway.

Tell us what you think about this article by leaving a comment.

Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose Website Redesign:  Dont Forget Your Purpose

10 things you should do just before your website goes live

Tuesday, June 15th, 2010

There’s nothing quite like launching a new website. It could be days, weeks or months in the making. Hours may have been spent combing through each and every word, perfecting the message sent across to visitors. Even more time might have been spent playing around with colours and image placement. You may think you’re ready to go live, but are you really?

Any webmaster knows there are a lot of little details that need to be looked at when putting a website up, including everything from checking the links to onpage SEO. With so much on your plate, it is easy to forget a thing or two, so here is a handy list that can be used as a reminder.

1. Create a Favicon.ico

A favicon rounds out a website’s image, providing the tiny icon that can be found in your saved bookmarks, and at the top of browser tabs. Imagine the little “t” for Twitter and the “f” for Facebook. You can create a favicon of your own, and this tutorial will tell you how to do it.

2. Research your website’s colours.

You may not realise how much your website’s colours can impact a Web visitor’s experience until you read the Choosing Website Colours guide. There is definitely more to consider in regards to your palette when you think about your target audience and the cultural meanings of colours.

3. Check your links.

Broken links are links that take you nowhere. The page can either not be found, or it never existed in the first place. The most common cause of broken links is a simple misspell, but sometimes websites switch things around, or simply close down. You should use the W3C Link Checker from time to time to make sure your links are active.

4. Validate your website.

Beyond checking links, it is imperative to check your website’s code and CSS. Simply access the W3C website and type in your URL to see if your site is up to standards.

5. Check your website in all browsers.

The joys of a multi-browser world: what looks good in one, might look completely different in another. It would be a shame to come to this realisation just before launch, so it is always best to check your work from the beginning. You can read more in this article about browser compatibility.

6. Create a robots.txt file.

A robots.txt file is located on your server and tells the search engine bots which pages to crawl (and index), and which to avoid. So, if you want non-pertinent webpages, like login pages ignored by the search engines, then this is the place to specify that. Use this guide to create a robots.txt file of your own.

7. Prevent image theft with watermarks.

If you spent a lot of time and effort getting the perfect images put together for your website, you might want to protect those images by using watermarks. In this way, if people do decided to steal your images, at least it has your watermark on it for some free marketing.

8. Set up your forms to use CAPTCHA.

Spam emails and comments that result from your website can be a huge time drain, and there’s nothing more frustrating than not being productive with your work. CAPTCHA helps to make sure the person leaving the comment or sending the email is not actually a spam bot. Read more about CAPTCHA in the article, Beating Website Spam.

9. Check your onpage SEO.

When it comes to SEO, the basics that should be addressed from the beginning include the title, meta description and meta keywords to name a few. However, SEO is not a one-time activity; the process of optimising a website for the search engines is ongoing. Get some tips and ideas in our DIY SEO Hints and Tips page.

10. Make sure you’re not driving website visitors away.

A while back, we produced a humourous blog posts about all the ways you can make visitors never want to return. Although satirical, it is always a good idea to double check and make sure you’re not committing any of these website crimes.

Get these right, and you’ll be 10 steps closer to a successful website launch. Is there anything we missed that would be helpful? Leave us a comment!

10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live 10 things you should do just before your website goes live

What is Google Maps, and how do I submit my business?

Thursday, May 20th, 2010

Ever wonder how some businesses get their listing along with a Google map at the top of search results?

If you search for the term “Sydney massage” in Google, you will come to a page displaying the local business results first. This is obviously prime real estate when it comes to performing Web searches, pretty much giving businesses another method to making it to the top of page one without needing to focus so much on the SEO of their Web pages. To get your business and website listed (note: you do not need a website), then you need to learn more about Google Places and Google Maps.

What is Google Maps, and how do I submit my business?

Google Places offers businesses a free way to list their name, location, hours, products, services and pictures, and it then integrates that listing with Google Maps. Google Maps makes it easy for customers to find where businesses are located in relation to them or other businesses by displaying each on navigable maps with clear indication markers. The maps even let users quickly find driving or walking directions to their business of choice.

So, by adding yourself to Google Places, you are actually opening your business up to acquiring some of those millions of Google Maps searches every day. In addition, you are also making yourself accessible to search results on the standard search pages.

The Difference Between Google Maps & Standard Search

Google Maps is another branch of search provided by Google. It is a sector that is specifically for mapping out street addresses, or for locating businesses. The standard Google search pages will look for everything involving a search term, and coincidentally also pull in any valid Google Maps results. However, your business must first be listed in Google Places for this to occur.

How to Add Your Business to Google Places

Adding your business is easy and free; just follow these simple steps:

1. Access Google Places and enter your business information, photos and videos. You will need a Google account to do this, but you can create a new one if necessary. While adding your new listing, make sure you choose up to 5 appropriate categories for your business as these will help customers find you better.

2. Verify the account. At the end of creating a new listing, you have the option of choosing your verification method. The options available are by phone or by postcard.

3. Check that the account becomes active on Google. Normally, these accounts become active within a day.

Individuals can enter up to 100 businesses for free, but more than 10 at one time requires a special bulk upload.

For further assistance, refer to the Google Places User Guide. You should soon enough find your business getting discovered in even more ways online.

Please note: No guarantees can be made for you business showing up for certain terms on Google Maps. Google maps like Google’s Organic search results pages are ranked by mathematical algorithms and are constantly changing.

What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business? What is Google Maps, and how do I submit my business?