How To Tell If A Site Has Been Published Correctly With WebCrusher

May 20th, 2011

If you are unsure if you’re site has been published correctly using WebCrusher, this short video demonstration will show you how you can easily identify a properly published website.

Video Transcript

To check to see if you have properly published your site after using WebCrusher, simply open your website in your browser, go to View in the menu bar, and select View Source.

If your code looks like normal code with various spaces and line breaks like this, you have NOT published your site correctly with WebCrusher.

But if your code looks like this, with all of the code being tightly squeezed together, then you have published your site correctly with WebCrusher.

And that is the easiest way to determine if your site was published correctly with WebCrusher. If your site was not published correctly, go back to the Publish window in WebCrusher and make sure you have entered your FTP login details correctly, as well that you specified the correct Directory Path.

MailShoot 2.1 Adds New Sending Limit Features

May 16th, 2011

We have just posted an update to MailShoot, our email marketing and management tool. This version adds the following changes;

[NEW] You can not specify a sending limit per hour incase your ISP limits the number of emails that can be sent out per hour
[FIX] Characters such as &<> now work properly when used in the online subscription form
[FIX] Can now properly retrieve subscribe page details with your list id and password
[FIX] Custom Mail tags can now be entered into a message even if your sent list has not yet been specified

MailShoot is a fantastic application for small business owners to quickly and easily set up an online newsletter for their website. With MailShoot you can instantly create and online subscription form that your visitors can use to subscribe to your newsletter. Then you can easily import your new subscribers to your mailing list and keep them updated on your latest news and announcements.

Download the free demo of MailShoot and try it out on your website.

Creating Content Search Engines Love

May 14th, 2011

Video Transcript

The content you place on your site will have a large impact on your search engine rankings, as well as your ability to obtain incoming links.  Each page on your site should contain content in the form of text. Ideally, you should have about 250 to 500 words on each page. In that text, you should make it a point to include the key-terms that relate to that specific page. Do not overload the text with those key-terms too many times, but use them when it is appropriate to do so. Within your text, it might also be a good idea to link to highly regarded sites that are relevant to what your page and key-terms are about. This allows search engines to relate the pages you link to with the content on your site.

A blog is a fantastic place for you to add some content to your website without having to create another page. Adding content on your blog adds freshness to your site, and shows search engines that the site is still being looked after. Search engines put a lot of emphasis on the natural growth of content on a site. So adding new content to your site, will over time improve its search engine ranking.

When writing your content, keep in mind that you should always avoid having duplicate content on your site. This means no copying and pasting articles from other sites, and no taking your past articles and simply re-wording them. Remember to write content for your users, and not for search engines. Like mentioned earlier, overloading the text with key-terms will be annoying to your users. Lastly, make sure you double check your spelling and grammar. This is very important because this could influence your link-ability.

How To Create A Custom Facebook Page With MapDesign

May 11th, 2011

Back in February of 2011, we made a post with a video tutorial showing you how to create a custom Facebook page for your business using MapDesign. Not too long after, Facebook discontinued the use of FBML which was vital to the creation of the custom Facebook pages. In this new video tutorial, we will teach you the new and updated way of creating your custom Facebook page using MapDesign. This method is actually a bit easier than the last video as we are able to use a Facebook App called iFramed. So without further ado, here is the new tutorial:

Video Transcript

As of March 2011, there was a change to the way we add our image maps to our fan pages on Facebook. If you’ve added your image map in the past, you most likely did it by using the Facebook Markup Language. FBML has since been discontinued, and there is now a new method for getting our image maps on Facebook.

In our tutorial, we covered how to sign up for a Facebook fan page. We will do the same here, however it will not be as extensive as last time. If you need assistance signing up for Facebook and then creating a page, you can refer to the old tutorial, but I will warn you that there have been some interface changes so things may look a bit different.

So let’s get right to it. What you’ve been seeing here is a Facebook profile. Like mentioned earlier, you must have one of these in order to create a page. From here, I am going to go to the address bar and type in pages, so that my destination is facebook.com/pages.

Next, I will click on the Create Page button which is located in the top right corner.

Choose the type of page you are making, and fill out the required fields.

Now that the Facebook fan page has been created, I’m going to prepare my image. Remember that this can be any image you want, but for this tutorial, I am showing how to make your image a picture of your website since that seems to be the most popular request. So I will go to the page on my site that I want to be shown in my image, and I will take a screen shot by holding down Command, shift, and 3.

Next, you can see your screen shot on your desktop. Let’s open up our screenshot so that we can crop out any unnecessary parts of the image. Basically we want to crop out as much as we can as we’re going to be trying to fit a pretty large image into a pretty small area. Now I’m just going to copy what I have highlighted and then I will select New From Clipboard.

Next, and this is an extremely important step if you want the image to fit in the Facebook page, I’m going to select Tools in the menu bar, and then I am going to click on Adjust Size. Then I will change the value of the Width to 510 pixels. If you remember from the old tutorial, this number was 520px, but I am making it a bit smaller because I found 520 to be a bit too wide. I don’t have to change anything else as it is done automatically for me. Then I will save this image to my desktop.

Now we’ll launch MapDesign, and drag and drop this saved image, and it should appear in the application. As of now, this is just a screenshot of this webpage. It doesn’t do much, in the sense that I cannot click on any of the links. So for example, this navigation menu allows you to click on all of these links if you were browsing this page in your web browser. But as an image, this ability is gone. This is what we are going to change with the use of this application.

The first thing I’m going to do is choose the Rectangle option. Now I will be able to create the area that will have a live link. I’m going to do this for all of the text and images that I want to have links. I’m going to fast forward through this process since it can take a few minutes depending on how many areas you are going to link.

So now that all of my link options are set, you will notice that there are now a bunch of options in the Hotspots section, which is located on the left hand side of the application. These options are labeled Rectangle 1, 2, 3 and so on. Each of these represents each rectangle that I placed on the image. For example, you saw that the first rectangle I placed was around the area that says Home. This means that Rectangle 1 belongs to that area.

Beside each hotspot is an edit button. Selecting the edit button will allow us to set the URL to the destination we want to link each area to. So since this rectangle is surrounding the text that reads “Home,” I will link this area to the homepage. I will then need to link Rectangle 2 to the Store as that was the second hotspot that I created. We will need to repeat this process for the remaining hot spots on the image.

You will notice that for each link, I am including http:// and also selecting the option to open in a new window. You must do this as well or your image map may not function correctly.

When we are all done, we’re going to Export the image map by selecting File in the menu bar, and then pressing the Export button. I am going to export it to my desktop.

Next, I am going to create a new folder, and I am going to call it mapdesign. You can name it whatever you want, but make it something you can easily type because we’re going to be typing it in again. Then place the exported files into that folder. There should be one file named index, and one folder names images.

Now what we need to do with this folder is we need to publish it to our server. I am going to demonstrate publishing it to FTP. If you’re publishing to your MobileMe account, the process is going to be very similar.

So here I’ll just drag and drop the folder onto my server via CybderDuck.

Now I’ll head back to my Facebook page, and in the search field, I am going to type in iFramed. What iFramed is, is just an app we’re going to use to add our image map to our page. Doing it using iFramed versus installing iFrames manually will save us a lot of time, and it is much easier to do.

So we’ll click on Go To App, and then select one of the Tabs, and then choose the page that we want to add the application to. Then press the Add iFramed! button. This will take us back to our Page, and you will notice on the left, there is a new link that says Welcome. We’ll click on Welcome, and the iFramed app will load. Click the Start button.

Now we’ll need to type in the location of the folder that we just published. So if you published to the root of your server, you should type in your domain slash folder name. So for example, I will type in www.ragesw.com/mapdesign-facebook.   If you published the folder to your iDisk, you will type in web.me.com/username/foldername. It is very important that you know the precise location of where you published the folder to, otherwise the image map will not show up.

You will notice that there are two different places to put your URL for your image map. One is the fan view, one is the non-fan view. So that means if you want to show different image maps for people who have Liked your page versus people who haven’t, you can do that. For this example, I will just make both of them the same. Press the Save buttons, and then you can preview your image map, and test it and make sure everything works the way you wanted it to.

And that’s how you customize your Facebook page with iFrames and not FBML. Now your Facebook page can have the same look and feel as your website.

SEO For RapidWeaver – Making An Easy To Follow Navigation Menu

May 9th, 2011

Navigating through a website should not be a difficult task. Find out how to make your site easier to navigate for your users, while making it more friendly for search engines.


Video Transcript

This optimization is very simple and easy to accomplish. When it comes to the navigation of a website, there is nothing search engines like to see more, than a nice structural and consistent navigation menu.

What this means, is that your navigation menu should flow from page to page within your site. There shouldn’t be any differences in your navigation menu on any page on your site. A good navigation menu also includes proper keyterms linking to pages relevant to each of the keyterms. In other words, the keyterm is not misleading to any user who might click on it. Google likes it when websites have a natural flowing hierarchy that makes it easy for users to go from one page to the next. Making your users click several times before landing on the page they want is not the right approach to take.

Google also likes a breadcrumb navigation, which looks like this; This is a row of links which allow users to easily navigate back to the previous page, or to a page which is more than one back click away. These breadcrumb navigations can be helpful to your users and are best placed at the top or bottom of each page.

Navigation menus are very easy to edit in RapidWeaver. Simply click on the page, and then press the Page Info button. Then type your new page name in the Page Title field. You will want to make sure that these keyterms are not excessively long, and that they are not misleading. In addition, some pages won’t require you to make new keyterms. For example, a contact might not need to have a keyword in the navigation menu. Leaving it as Contact, or Contact Us will suffice.

There is also a breadcrumb feature in RapidWeaver that we can also turn on. Press the Setup button, and select the Advanced tab. There you will see an option to display breadcrumb trails. Click on the tickbox to activate the breadcrumb trails. You will notice that the breadcrumb trails appear at the bottom of each page.

Make an iWeb Site Work with Internet Explorer

April 25th, 2011

With many iWeb users e-mailing us, letting us know that their websites do not look good in Internet Explorer, we began investigating ways to help iWeb users make their sites become a lot more compatible with Internet Explorer. In the video below, we will discuss and demonstrate seven different ways to ensure your iWeb website has a better chance at being more compatible with Internet Explorer. The following is a summary of the seven steps, with the video tutorial below.

1. Text based navigation menu (Better for all web browsers and search engines)
2. Web-safe fonts (Always a good idea to use no matter what)
3. No shadows and reflections for text and images
4. YouTube for video, not QuickTime
5. No embedded images from third-party websites
6. WebCrusher’s ‘Improve Internet Explorer Compatibility’ option (plus makes your site faster too!)
7. Check compatibility in all web browsers

Although iWeb makes it extremely easy to build websites, there are still things you need to consider when designing your websites. This video goes over many of these guidelines. Because of the nature of the web, we do have a few limitations but we can still design beautiful and professional websites with iWeb.

iWeb and Internet Explorer Video Transcript

Many iWeb users have been reporting that their websites appear abnormal when viewed in Internet Explorer. In this video, we are going to go over several ways of making an iWeb site more compatible with Internet Explorer. This doesn’t mean that everyone’s website will look perfect in Internet Explorer, but an iWeb site’s appearance in Internet Explorer can be greatly improved by following these steps.

Make sure to listen to each step carefully, and not leave any of them out. Especially one of the last steps we will talk about, which involves our application called WebCrusher, which most of you are familiar with. For those not familiar with WebCrusher, it’s an application that reduces the size of your site so that it loads faster in your users browsers. We have released an update to it, that specifically targets this issue with Internet Explorer.

The first way of making an iWeb site more compatible with Internet Explorer is to make a text based navigation menu. This is because, for security reasons, Internet Explorer may not have javascript enabled, which is what is needed to show the iWeb navigation menu. For both Internet Explorer compatibility, and SEO benefits, change your navigation menu to a text based navigation menu. So to change your navigation menu in iWeb you will first need to disable the current navigation menu. To do this click on a page of your website, open the Inspector window, select the page tab, and then deselect the option that says Include Page In Navigation Menu. Repeat this process for all pages on your site.

When this is complete, you will no longer have any links in your navigation menu. Now you will need to create a custom navigation menu using text links. Simply click on the Text Box button, type in your anchor text, resize the box, and move it to where you want it to be on your navigation menu. Then highlight the text, and press the inspector button. Then go to the link tab which is a blue circle with an arrow in it. Check the option to Enable As Hyperlink, and type in the URL or select the page from the drop down menu. Repeat this process for the remaining links. When you are all done, select all text boxes by holding down command and clicking on each text box. Then copy what you have selected. Now you will need to go to each page on your site and press the paste button. And your navigation menu will now be text as opposed to javascript.

The second step is very easy to do. Using a font that is considered web safe, will give iWeb users a much better chance at having their website load correctly in Internet Explorer. To find a web safe font, just press the Fonts button, and click where it says Web. Here is a list of about 10 different fonts that you should choose from to use on your site. These fonts should be used everywhere on your site that contains text. Using web safe fonts will increase the compatibility of your website with Internet Explorer.

The third step is also an easy one. Much like how we want to avoid using fonts that are not considered web safe, we also want to avoid altering our text and images by using shadows and reflections. Doing so will also increase our chances at having our sites load normally in Internet Explorer. So how can you check to see if your text and images have shadows or reflections? Simply click on the text or image, press the inspector button, click on the Graphics tab and see if Shadow, or Reflection are checked. If they are, you may want to consider unchecking them so that your site can be viewed better in Internet Explorer.

By default, iWeb uses QuickTime, which is installed by default on all Mac computers. This isn’t the case for Windows users, however. Instead of putting your videos on your site directly, it is a better idea to upload them to YouTube, and then embed them on your site using the YouTube Widget. This will ensure the best compatibility for users who might not have QuickTime installed on their computer.

To avoid Internet Explorer giving your users security warnings, do not include HTML Snippets that embed images from other websites. This might sound a bit technical, but basically to avoid any security popups for Internet Explorer users, only use image and media files from your local computer.

An example of something that would provide a security warning for Internet Explorer users is this;

What this does is tell the web browser to load an image from a third party website which it may interpret as a security risk.

This next step is the most important one, as I mentioned earlier in the video. In this step, we are going to be using WebCrusher. The version of WebCrusher I am using in this tutorial is 1.9. Make sure you have this version or later. It is always a good idea to make sure you are using the most recent version of any software. Visit our website at ragesw.com to make sure you have the latest version.

The first thing you will need to do is open the Preferences by clicking on WebCrusher in the menu bar, and selecting Preferences. Next, under the Tag Optimizations heading, look for an option that says Improve Internet Explorer Compatibility, and make sure it is selected. Close the preferences window, and drag and drop your website folder onto WebCrusher like you normally would.

In the bottom left corner, there is a button that says Options. Click on that button, and make sure that Only Optimized Modified Files is not checked. The reason for this is because we want to make sure we apply the Improve Internet Explorer Compatibility option to every page on our site. Then, you can press Go and optimize your site and publish it like you normally would.

Since every website is built differently, it is still very important to check your site’s compatibility by visiting your site in as many browsers as you can. The most important thing to understand is that your site will not be perfect in many browsers, especially older ones such as Internet Explorer 6 and 7. Following the above steps, especially the step involving WebCrusher will make your site look much better in Internet Explorer 8 and higher. It is important to note that you should not expect perfection, but combining all of these methods should result in your site looking very good.

Search Engine Friendly Page Names

April 25th, 2011

In the first lesson of the on-page optimizations section, we will discuss a commonly overlooked place to insert your keywords. Remember to register to view the entire RapidWeaver SEO course, and to ensure you are watching the most updated video tutorials.

Video Transcript

If we take a look at what we see in our address bar here, we see this site’s domain, which is rockbottomgolf.com. If we look directly beside the domain name, we see “golf swing trainers and practice aids.” The latter part of that address is what is known as the page filename. Page filenames are a fantastic place for us to include our websites keywords. Unfortunately, many webmasters make the mistake of not taking advantage of this opportunity. You will notice how this particular address is not painfully long, has dashes separating the words, and is very clean looking. This page name makes it much easier for search engines to understand what this particular page revolves around. If we compare this address to one that looked something like this, we can really get a good idea of how search engines would have an easier time categorizing this page.

It’s typical to see webmasters naming their page files with generic names such as page1 or homepage. Our goal is to utilize every option we have for incorporating our keywords into our website. Whenever you create a new page, make sure your file is given a keyword rich name.

If you already have pages with poor filenames but are actually successful with search engines, do not change the filename as this will ruin your ranking. Just be sure to apply this optimization tip in the future.

To name your files, highlight the file in the Webpages navigation on the left. Then press the Page Info button, and where it says Filename, type in your new page file name. Try to use a key-term that is greater than one word, and less than 6 words in length. Remember to use dashes to separate each word. It is important to note that your homepage’s filename will be index.html. Do not rename this page. Just leave it as is.

Choosing A Professional Domain Name

April 19th, 2011

Coming up with a domain can be a difficult challenge. Determining whether to use keywords, or business names in your domain name can be a tough decision. This tutorial will discuss this issue, and hopefully guide you in the right direction. Even if you already have a domain name, it can be a good reference for any future domain names you plan on purchasing. Remember to register to view the entire SEO course, and to ensure you are watching the most updated video tutorials.

Video Transcript

Many of you may already own your own domain name, but for those who don’t, or for those who are considering buying a new one, there are a few things that I want to discuss with you.

When choosing your domain name, you have two options. The first option is to make your domain name something along the lines of your company name. The other option is to have your domain name contain one of the key-terms you have recently researched. You will see that as I flip through these websites, some have company names as domains, while others have key-terms. Some sites even have a combination of both.

If your company name is already branded, it will make most sense to include the name in your domain. If you are able to include keywords in your domain, it certainly will not hurt you when it comes to rankings. Including a key-term in your domain will give search engines another indication as to what your website is all about.

I wouldn’t put too much debate into deciding whether to use a company name or a key-term as the domain. The domain is something you will not be able to change. If you can’t make up your mind, I would suggest using your company name over a key-term. The reason for this is because your company name most likely won’t change, similar to how you won’t be able to change your domain.  You also want something that has the potential to become a branded name. A key-term doesn’t not give you that opportunity.

While it may be an added bonus to have the key-term in your domain, it won’t make too much difference in the long-run. And like mentioned earlier, you can always do the combination of both company name and key-term.

When you are deciding on what domain to use, you can use the domain checker on our site at www.ragesw.com. Although they are not easy to remember, domains with dashes separating the words are easier for search engines to differentiate between the words in the phrase.

If you already have a domain, and have been concerned with its brand-ability, don’t worry about getting a new one. It may benefit you to use the one you already have as many people believe new sites struggle to rank for the first 6 to 9 months, almost as if they must pass a probationary period before search engines trust them.

SEO Video Training : Keyword Research

April 16th, 2011

In the first of two tutorials for the Planning Stage of our SEO process, we are going to discuss how to choose proper keywords, and an easy way to organize them. Remember to visit video course page, which will have all the tutorials outlined in a very organized manner.

Video Transcript

The reason we are starting with keyword research is because we will be using our keywords throughout all three stages. So to begin our keyword research, open up your web browser and go to google.com. Next, type in the search phrase “google keyword tool” and click on the first result, which should be the Google Adwords External Keyword Tool.

This will take us to the Google AdWords keyword suggestor tool. Type in the Captcha if the popup box appears for you. In the box that tells you to enter your word or phrase, type in a keyword or two that you think most closely relates to the content on your site. As an example, I will type in golf clubs.

After just a few seconds, a long list of potential keywords shows up. Let’s start with the first keyword we see. To the right of this keyword, we see that there is a green bar under Competition. What this means is that this particular key-term has many advertisers competing for top placements in the sponsored links section of a Google search. A key-term with not as much green in its advertiser competition bar will not have as many advertisers competing for the sponsored links section. What this indicates to you as you are creating your web site, is that targeting a key-term with high competition may be an extremely tough challenge, and as a result, you may find more success targeting a key-term with not as much competition, which would be indicated here by a smaller amount of green in its bar.

I’m going to just pause this demonstration of Google’s keyword tool, to show you a good way of double checking that the competition is in fact low. So let’s assume that the keyword I have found with low advertiser competition, and a high search volume is “golf tour club.” I will go to google, and search for this term. The first thing I will notice, is the number of results. This term actually has a relatively high number, so that might indicate to me that this term may be too competitive. The next thing I will do, is check out the sites that rank highly for this term. What you want to be asking yourself, is whether or not these sites are of high quality or low quality. If they are high quality sites, this is another indicator to you that this phrase may be hard to compete for. If they are low quality sites, then thats when you might decide to target this phrase. To figure out if they are high or low quality sites, it will have to be a judgment call by you, but you can visit the site, and see if it is professionally done, and then also see if it is a site that has a lot of incoming links, or even see if it has a high page rank. We will learn more about incoming links and page rank later on in the video. For now, let’s get back to Google’s keyword tool.

 

Beside the advertiser competition is the Global monthly search volume. This number is based on an average of the global monthly google searches for each key-term performed over a 12 month period.

The figure beside the Global monthly search volume is the Local monthly searches. This number is based on the 12 month search average for your targeted country and language. The search I am showing here is targeted for the United States, and English.

Finally, the Local Search Trends bar graph shows the monthly fluctuations in searches for this term. It is also based on your targeted country and language.

Another cool feature that Google has added to the keyword tool is the availability to sort the keywords. On the right side of your page, you should see a drop down menu right beside the words Sorted by. The default will be set to Relevance, however, you can change it to any of the options you see here such as keyword, competition, and global monthly searches.

As we scroll down the list, you will begin to see all of the other suggested related terms, along with their advertiser competition and search volume. It is highly recommended that you spend some time going over some of these key-terms, creating new ones, and figuring out some good terms that you can use that are still highly searched, but do not have as much competition associated with them.

When you see phrases that you like and want to use, click on the check box which is located on the far left side of the keyphrase. Repeat this for all keywords that you want to target. Once you are done, you can download these keywords. Click on the button that reads Download and choose Download Selected. Choose whichever format you’d like, and download your keywords. Keep this list handy as you will be referring back to it throughout your optimization.

RapidWeaver SEO – Introduction

April 13th, 2011

The first video in our RapidWeaver SEO Video Course outlines what this course is about and what you can expect from all of the tutorials in the course. Remember to get visit the video course page, which will have all the tutorials outline in a very organized manner.

Video Transcript

Hello, my name is Jeremy and over the next little while, I will be showing you how to properly optimize your RapidWeaver web sites so that you can have the best possible chance of ranking at the top of search engines.

Search Engine Optimization, or SEO for short, is the process of attracting more visitors through search engines. You will notice how I do not define SEO as having a top ranked site. This is because even if you have a site that ranks at the top of all search engines, there is no guarantee that searchers are typing in the specific keywords you rank for, and will even click your website in the search results. In this series of tutorials, we will cover the basics of how to discover highly searched key-terms and how to determine which ones are best to target.

These tutorials have been created to help you to understand the major optimizations, and how to implement them on your site. With so much information available on the web, search engine optimization can seem very confusing and time consuming to learn. These tutorials are to-the-point, and allow you to visualize what needs to be done, so that you can have a better understanding at a much quicker pace than if you had to sift through a 400 page book.

SEO is a process that we must go through in order to achieve our desired results. It’s not something you do once and just forget about. It’s a form of marketing and if you want to keep on improving your chances at success and growing your business it is something you will constantly evaluate. Remember, if SEO were an easy thing to do, every site would be number one in search engines, which is simply impossible.

This video will be broken down into three stages. The first stage, called the Planning stage, will be the briefest. We will go over a couple of things that we should do before we even begin optmizing our website. The second stage will be the on-page optimization stage. This is where we will be looking at the different methods for making our actual site more search engine friendly. The third and final stage will be the off-page optimizations, where we go over different methods of getting our RapidWeaver website noticed by search engines.

The video will be shown in step-by-step format. This does not mean that you must follow this plan perfectly, but it is setup that way so that those who require this type of instruction still have that opportunity.

I want to make a note that the applications I use in this video are available to purchase or download for free at www.ragesw.com. You are not obligated to purchase any of these applications. The work can be done by hand. That is, you can still complete the tasks without the applications, however, using the applications will make your life a lot easier.

Remember, if you have any questions or do not understand one or more of the concepts, you can start a thread in our SEO forums, or submit a ticket through our support system.