Author Archive for superbabe

A Few Useful WordPress Formatting Tips

Published
by
superbabe
on July 24, 2009
in Uncategorized
. 0 Comments

Here is a handy reference for those starting out on Wordpress editing. You can also reference the many tutorials available online specifically developed to help you with your Wordpress site.

http://codex.wordpress.org/WordPress Lessons

Here are a few important tips from our developers:

Tip #1 - Use Firefox

This is the best browser to use for both viewing sites, online security and editing your Wordpress site. Some browsers have funny quirks and can cause a few headaches (Safari). We recommend Firefox as the best browser to ensure that you can edit your site with the least amount of difficulty. And great news, it’s a free download and easy to install!  GO TO: http://en-us.www.mozilla.com/en-US/

Tip #2 - Avoid Pasting in Pre-Formatted Text

Strip out your formatting before pasting your new text into your Wordpress pages.

Make sure when you paste new type in that you use the “HTML” tab to paste in your copy … not the “visual” tab. Once you have pasted it in you can then go into the visual side of things to format the type. It’s very important that you do not copy styles over from word or other documents as then your site starts to look as if it was not designed at all! If you use the formats that we have set up in your style sheets (drop down headlines etc) your site will look much better.

Tip #3 - Multiple Pages

Do you write articles that seem to go on forever? This feature will help you break up your content. By clicking the “more” button in the visual editor where you want to break your text, you will break up your content into multiple pages.  Simply click the “more” whenever you want to start another new page.

Be sure to click on the next page!
Pages: 1 2 3 4

Tip #4 - Uploading and Styling Images

WordPress makes it easy for you to add images to your WordPress site. You can upload them directly from within WordPress by using the built-in file uploading utility in the post or page screen.

Styling Images in WordPress: Current versions of WordPress now have image alignment built-in. WordPress adds CSS classes to align the image to the right, left, and center of a paragraph, so the text will wrap around the image.

Image Size and Quality: The size and quality of an image for use on a web page is determined by a variety of things.

Physical Size: The physical size of an image is based upon two things: The size of the image on the screen and the file size. Generally, the file size is treated as a different issue.

File Size: This is the size of the file on your hard drive or server.

Resolution: Resolution refers to the number of pixels in an image. Resolution is sometimes identified by the width and height of the image as well as the total number of pixels in the image.

File Type: There are basically X image types popularly found on the Internet: jpeg,gif,png and (for favicons (the icons next to the address)) ico.

The physical size of the image is information we need to know in order to determine how much “space” will the image occupy on a web page. If your WordPress Theme features a fixed width content area of 600 pixels and the image you want to use is 800, the image will push the sidebar and layout of your web page around, messing up your design. Images within that 600 pixel width need to be restricted to that maximum width in order to protect the layout of your page. It’s up to you to determine what size they should be from there, matching the image to your overall layout and styles.

File size dictates the time it takes to load your page, the larger the file size, often increased because of a high image resolution quality, the longer it will take to load. People often don’t have the patience to wait through long web page loads, so keeping your file sizes low speeds up your web page access times. Typically, large high quality images should be kept between 100K and 60K. Smaller images should be closer to 30K and lower.

The resolution of the image dictates its clarity. The higher the resolution, though, the larger the file size, so you have to make a compromise between quality and file size.

Luckily, the various file types most commonly used on the Internet have compression features. When you save the file as one of these types, it condenses or compresses the data information in the image file. Internet browsers can decompress this information to display the image on the screen. Some graphic software programs allow you to set the compression rate to control the quality of the image (and file size) at the time you save it. Depending upon your use of the images on your site, you may have to experiment with this to get the right ratio that keeps the resolution quality good while maintaining a small file size.

Websites use four common file types. The end of a filename (called the extension) tells what type it is. One type, ico, is to make a favicon file - but this is usually only done when a website is first set up. The other three types are used for general images:

  • jpg (JPEG) is good for photographs. Saving a photo as jpg removes detail from the photo. Good photo editors let you control how much detail is removed (the “compression”). Different photos need different compression; doing this carefully and viewing the result can give you a usable photo with a small file size.
  • gif can be poor for photographs. It’s better for line art, like logos, with solid areas of the same color.
  • png is for both photographs and line art. It compresses photos without losing detail, but usually makes larger photo files than JPEGs. Some older browsers don’t completely support png, though.

If you aren’t sure which file type is best for a particular image, try saving the image in more than one type and comparing the file sizes. Using the right type can make a big difference! There’s more information in Sitepoint’s GIF-JPG-PNG What’s the Difference article.

Resizing Images: Not all graphic software packages allow you to resize images, though most should. Check your graphics software table of contents or index for resize, size, transform, reduce, or enlarge, all synonyms for the for the same thing. If they don’t have the feature, you may have to find different software.

There are two methods:

  1. You can resize an image through the use of tools provided which allow you to manually shift the edges of an image to deform or resize the image. The best way is to grab a corner, not the edge, to resize the image. The corner “handle” will usually resize the image maintaining the overall height-width ratio. Check your manual for specific instructions.
  2. The other method involves simply specifying the image’s final size. The advanced graphics programs allow you to set it by exact dimensions or a percentage of reduction or enlargement.

After resizing the image, the image may be smaller, but it may also be slightly out of focus. You can sharpen the focus of the small image by using the sharpen feature in your software.

When you have fine-tuned your small sized image or new thumbnail, export the image as a jpg, gif, or png.

Handy Questions to Help You Plan Your Website

Published
by
superbabe
on February 25, 2009
in How To's
. 0 Comments

GENERAL

  1. Where did you hear about us?
  2. Do you have a domain name? If not, do you have ideas on one? If so, what is it?
  3. What is your company name? Do you want to use the entire name on the site, logo, and graphics?
  4. Do you have special features in mind like ECommerce shopping cart, BLOG, RSS, Forms with emails, EZine, Newsletter signup, autoresponders, advertising landing/call-to-action pages, etc.?

MARKETING

  1. Who is your intended audience? Are they regional, industry specific, company size specific, etc.?
  2. Do you intend to provide a call to action - make a sale, call in to your office, fill out a form, etc?
  3. Describe your ideal client and the specific attributes that we’ll be targeting in the website.
  4. What are your website expectations, main emphasis and primary goals - increased sales, increased leads, etc.? Please prioritize.
  5. What separates your company from your competition and what do you expect will draw clients to the website?
  6. How do you plan to market the website?
  7. What company properties do you want to emphasize on the website? Please prioritize.

IDENTITY

  1. Do you already have a logo and other graphics to be used? If not, do you want to have one created?
  2. Have you identified a tagline? That would be something like “Just do it”, “Reach out and touch someone”, etc.
  3. What keywords do you want to be found by in the search engines?

LAYOUT

  1. Please provide a list of websites that you like and don’t like. Why do you or do you not like these sites?
  2. Please provide a list of competitors websites.
  3. Do you have ideas of the colors to be used, and colors you don’t like? Please provide example sites.
  4. Do you have an intended website screen size - 1024×768, 800×600, or stretch to the entire width of the screen?
  5. If the site isn’t the entire width of the screen do you have a preference for left or center alignment?
  6. Do you have a horizontal or left-side vertical preference for the main navigation?
  7. Please provide the main pages you need in the website.
  8. Have you created the copy text for any of your pages?
  9. Do you have existing business cards or other printed material we need to match?
  10. Are you leaning towards custom drawn artwork or photographs?

POST-CONTRACT

  1. Once we start designing the website we’ll need the following (Note that this information will be kept in strict confidence):
  2. a. FTP access information - username and password
    b. Hosting company and their tech support phone number

Google 2.0

Published
by
superbabe
on December 25, 2008
in How To's
. 0 Comments

Google’s Page Rank Technology & Getting Ranked in Google

Getting a high ranked in Google is different from being indexed by the Google Spider - GoogleBot. You might have been indexed by Google but your site might be one of hundreds of thousands in connection with your keywords and you might not appear in the first 10 pages (beyond which you can safely assume no one will seriously search).

This is mainly because Google looks at the quality of the web pages linking to each site to obtain the most relevant search results. Thus more than link popularity, link qualityis what matters to Google. In fact this is the single best way to get ranked with all “crawler” based search engines. Build your site links by promoting your site pages to as many relevant portals that accept external links - especially those with top ranking in Google. You can also get into link exchanges with top sites in google that have a good ranking (provided you keep a track of these sites in case they do more harm than good). Google gives a different rank for each of your pages so it is important to optimize your whole web site.

You need to also make sure you have valuable content for Google searchers. What you can do is, concentrate on keywords (or rather key phrases) that is unique to your content. This will also ensure that you get more targeted visitors from Google.

Submit your Site to Google for Free

Submitting your site to Google is very easy and absolutely free. All you need to do is submit your home page URL to Google and your whole site will be indexed. Click to Submit your site to Google (Please note that for a new site Google can take up to 3-6 months to improve your ranking after it initially indexes it, so instead of worrying about why your ranking is low, you can use this time to optimize and promote your website).

Tips on Google Search Engine Optimization for your web site

  • Build quality links to your site pages from other well ranked sites on Google.
  • Make sure you provide quality content that have something unique to offer and that have keywords or key phrases people might search to find your site in Google.
  • Optimize you web site pages by making sure your top keywords appear in your title, meta tags and content.
  • If you sell products, give something away free (The word “free” is one of the top most searched words on the internet).
  • Keep a track of your listings/ranking in Google and analyze it periodically. Some google tips on this: Indexed Pages: To know which pages on your site are listed in the google and to see how they will appear to google searchers type site:www.yourdomainname.extnin the google search box.
    Link Popularity: To keep a track of sites that link to you (and also see their google page rank), type link:www.yourdomainname.extn in the google search box. 

To scroll or not to scroll? That is the question.

Published
by
superbabe
on November 25, 2008
in Design
. 0 Comments

Clients frequently ask us about scrolling on pages. Somewhere along the line having to scroll for information started to bother people and we are not sure why. If you visit Apple’s website (www.apple.com) on any given day - you will find that you have to scroll. And let’s face it – they are considered to be the benchmark for all that is current.

Scrolling isn’t the make or break of a page. Use it to your advantage, and you’ll have a site that seems almost intuitive. Research continues to shows – users have no trouble scrolling, as long as the page is designed to accommodate it.

If our clients are finding their users aren’t scrolling, we suggest they look for a reason beyond “Users don’t expect to scroll” and see if maybe the design of the page is preventing it. By going for that cut-off look, they might find their users are suddenly happy to scroll. In other words, if it is evident to users there is more content - they will scroll.

We recently launched a site for River Trail (www.rivertrail.ca). We wanted to give the user the experience of skating down the river visiting the various activities along the way - so we developed this site using one long scroll - adding a few helpful links here and there to help navigate people up and down the page. It’s an outside the box way of scrolling used effectively.