Archive for the ‘Advanced’ Category

Think Before You Link!

Friday, August 27th, 2010

WARNING: Some link exchanges might be scams.

A dishonest link-exchange broker can shield a links page from the search engines, so that no one will ever see your link on their page. Meanwhile, you’ve done them the courtesy of linking to them on your Web site, and you have received nothing in return.

While there is no way to detect this, you can discourage link-exchange hoodlums by asking them the following:

“Please verify that the LINKS page where you post my reciprocal link does not block the search engine spiders from accessing the content on that links page through the use of any robot.txt file or “no follow” metatag element.”

If nothing else, the dishonest link-exchange broker will see immediately that you are no babe in the woods, and perhaps turn their attention elsewhere.

Also, as an added precaution, search the URL of the party linking to you in Google or another search engine, to make sure they are legitimate, and haven’t been penalized for unscrupulous behavior.

Remember: a Web site can be judged the the company it keeps. Linking to bogus Web sites or crooked organizations can backfire on you. Better to be the worst house in the best neighborhood than the best house in the worst neighborhood — location is everything!

Drupal’s Content Management System May Be Right for You

Thursday, June 10th, 2010

Drupal.org is free open-source content management system (“CMS”) written in php used as a back-end system for at least 1% of all websites worldwide.

With Drupal templates, you can configure your website, add photo galleries, blogs, forums, online polls, calendars, RSS feeds and more.

Many hosting companies like Godaddy.com and Dreamhost.com offer one-click install options, making it easier for you to connect to your MySQL database.

Drupal offers an array of plug-in modules (known as contrib modules) that allow you to create a web site that is robust and interactive, and their online documentation is comprehensive and up to date.

No programming skills are required for basic website installation and administration.

Check out Drupal.org to see if Drupal is right for you!

Surprise! Unwanted Skype Rollovers?

Friday, May 28th, 2010

Here’s something I’ve never seen before: a small rollover appearing over telephone numbers in a web browser inviting the user to click on the number in order to dial it using Skype.

The rollover appeared on my client’s laptop today (we were working together on updates for his site). I checked the code and found nothing special behind the telephone number — so, in order to rectify the issue for the client (he didn’t want these rollovers to appear for anyone), I deleted the phone numbers (which were in html) and created an image that displayed the telephone number instead. Without the standard telephone format (888-888-8888), the unwanted Skype rollovers disappeared. Of course, with the phone number now in image format, users will not be able to copy and paste the telephone numbers from his web page, but the client decided it was important to him not to have these unwanted Skype rollovers, so the image version remained.

I’m assuming this new element was appearing on his laptop because of his Skype plugin. Skype was able to recognize the phone number as a phone number simply because of the telephone-number format (three numbers followed by a hyphen, followed by another three numbers, followed by a second hyphen, followed by the final four number), and, as such, was “offering” this popup as a way to “encourage him” to use Skype.

Certainly, some Skype users might like this — others might not.

If anyone has anything to offer on the subject, I’d love to hear about it.

Sharpen Fuzzy Images with Photoshop

Sunday, April 4th, 2010

Photoshop allows you to sharpen fuzzy images

Many people don’t know that it is sometimes possible to “sharpen up”  small images and icons that appear fuzzy on the screen using Photoshop.

If you select FILTER from the  top navigation bar in Photoshop, the SHARPEN function will appear in the drop-down list that displays, providing you with various options for sharpening the image, essentially “fixing” the damage that has been done to the quality of the image when the image was originally reduced in size, or optimized.

This function can be most effectively used with small images and icons, but it can sometimes work well with larger images too.

For more information on image size and optimization for Web pages, see “Why Do My Images Take So Long to Download?”

Creating Non-Searchable “No Follow” Web Pages

Friday, January 22nd, 2010

robotsBelieve it or not, there might be times when you DON’T want the search engines to find certain pages or folders of your site.

For example, if you have folders on your web site that you want to be available only to your customers, you can insert a robots.txt file into that particular folder — so that when the search engines spider your entire web site, they will skip this particular folder.

To create a robots.txt file, simply use your web authoring program (or even Notepad) to create a text file. This text file must have a file extension of .txt in order to work properly. And then, in the body of the text file, insert the following:

User-Agent: *
Disallow: /

Then, simply upload your robots.txt file into the folder that you want protected from the search engines.

To shield an individual file from the search engines, insert the following code inside the HEAD tag:

<meta name=”robots” content=”noindex, nofollow”>

Robots.txt files or coding allows you to post pages to your web site that you only want people certain people to view (without the need for password protection).  Also, you won’t have to worry about any of the content on these pages competing with those all-important keyword-rich pages that you have throughout the rest of your web site.

For more information regarding search engine optimization, see SEO.

Use the Flash Video Encoder to Optimize Online Videos

Tuesday, December 22nd, 2009

Flash_iconYou may have experienced this while trolling the Web: you click on a link to an online video, and you have to wait, wait, wait until the video downloads to your computer before you can view it.

Videos in any format are large files — very large. Unless the video is optimized in some way, there’s an excellent chance that the video will take an eternity to download. You can upload the video to Youtube (an excellent idea for SEO), however, the quality of the video is likely to suffer.

A better solution is to use Flash’s video encoder to convert the file from Quicktime, Windows Media, or whatever the original format, to Flash so that you can achieve the maximum in quality with a minimum of download time.

You can also use Dreamweaver to format the look and feel of the video controls as they appear on your screen by accessing “Insert”, “Media”, and “Flash Video” to embed the appropriate code on the Web page.

Online videos can be a valuable tool in disseminating information about your product or services and can add to the visual appeal of your Web site, but unless the video is optimized for quick download, your users will likely be turned off by the slow download time, no matter how wonderful the video is.

Another word about online videos: less is more. A common mistake is to assemble an online video that is too long, or one that doesn’t get to the important point until well into the video, a point at which many users will loose interest. If you do assemble an online video, make sure that the video gets to the point of the matter immediately, so that the user is likely to receive the information you want to convey before turning elsewhere.

The Sociable Plugin Makes Linking to Your Blog a Snap

Thursday, December 10th, 2009

blogplayIf you look at the end of this particular blog entry (as well as all the other blog entries on this blog) you will notice a string of small icons that looks something like this:

icons

Users can click on these icons at the end of a posting if they would like to link to your blog posting on Facebook, Twitter, Digg, Sphinn, del.icio.us, Mixx, StumbleUpon and/or several of the other social networking sites available. In addition, the Sociable Plugin can insert an icon that makes it simple for users to print out your blog entry.

These icons were assembled into this blog through the use of the Sociable Plug in. Information regarding the Sociable Plugin can be found at:

Blogplay.com

Follow their instructions on how to install the plugin, and select the particular social networking plugins that you desire, and these icons will automatically appear at the bottom of each posting.

Learn more about the WordPress plugins.

Style Sheet Problem with Chrome Browser

Friday, December 4th, 2009

croamWith the Chrome browser I’m seeing something I’ve not seen before on any other browsers: when styles are inserted automatically by Dreamweaver into the header of the document, these styles may not read accurately when the page is viewed in the Chrome browser.

For this reason, it’s advisable to always control document styles through a separate CSS style sheet. The style.css file is then linked in the header of the code, something like this:

style

Avoid allowing any web authoring program to insert unwanted styles between the head tags. To be safe, always define every new style used in your html page on your corresponding .css page, rather than attempt to define the style within the body of the html page. It makes for cleaner code and friendlier search engines!

Cross-Browser Problems Can Be Solved – But Only When Errors Can Be Reproduced

Tuesday, November 24th, 2009

error2This happens to me at least once a month: a client tells me that someone told them that there is a particular problem on their website, but when I go to view the site on several computers and under several different conditions, I’m unable to reproduce the error.

An error that can’t be located, can’t be fixed. Basically, a web designer can’t fix what isn’t broken – and unless the error described by the client can be reproduced, it’s probably not an error in the first place.

While clients will swear up and down that “this” and “that” happened when they tried to access a page or function on their website, unless the error can be reproduced, it’s more likely that the problem is particular to the client’s computer, and not to the coding of the webpage.

Every computer is different, and every time a look into cyberspace is involved, a completely new, different, quirky computer (the user’s) enters the mix, allowing for countless problems to occur that have nothing to do with website itself, but are on the user’s end. The problem may have to do with a faulty piece of software, an interrupted download, or maybe it’s just what is commonly known to be a “JOOTT” (stands for “Just One of Those Things”): a temporary error which resolves itself for unexplained reasons.

Before you make yourself crazy trying to reproduce an error that someone tells you is occurring on your website, check the page on several machines and under several conditions. If you can’t reproduce the error, it probably doesn’t exist.

Get the Most Out of Your Blog!

Friday, November 6th, 2009

wordpressTo ensure that your blog will generate the maximum search engine exposure while at the same time being of maximum value to your human readers, please follow the steps below (provided courtesy of Mike Samec):

1. Have your list of keywords that you have determined that you would like to rank for handy. Ideally, each individual blog entry should focus on a single keyword.

Example: if your site targets personal finance, you could write a blog post about how college students can deal with financial issues.

2. Try to work the keyword focus of the post (the subject you wish to write about) into the TITLE and into the Headline.

e.g. What college students can do to afford four years of school.

4. Blog entries should be approximately 200 words. However, occasionally, you can create a post as simple as, “I came across this article on how to afford room and board while away at college and thought it was worth a read.” Try to make such posts more the exception than the rule. Keep in mind; it’s better to generate even a short posting than none at all for a span of several weeks. If you aren’t posting over long stretches of time, subscribers will assume that you are no longer blogging and will leave.

5. Use links with keyword rich anchor text within the body of the post.

bad link: for more about auto accidents, click here
good link: Here is more information about auto accidents

Note how the keyword is an active part of the link? That’s important for SEO value. ‘Click here’ is redundant; most web users understand that blue, underlined text indicates an active link. Note also, the anchor/link text jumps off the page making it easy for readers to find at a glance. The additional words within the link appear natural and jump out of the middle of a long paragraph making life easier for the people who are just glancing through your pages to find exactly what they want.
You don’t want every link of every page to be precisely the same (always “auto accidents” for example). Precise duplication becomes suspicious to search engines if overdone so, mix up words a little. For example,

auto accidents
information about auto accidents
auto accident law
auto accident injury
information about injuries caused in auto accident

…are all valid link text.

BONUS TIP: Adding a Link to your Blog:

The easiest way to add a link and to make sure that it is correct:

A. Open up 2 browser windows, one with your blog page and the second with the page that you want to link to.

B. Highlight the URL in the address bar of the page you want to link to and select CTR+C (for PC) on your keyboard.

C. Return to your blog page, click inside the posting entry space and type the text you want to be the link/anchor text.

D. Highlight the text and click the button LINK on the blog toolbar.

E. On your keyboard, select CTR+V, then click OK. If you look at the HTML code, You’ll see a bunch of code that looks like text. Switch from HTML mode back to VISUAL mode and you’ll see the link as it will appear to your readers. Make sure that you don’t have http:// entered twice or the link will not work.

F. I suggest clicking on the link to see that it works properly.

6. Include the keyword(s) at the beginning, middle and end of your post assuming you have enough room. Don’t force it.

bad example: financial planners are financial planners who focus on finances and who help people figure out their finances and financial problems (keyword: finances)

good example: Finances are an aspect of life that we all must learn to manage. But with so many choices and with so many ways one can lose all their hard earned wages, financial planning may be the way to go. Financial planners can help manage debt, plan for future expenditures such as home buying or college tuition and to plan for retirement. Create a financial plan and take control of your future.

7. Call to action. Your website has a purpose; be sure to tell people, once they have read your post, what next step they should take. Don’t beat them over the head with it. It should be a suggestion. Blog readers don’t respond well to hard-sell tactics. Don’t add a call to act EVERY time you post. Try to weave it into the text as a natural outcome of the post

-Above text courtesy of Michael Samec