Website Font Selection

I am often asked, “What fonts can I use on my website?”

The answer isn’t always very easy.  It depends.  Web sites are rendered by using fonts that are installed on the visitor’s computer.  While font selection in artwork can be anything, selectable text on the web page is limited to which font family you use.  Here is a link to a great site that estimates the installation based on the most commonly used fonts.

When choosing a font for your new website, you are best to pick a couple different fonts.  One as the primary and a couple of the most commonly used as backups.  When programming your website, we can tell the visitor’s web browser, we prefer to use font A, but if you don’t have font A, then go a head and use font B or C.

Full combined font survey results
Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Blogging About Tip and Tricks

Broadhead_Arrow_TipSometimes the best marketing strategy is to give readers tips for how to chose the right service provider.  Your tips should include things to look for, ask for or ways to negotiate better deals.  In reality, your motivation is to highlight how much service “you” provide as compared to your competition: however,  you are not allowed to talk about yourself.

A tips and Tricks article does not follow the business blogging outline (i.e. state a thesis, support the idea, etc.), but instead your tip article will give several micro statements in the form of instructions.  For example, let’s assume you are writing some tips on how to buy the right kitchen appliance.  Your article might be phrases as such:

Don’t ask the appliance sales guy which washer he likes best, ask him to show you the consumer reports write up on three of his best washers.  Take note of his reaction, those who use pressure based sales techniques will commit to asking his boss for the reports while showing you his top seller.  The company who believes in service will have those reports with him, or in very close proximity.

Article length should around 300 words and be broken up into no more than five or six paragraphs.  The idea is to brings visitors to your web site based on micro-chunks of knowledge.  If your article is too long, reading it will feel daunting.

Limit the number of tips you write to three or four at most.  Too many tips and your keyword performance will suffer.

Using our example above, you don’t need to highlight your companies focus on providing consumer reports to anyone who asks, it is implied in the fact that you wrote the tip.

Happy Blogging

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Pay Per Click Add Creation Guidelines

Pay Per Click Advertising is the fastest way to get new traffic to your website, but it requires lots of forethought in the ad creation.

Ad Creation Capture

Understanding the Limitations

Besides the punctuation limitations found in the Google Adwords help section, here are field size restrictions you must take into account when building your ad.

Headline:  25 characters
Description line 1:  35 characters
Description line 2:  35 characters
Display URL :  35 characters (must be a valid looking address)
Destination URL:  Any length necessary

Before getting starting, keep the following thoughts in mind as you create your first ad.

  1. Don’t Rush!
    1. Rushing leads to unplanned action and unplanned action has no measurement system by which improvements can be made.
    2. Rushing also leads to poor keyword selection.  The goal is NOT maximum clicks, it is getting the maximum value for each click.  Less is more, fewer, more qualified leads will out pace thousands of unqualified leads
  2. Plan Each Word
    1. You don’t have a lot of space.  Reader will be skimming, so abbreviations are acceptable, but they must be obvious.
    2. Focus on your target audience.  Don’t shoot for everyone, because you will be paying for clicks that will immediately bounce away.
  3. Create multiple (competing) ads
    1. Your great slogan may be a legend in your own mind!  Run multiple ad versions for the same (limited) keyword set so you can see which ads work best.

Use Google’s Keyword tool to help you find the best keyword options for your desired ad.  Don’t write your ad to random keywords; find the right keywords for your perfect ad.

Using the Google Keyword tool to try and create your ad will lead to an expensive failure.  Decide what you are selling, write copy using the character restrictions above, and then find the best keywords to support the ad copy you created.

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Using the WordPress Visual Editor

The visual editor provides a semi-WYSIWYG (what you see is what you get) content editor that allows you to easily create, edit and format your blog content in a view similar to that of a word processor.

This is the default editing mode of WordPress.com, but if it does not appear to be enabled, you can select the Visual tab in the top right corner of the editor area, as depicted below.

01

There are two (2) rows of editing icons contained within the visual editor. You can find out what any icon means or does by hovering over it with your mouse – a small tooltip will appear describing the icon and its purpose.

Row 1

When initially opened, the visual editor will display a single row of icons:

02

  1. Bold
  2. Italic
  3. Strike-through
  4. Unordered list (bullet points):
    • Item 1
    • Item 2
  5. Ordered list
    • Item 1
    • Item 2
  6. Blockquote (a way of displaying quoted text; each theme will style this differently.)
    • Always forgive your enemies; nothing annoys them so much.
  7. Align Left
  8. Align Center
  9. Align Right
  10. Insert/edit link
  11. Unlink
  12. Insert More tag
  13. Toggle spellchecker (only English at the moment, sorry!)
  14. Toggle fullscreen mode
  15. Show/Hide Kitchen sink (enables the second row of editing icons:

Row 2

To display the second row of icons, select the kitchen sink icon 03

04

  1. Style – various formatting styles defined by your theme
  2. Underline
  3. Align full
  4. Select text color – change the text color
  5. Paste as Plain Text
  6. Paste from Word
  7. Remove formatting
  8. Insert custom character
  9. Outdent – move text further left
  10. Indent – move text further right
  11. Undo – undo your last action
  12. Redo – redo your last action
  13. Help – display some information about using the editor, as well as keyboard shortcuts.

Alignment

Both text and images can be aligned using the appropriate icons:

06

Left

07

Right

08

Center

09

Full

10

Note that full alignment can only be applied to text and will align both sides of the text.

Styles

The style drop-down menu allows you to change the formatting of any selected text. This includes various headings and other pre-defined styles built into your theme . Note that all styles are defined within your theme’s stylesheet; this means that their modification would require the Custom CSS Upgrade (and appropriate knowledge of CSS).

11

Text Color

To change text color you must first highlight a section of text:

13

Selecting a color will apply that color to the selected text and make it the default color for the color button.

Clicking on the text color button itself will apply the last default color.

14

Pasting Text

If you copy and paste text from somewhere else you may discover that it does not always appear exactly as you would expect. If you use the Paste as text button then a special cleanup process will run to remove any special formatting and HTML tags that may otherwise change your text.

Once clicked a window appears where you can enter your text:

15

Checking the keep linebreaks box will preserve all HTML <br /> tags. Unchecking this option will remove them

Remove Formatting

The remove formatting button, as you would expect, removes all formatting (bold, italic, colors etc) from a highlighted section of text. First select your text:

16

When the button is clicked all the formatting will be removed:

17

Custom Characters

As well as the normal letters available directly from your keyboard you can also insert special characters. Position your cursor to where you want to insert a character and click on the insert custom character button. A popup window will appear:

18

Click any character and it will be inserted at your cursor position.

Outdent / Indent

The indent button will move text in by one level, and the outdent button will take away one level.

19

20

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Picking Colors for your Small Business Website

There are as many color tools as there are colors!  Putting together the right colors for your website is likely the best the most difficult part of your website design.

Since color select is personal, we are suggesting you use the Color Scheme Designer to pick the colors for your new website!

ColorSchemeDesignerSelect a color along the color wheel, adjust the and move the sliders until you are happy with your color selection.  Once you have your selection, choose the Export Option and save and HTML / CSS file:

ColorSchemeDesigner-Export

After you choose Export -> HTML +CSS you screen will look similar to this:

ColorSchemeDesigner-ExportViewThe area circled in red above in a web address you will send us with your color selection.  You can click on the photo above to see and example of what we receive.

If you have any questions, please call us at (503) 709-1454. While color selection is personal, sometimes having a second set of eyes helps solidify your selection.  The Color Scheme Design site also has an example of a website using your color selection, note the design is only for reference purposes–it does not represent your custom designed website.

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Things Bloggers Need to Know

(Link to Source Document)

In addition to understanding how your specific blogging software works, such as WordPress, there are some terms and concepts you need to know.

Archives

A blog is also a good way to keep track of articles on a site. A lot of blogs feature an archive based on dates (like a monthly or yearly archive). The front page of a blog may feature a calendar of dates linked to daily archives. Archives can also be based on categories featuring all the articles related to a specific category.

It does not stop there; you can also archive your posts by author or alphabetically. The possibilities are endless. This ability to organize and present articles in a composed fashion is much of what makes blogging a popular personal publishing tool.

Feeds

A Feed is a function of special software that allows “Feedreaders” to access a site automatically looking for new content and then post updates about that new content to another site. This provides a way for users to keep up with the latest and hottest information posted on different blogging sites. Some Feeds include RSS (alternately defined as “Rich Site Summary” or “Really Simple Syndication”), Atom or RDF files. Dave Shea, author of the web design weblog Mezzoblue has written a comprehensive summary of feeds.

Blogrolls

A blogroll is a list, sometimes categorized, of links to webpages the author of a blog finds worthwhile or interesting. The links in a blogroll are usually to other blogs with similar interests. The blogroll is often in a “sidebar” on the page or featured as a dedicated separate web page. BlogRolling and blo.gs are two websites that provide some interesting functions or help related to blogrolls. These sites provide methods for users to maintain these rolls effortlessly and integrate them into weblogs. WordPress has a built-in Link Manager so users do not have to depend on a third party for creating and managing their blogroll.

Syndication

A feed is a machine readable (usually XML) content publication that is updated regularly. Many weblogs publish a feed (usually RSS, but also possibly Atom and RDF and so on, as described above). There are tools out there that call themselves “feedreaders”. What they do is they keep checking specified blogs to see if they have been updated, and when the blogs are updated, they display the new post, and a link to it, with an excerpt (or the whole contents) of the post. Each feed contains items that are published over time. When checking a feed, the feedreader is actually looking for new items. New items are automatically discovered and downloaded for you to read. Just so you don’t have to visit all the blogs you are interested in. All you have to do with these feedreaders is to add the link to the RSS feed of all the blogs you are interested in. The feedreader will then inform you when any of the blogs have new posts in them. Most blogs have these “Syndication” feeds available for the readers to use.

Managing Comments

One of the most exciting features of blogging tools are the comments. This highly interactive feature allows users to comment upon article posts and link to your posts and comment on and recommend them. These are known as trackbacks and pingbacks . We’ll also discuss how to moderate and manage comments and how to deal with the annoying trend in “comment spam”, when unwanted comments are posted to your blog.

Trackbacks

Trackbacks were originally developed by SixApart, creators of the MovableType blog package. SixApart has a good introduction to trackbacks:

In a nutshell, TrackBack was designed to provide a method of notification between websites: it is a method of person A saying to person B, “This is something you may be interested in.” To do that, person A sends a TrackBack ping to person B.

A better explanation is this:

  • Person A writes something on their blog.
  • Person B wants to comment on Person A’s blog, but wants her own readers to see what she had to say, and be able to comment on her own blog
  • Person B posts on her own blog and sends a trackback to Person A’s blog
  • Person A’s blog receives the trackback, and displays it as a comment to the original post. This comment contains a link to Person B’s post

The idea here is that more people are introduced to the conversation (both Person A’s and Person B’s readers can follow links to the other’s post), and that there is a level of authenticity to the trackback comments because they originated from another weblog. Unfortunately, there is no actual verification performed on the incoming trackback, and indeed they can even be faked.

Most trackbacks send to Person A only a small portion (called an “excerpt”) of what Person B had to say. This is meant to act as a “teaser”, letting Person A (and his readers) see some of what Person B had to say, and encouraging them all to click over to Person B’s site to read the rest (and possibly comment).

Person B’s trackback to Person A’s blog generally gets posted along with all the comments. This means that Person A can edit the contents of the trackback on his own server, which means that the whole idea of “authenticity” isn’t really solved. (Note: Person A can only edit the contents of the trackback on his own site. He cannot edit the post on Person B’s site that sent the trackback.)

SixApart has published an official trackback specification.

Pingbacks

Pingbacks were designed to solve some of the problems that people saw with trackbacks. The official pingback documentation makes pingbacks sound an awful lot like trackbacks:

For example, Yvonne writes an interesting article on her Web log. Kathleen reads Yvonne’s article and comments about it, linking back to Yvonne’s original post. Using pingback, Kathleen’s software can automatically notify Yvonne that her post has been linked to, and Yvonne’s software can then include this information on her site.

There are three significant differences between pingbacks and trackbacks, though.

  1. Pingbacks and trackbacks use drastically different communication technologies (XML-RPC and HTTP POST, respectively).
  2. Pingbacks support auto-discovery where the software automatically finds out the links in a post, and automatically tries to pingback those URLs, while trackbacks must be done manually by entering the trackback URL that the trackback should be sent to.
  3. Pingbacks do not send any content.

The best way to think about pingbacks is as remote comments:

  • Person A posts something on his blog.
  • Person B posts on her own blog, linking to Person A’s post. This automatically sends a pingback to Person A when both have pingback enabled blogs.
  • Person A’s blog receives the pingback, then automatically goes to Person B’s post to confirm that the pingback did, in fact, originate there.

The pingback is generally displayed on Person A’s blog as simply a link to Person B’s post. In this way, all editorial control over posts rests exclusively with the individual authors (unlike the trackback excerpt, which can be edited by the trackback recipient). The automatic verification process introduces a level of authenticity, making it harder to fake a pingback.

Some feel that trackbacks are superior because readers of Person A’s blog can at least see some of what Person B has to say, and then decide if they want to read more (and therefore click over to Person B’s blog). Others feel that pingbacks are superior because they create a verifiable connection between posts.

Verifying Pingbacks and Trackbacks

Comments on blogs are often criticized as lacking authority, since anyone can post anything using any name they like: there’s no verification process to ensure that the person is who they claim to be. Trackbacks and Pingbacks both aim to provide some verification to blog commenting.

Comment Moderation

Comment Moderation is a feature which allows the website owner and author to monitor and control the comments on the different article posts, and can help in tackling comment spam. It lets you moderate comments, & you can delete unwanted comments, approve cool comments and make other decisions about the comments.

Comment Spam

Comment Spam refers to useless comments (or trackbacks, or pingbacks) to posts on a blog. These are often irrelevant to the context value of the post. They can contain one or more links to other websites or domains. Spammers use Comment Spam as a medium to get higher page rank for their domains in Google, so that they can sell those domains at a higher price sometime in future or to obtain a high ranking in search results for an existing website.

Spammers are relentless; because there can be substantial money involved, they work hard at their “job.” They even build automated tools (robots) to rapidly submit their spam to the same or multiple weblogs. Many webloggers, especially beginners, sometimes feel overwhelmed by Comment Spam.

There are solutions, though, to avoiding Comment Spam. WordPress includes many tools for combating Comment Spam. With a little up front effort, Comment Spam can be manageable, and certainly no reason to give up weblogging.

Pretty Permalinks

Permalinks are the permanent URLs to your individual weblog posts, as well as categories and other lists of weblog postings. A permalink is what another weblogger will use to refer to your article (or section), or how you might send a link to your story in an e-mail message. Because others may link to your individual postings, the URL to that article shouldn’t change. Permalinks are intended to be permanent (valid for a long time).

“Pretty” Permalinks is the idea that URLs are frequently visible to the people who click them, and should therefore be crafted in such a way that they make sense, and not be filled with incomprehensible parameters. The best Permalinks are “hackable,” meaning a user might modify the link text in their browser to navigate to another section or listing of the weblog. For example, this is how the default Permalink to a story might look in a default WordPress installation:

/index.php?p=423

How is a user to know what “p” represents? Where did the number 423 come from?

In contrast, here is a well-structured, “Pretty” Permalink which could link to the same article, once the installation is configured to modify permalinks:

/archives/2003/05/23/my-cheese-sandwich/

One can easily guess that the Permalink includes the date of the posting, and the title, just by looking at the URL. One might also guess that hacking the URL to be /archives/2003/05/ would get a list of all the postings from May of 2003. Pretty (cool). For more information on possible Permalink patterns in WordPress, see Using Permalinks.

Blog by email

Some blogging tools offer the ability to email your posts directly to your blog, all without direct interaction through the blogging tool interface. WordPress offers this cool feature. Using email, you can now send in your post content to a pre-determined email address & voila! Your post is published!

Post Slugs

If you’re using Pretty Permalinks, the Post Slug is the title of your article post within the link. The blogging tool software may simplify or truncate your title into a more appropriate form for using as a link. A title such as “I’ll Make A Wish” might be truncated to “ill-make-a-wish”. In WordPress, you can change the Post Slug to something else, like “make-a-wish”, which sounds better than a wish made when sick.

Excerpt

Excerpts are condensed summaries of your blog posts, with blogging tools being able to handle these in various ways. In WordPress, Excerpts can be specifically written to summarize the post, or generated automatically by using the first few paragraphs of a post or using the post up to a specific point, assigned by you.

Plugins

Plugins are cool bits of programming scripts that add additional functionality to your blog. These are often features which either enhance already available features or add them to your site.

WordPress offers simple and easy ways of adding Plugins to your blog. From the Administraton Panel, there is a Plugin Page. Once you have uploaded a Plugin to your WordPress plugin directory, activate it from the Plugins Management SubPanel, and sit back and watch your Plugin work. Not all Plugins are so easily installed, but WordPress Plugin authors and developers make the process as easy as possible.

Basics-A Few Blogging Tips

Starting a new blog is difficult and this can put many people off, there are then other people who have blogs with no comments or visits. You want to stand out from this crowd of millions of bloggers, you want to be one of the few hundred thousand blogs that are actually visited. So here are some simple tips to help you on your way to blogging mastery:

  1. Post regularly, but don’t post if you have nothing worth posting about.
  2. Stick with only a few specific genres to talk about.
  3. Don’t put ’subscribe’ and ‘vote me’ links all over the front page until you have people that like your blog enough to ignore them (they’re usually just in the way).
  4. Use a clean and simple theme if at all possible.
  5. Enjoy, blog for fun, comment on other peoples’ blogs (as they normally visit back).
Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Category Management

Categories are a way of grouping related posts together. A post can belong to multiple categories, and categories can be organised into a hierarchy.

Note that WordPress also provides tags – you may wish to use these in addition to categories. Each post must belong to at least one category.

Categories are added to posts using the categories module, or from the edit posts screen.

You can add new categories and manage existing ones from the Categories dashboard page. Click on the Posts > Categories menu.

1-category-menu

You will be presented with a list of your existing categories and a method of adding new categories.

2-categories-page

Adding a category

You can add a new category by filling out the fields:

3-add-category

Category name – As expected, the name of your category

Category parent – If you want to create hierarchical categories then select the parent category, otherwise leave at none

Description – Describe what the category is for. This description will appear as a tooltip if you use the category widget

Click Add category to add the new details to the list.

Managing existing categories

The list of categories will show you the name, description, and number of posts belonging to each category. If you move your mouse over a category a set of options will appear allowing you to edit, quickedit, or delete that category:

4-edit-category

If you click on quickedit the category will change into an edit box and you can rename the category quickly:

5-quickedit

If you click on edit you will taken to a separate page where you can edit the name, parent, and description. This functions exactly the same as in adding a category.

Clicking on delete will delete that category.

Deleting a category

When a category is deleted all posts that were only in that category will be assigned to the default category. If a post was also in other categories it will remain untouched.

Note that you cannot delete the default category.

Bulk actions

If you have a lot of categories that you want to delete then you can use the bulk actions feature. Select each category you want to delete using the checkbox to the left of the category name.

6-delete-checkbox

If you want to select all categories click the checkbox at the top:

7-check-all

From the bulk actions menu select delete and then click on apply. The categories will be deleted.

8-bulk-delete

Converting categories to tags

If you change your mind about using categories and instead want to convert them to tags you can do so using the category to tag convertor. At the bottom of the manage categories screen is a link to the category to tag convertor.

9-category-link

Clicking this will take you to a screen where you can select which categories to convert to tags. Make your selection, click on convert categories to tags, and your categories will be removed and tags assigned to the posts that used to be in those categories.

10-category-to-tag

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter

Categories vs. Tags

Once upon a time, WordPress.com used to only allow categories to be used.

These allowed for a broad grouping of post topics, but when you wanted to describe a post in more specific terms, more categories were required. That lead to very long category lists inside the blog and very long lists in Categories Widgets. It was also confusing in that what we said were categories other services said were tags.

So we now have tags, as well.

Tags are similar, but instead of a list of words to choose from, you write them in a list (separated by commas) in the Tags Module of your post editing screen. They are free form words and generally describe your post in more detail.

For example, a post titled “Last Night At Burger King” might be filed under the “Dinner” category, but could have tags such as, “burger, chicken fries, chocolate shake, dr. pepper”. Get the gist?

We understand that it may be a bit confusing upon first glance (especially to new bloggers), so here are some common questions and answers that may help you out:

Is Tag the same as tag ?
Yes. Capitals letters do not change a tag. Blogging is the same as blogging.

Is there a limit to the number of tags I can have?
Yes, the sky. In other words, no.

Tag and Category Archive URLs:
If you publish a post attached to a category ‘food’, the URL will look like this:
http://blog.wordpress.com/category/food/

The same post using the tag ‘food’ will look like this:
http://blog.wordpress.com/tag/food/

If you publish a post attached to a category ‘food’ and with the tag ‘rice’, the URLs will look like this:
http://faq.wordpress.com/category/food/
http://faq.wordpress.com/tag/rice/

Is there any advantage to using tags or categories, or both?
No. There is no advantage within WordPress.com and external search engines using one or the other.

Do I have to use tags?
The use of tags is entirely optional (although each post must be attached to at least one category).

Are categories and tags hierarchical?
Categories can be treated that way by making categories children of another. Tags, however, exist in their own right and have no set relationship to anything else.

Adding and deleting categories

Adding & managing categories after the fact

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Google Bookmarks
  • Technorati
  • Facebook
  • LinkedIn
  • Twitter