This video tutorial is going to show you the proper way to load an iWeb site in WebCrusher. This tutorial can be used with any version of iWeb.
VIDEO TRANSCRIPT:
This tutorial is going to show you how you can use WebCrusher with any version of iWeb.
The first thing you need to do is export your website from iWeb to a local folder on your hard drive.
If you are using the latest version of iWeb, which is iWeb 09, or iWeb 3 then you will publish your website by clicking on your site name in the top left corner, which will bring up the publish page. Then select Local Folder from the drop down menu.
Choose the location on your hard drive to publish your website to. For simplicity, I like to choose the Desktop. This also ensures that my URL will be a short URL and not a long URL.
Next, click on File in the menu bar, and select Publish Entire Site.
If you are using an older version of iWeb, then you will just click on File in the menu bar and select the option that says Publish to a Folder. You will also need to select the location on your hard drive where you want to publish to. Then you will need to enter your website’s URL and click choose.
Next, locate the folder that you just published from iWeb, and drag and drop it onto the WebCrusher window. Click the Go button, and let WebCrusher optimize your site.
The new Retina Macbook Pro’s are simply beautiful. If you haven’t gotten a chance to try one, I highly recommend it.
We are working very heard to get all of our software updated for Retina displays starting with WebCrusher 2.3.
WebCrusher 2.3 includes support for Retina displays as well as a whole bunch of other fixes. You’ll find the software works a lot smoother as we made a lot of optimizations within the software.
WebCrusher is our website optimization tool that speeds up your website’s load time for your visitors in just a few second. Simply open your website in WebCrusher and let it do the rest. WebCrusher will work with any web building tool including; iWeb, RapidWeaver, Sandvox, Dreamweaver, WebDesign, MacFlux and more…
This update is free for registered users or you can download the free demo to try it out.
We have just released an update to WebCrusher – our utility that optimizes website’s so that they load faster in your web browser. The following updates and fixes have been added to this latest release:
[NEW] Improved Javascript optimizations
[NEW] Faster website optimizations
[FIX] Fixed problem with publishing websites to an FTP server
[FIX] Fixed certain optimizations with iWeb sites on Internet Explorer for Windows
If you use both iWeb SEO Tool and WebCrusher, you might wonder what the preferred method of using both of these applications is. While there is no correct answer, we suggest that users optimize their site with iWeb SEO Tool, and then publish the site to a local folder and then optimize with WebCrusher. You would then publish your website to your server from WebCrusher’s built-in FTP client.
Here is a visualization of our recommended method for using both iWeb SEO Tool and WebCrusher.
Video Transcript:
If you use iWeb SEO Tool and WebCrusher, here is our recommended method for using both of these products.
First, load your website in iWeb SEO Tool, and make any necessary chances, or press the Re-Apply Saved Tags button. Then publish the site to a local folder on your hard drive by clicking on the publish button, followed by selecting the Publish to Folder tab. When you click on the Next button, the Finder window should appear with your website folder highlighted.
Drag and drop that Folder onto WebCrusher’s canvas. Click the Go button to optimize the site, and when the optimization is complete, click on the Export button, and publish the site to your server via WebCrusher’s built-in FTP client.
Although WebCrusher lets you publish your website directly to your FTP server some users want to use their own FTP client. If you like using an FTP client for publishing your website, you still have that option after you have run your site through WebCrusher. Follow the instructions in the video tutorial to learn how.
Video Transcript
To publish your WebCrusher optimized site using a third-party FTP client, follow these simple steps.
First, locate your optimized website folder by clicking Export, and selecting the Open Enclosing Folder tab. Then press the Next button, and your optimized website folder should appear in the Finder window.
Open your FTP client. For this demonstration, I am using CyberDuck which is a free FTP client which you can download from cyberduck.ch or the Mac App Store. Once your FTP login information has been entered, and you’ve connected to your server, locate the directory on your server that your website is associated with… and then drag and drop the optimized website folder into that directory. When your site has finished uploading, you can visit it and view the source code to make sure it has published correctly.
If your code looks tightly squeezed together like you see here, then you have published it properly.
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.
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.
Google’s campaign to make the web faster puts some web masters in a tricky situation. When optimizing our sites for search engines, we are very used to doing the basic things such as having lots of great content and getting many high quality links. Now we must also consider another thing, and that is the speed of our websites. But how do you know how fast your website loads? And how do you make it load even faster
The video tutorial below will touch upon these two questions and give you the answers you need. When you are done watching, you can read up more about WebCrusher and see first hand how it can give you a faster loading website.
Video Transcript
Did you know that one of Google’s criteria for ranking websites involves the speed of a website. Many websites can load very slowly, and as a result, can be penalized by search engines. There is a great way to check to see if your website is slow loading or not.
For those of you who have a Google Webmaster Tools account, you can get a good idea of what your website’s current speed is. In your Dashboard, press the plus sign next to Labs and select Site Performance. Here you will see the speed performance of your website.
Google believes that anything that falls below 1 and a half seconds is considered to be fast. Anything slower than 1 and a half seconds is considered slow. The faster your site is, the better off you will be.
So how can you reduce the load time of your website? RAGE WebCrusher will do this for you automatically, in the easiest way possible. Simply drag your website folder into WebCrusher, and at the click of just a few buttons, you can greatly reduce the size of your website. Be sure to check out WebCrusher and see how it can help speed up your website.
For a full tutorial on using WebCrusher, please see the video tutorial available in the iWeb SEO, SEO Video, and RapidWeaver SEO video courses.
Twitter
Facebook
Youtube
Blog RSS