When you update your site in iWeb, you will essentially be overwriting the optimizations you made in iWeb SEO Tool. In order to correct this, you must publish your site to a local folder again, and then load it back in iWeb SEO Tool. You must then press the Re-Apply Saved Tags button in order to apply your old tags again, and then publish the site from iWeb SEO Tool.
Video Transcript:
After you optimize your website in iWeb SEO Tool for the first time, you are going to eventually want to update your site in iWeb. When you update your site in iWeb, the optimizations you made in iWeb SEO Tool previously, and the newly updated site in iWeb will be two separate items. This means that if you add a new photo to your site in iWeb for example, you will need to follow these steps in order to have the newly updated site also contain your optimizations made in iWeb SEO Tool.
Simply load your website back in iWeb SEO Tool. You will do this by using the exact same method outlined in the how to load your site in iWeb SEO Tool video.
When your site is loaded, just press the Re-Apply Saved Tags button, and all of your tags will re-appear. You can make any alterations if you want, and then you can now publish your site. Remember to publish the site from iWeb SEO Tool if you publish it to FTP.
Also, if you see your optimizations before you press the Re-Apply Saved Tags button, just know that that is normal, but you still must press the Re-Apply Saved Tags button in order for the optimizations to actually be applied.
This video is an update to an earlier video in which we show you the proper way of loading your site in iWeb SEO Tool. This video is specific to users who publish their sites to MobileMe. There is a recommended method for a MobileMe site and using iWeb SEO Tool and we encourage all MobileMe users to follow along.
Video Transcript:
It is very important to learn about the proper ways of loading your website into iWeb SEO Tool.
If you are watching this video, it means you publish your website to MobileMe. We have specific instructions on how to load your site in iWeb SEO Tool if you publish to MobileMe.
First, you must have iWeb open to the publish page. You can get to the publish page by clicking on the Site Name in the menu here on the left hand side. If you have multiple websites, each of your websites will have its own Site Name. So click on the Site Name to be taken to the publish page. Now, everyone who publishes to MobileMe, will publish their website to MobileMe right from within iWeb. This is the way you normally publish your site, so there is nothing different at this point. Every time you update your website in iWeb, you are going to publish it to MobileMe in iWeb.
Now that our sites have been published to MobileMe, let’s open up iWeb SEO Tool so we can load our site in it.
To load our sites, click on the Load iDisk Sites button. All of your websites will show up on the left hand side. Find the site that you want to optimize and click on the arrow to view the website files.
When you make your optimizations, clicking the Apply, or Apply To Entire Site button, depending on which tab you are on, will publish the changes to your site. This means you do not need to press this Publish button in the top right corner here. The changes will be published automatically when you click the Apply, or Apply To Entire Site buttons. Remember, do not go back into iWeb and publish your site from iWeb after do ing this. This will overwrite everything and you will be left without your optimizations.
The process should just be this
1) Create Site in iWeb
2) Publish site to MobileMe in iWeb
3) Load site in iWeb SEO Tool via Load iDisk Sites button
4) Make optimizations and click Apply or Apply To Entire Site buttons
Now one note I want to make here, is that if you do publish to MobileMe and load your website into iWeb SEO Tool this way, you will not be able to add a favicon to your site.
Lastly, as everyone should be aware by now, MobileMe is being discontinued. This means you will need to find another hosting company. I encourage everyone to sign up to our hosting. We will make sure we do what we can to make your transition easy. You can also take comfort in knowing that we are the only hosting company who can provide support for iWeb users.
You can visit us at ragesw.com/hosting.php or by clicking on Hosting in our navigation menu.
This video is an update to an older video that showed you how to load your site into iWeb SEO Tool. This video should only be watched by users who publish their iWeb sites to FTP and NOT to MobileMe.
Video Transcript:
It is very important to learn about the proper ways of loading your website into iWeb SEO Tool.
If you are watching this video, it means you publish your website to an FTP account. I am going to show you the proper way to load your website in iWeb SEO Tool. We also have another video that demonstrates the proper way to publish your site to FTP. I encourage everyone to take a look at that. You can find these videos on the iWeb SEO Tool page by clicking on the Video Tutorials Tab.
So to load your site in iWeb SEO Tool, you must first publish your site to a local folder. To do so, go to your site’s publish page. You can get to the publish page by clicking on the Site Name in the menu here on the left hand side. If you have multiple websites, each of your websites will have its own Site Name. So click on the Site Name to be taken to the publish page.
Make sure that Publish to Local Folder is selected from the drop down menu. Select a location on your hard drive to publish the folder to. Take note of this location as you will need to know it when loading your folder in iWeb SEO Tool. Also note that I said hard drive and not network drive. It is important that you publish the folder to your hard drive otherwise you will have trouble publishing the site.
Next, click on File in the menu bar, and select Publish Entire Site. This ensures that all of your website files will be publish to your folder.
Now it’s time to load the folder into iWeb SEO Tool. Simply click on the Open Website button and locate the folder that you just published to your hard drive. Select the folder and press the Choose button. Your website is now loaded in iWeb SEO Tool.
Some of you are going to try to load a file with a .html extension for example, or a file that has a .sites extension. You will notice that these files are greyed out and you cannot select them. That is because you must load your website folder into iWeb SEO Tool and not any other file.
There are two different ways to load your website in iWeb SEO Tool. If you publish your site to MobileMe, we recommend first publishing the site to MobileMe in iWeb, and then opening it up in iWeb SEO Tool via the Load iDisk Sites button. If you publish your site to FTP, you will need to publish the site to a local folder in iWeb, and then open it up in iWeb SEO Tool using the Open Website button. Both of these processes are demonstrated in the following video tutorials. Remember to view our iWeb SEO Video Course to learn how to optimize your website for search engines.
Video Transcript
To open up your website in iWeb SEO Tool, open up the Publish page in iWeb by selecting the Site Title on the left hand side of the application. In case you are unclear about what the Site Title is, this here is the site title called Jeremy’s Golf Shop. Everything underneath it are just the individual pages that are associated with this one web site.
If you publish your site to MobileMe, select MobileMe from the Publish To: dropdown menu. Make sure you fill in your information, just as you normally would, and then publish your site.
If you publish your site to FTP, you will need to select Local folder from the drop down menu. Go down to the Folder Location option, and press the Choose button. Select a location on your hard drive where you want to save your site. I have a folder on my Desktop called My Website. This is where I am going to save this site to.
Once our sites have been published, either to MobileMe, or to a local folder on our hard drives, we’re going to open up iWeb SEO Tool, and load our sites.
If you publish to MobileMe, all you need to do is press the Load iDisk Sites button, and select the your site.
If you publish to FTP and you just published your site to a local folder in iWeb, you are going to press the Open Website button. Next, you will find your website folder, highlight it, and press choose.
Your site will now be open in iWeb SEO Tool, and you will be able to make your optimizations.
There is one very important tip that I want to share with everyone. Anytime you go back into iWeb and make updates to your website, you will need to follow this process again. Once you have your site loaded in iWeb SEO Tool, you will need to press this Re-Apply Saved Tags button.
The reason we do this is because the updates we make to our site in iWeb will overwrite the optimizations made here in iWeb SEO Tool. All this means is that to get the optimizations back, we must just follow this simple process again, and then press the Re-Apply Saved Tags button.
Although I wouldn’t consider this the iWeb 11 update everyone was waiting for, Apple has released a small update to the web publishing software. iWeb 3.0.3 was released today by Apple. This new version brings minor improvements including;
Addresses an issue when using the iSight Movie widget on certain Macs
Addresses an issue publishing iWeb sites using FTP
Improves compatibility with Mac OS X
Although a minor update, this may indicate that Apple is still working on iWeb and hopefully will release something that we can consider iWeb 11 to go along with the previous iLife updates. iWeb is still not yet available in the Mac App Store.
If you are using Facebook to connect with customers, you should definitely make your Facebook page resemble your business. This can be done in various ways, but is most commonly done by using what is known as “Boxes.” These boxes are created using an app on Facebook which allows users to add HTML and CSS to their “boxes.”
This video tutorial is going to show you how you can create these boxes. This will make it so that users navigating through your Facebook page can land on your custom box and an image, or images that resembles your website, or promotional material.
The application used to create the interactive image is called MapDesign. Follow all the steps correctly, and your custom Facebook page will be up in no time!
Video Transcript
Many business owners know the importance of having a Facebook page to connect with current customers and reach out to future customers.
What I am going to show you in this video tutorial is how to make your Facebook page look like your website. I will show you how to setup your Facebook page from the very beginning, all the way to adding a section of your page that looks like your website. The end result will look something similar to this.
Rather than code this in HTML, we are going to take a different approach. Simply put, we are going to create an image map of our website and put it on our Facebook pages. The application we will be using to do this is called MapDesign which can be downloaded from ragesw.com
So the first thing we’re going to do is setup our Facebook page. Keep in mind that the interface of Facebook changes quite often so if what you see in this video differs from what you see in your web browser, don’t worry, it still should be pretty easy for you to figure out.
On the Facebook Login page you should see something that says “Create a page for a celebrity, band or business.” Click on the link to create the page.
You should see two options, one for creating a community page, and the other for creating an official page. We are going to use the Official Page option. Select the description which best describes the page you are going to create. For this demonstration, I will select the second option which says Brand, product, or organization. Then we will need to give the page a name. This can be almost anything you want it to be, but I would recommend making it very relevant to what your page is going to be about – for example, the name of your business. Lastly, you will need to check off that you are the official representative of this person, business or brand or product, and that you have permission to create the page. Remember, do not create pages for any of the above for which you do not have permission to do so. If you are able to check the box, your next step is to click the Create Official Page button.
You will need to login with your Facebook e-mail address and password, otherwise you will need to create a new account.
When you have logged in, you should be taken to your page, which should look pretty blank like this. In order to get our website’s image map on our Facebook page, we will need to setup the ability to add HTML to our page. To do so, click on the Edit Page button, and then select Apps. If you scroll down, you should see an app under the Apps You May Like section, called Static FBML. Click on the Add App button.
When the app is added, click on the Go To App button. You should be taken to a page that looks similar to this. Leave this page open for now, and we will be coming back to it shortly.
In order to get our website on our Facebook page, we’ll first need to take a screenshot of the webpage that we want to show on the Facebook page. To do this, Press Command and 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 520 pixels. 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 which 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.
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. Make sure you have HTML/CSS selected. I am also going to keep the format, but I am going to change the Quality from High to Maximum. Then I will press next, and save the image map to my desktop.
The next thing we are going to do is upload the image file. You can upload it to your own server if you’d like, or you can use an image hosting website. I’m going to use ImageShack.com to publish my image. I’ll just press the browse button and locate my image, and then press the Upload Now button. Once the image is uploaded, I’m going to select the Direct Link, and copy it.
My next step is to paste this link in my address bar, and I will then click on my image and select Copy Image Address so that I can copy the address for the actual image.
Now I’ll open the index.html file for our image map with my HTML editor, and I’m going to replace this image location with the image location that I had just copied in our previous step.
Lastly, I’m going to highlight the code from Style Type all the way down to the final closing div tag, and I am going to copy it.
Now we can go back to that Facebook page that we left open, and we can paste this code in the large text box next to FBML. We’re gonna have to scroll down a bit, and we’re going to delete the closing head tag, followed by the opening body tag.
Then we’ll scroll up to the top and we can rename the Box Title to whatever we want. This is what will show up in the tabs section of our Facebook page.
Scroll back down and press the Save Changes button.
Now if you go back to your Facebook page, and click on the tab for your image map, you will see that the image is there, and if you hover your mouse over those certain sections that you made linkable, you will see that you can then click to be taken to those destination URLs.
And that’s how you customize your Facebook page so that it can have the same look and feel as your website.
If you want to learn how to make your website rank higher in search engines, be sure to check out the SEO Video Courses at ragesw.com
Macworld Expo 2011 was a great success for RAGE Software this year. The entire show was extremely well attended, it was difficult to walk through the hall at certain points. Our booth was packed for pretty much the entire 3 days, leaving very little time for rest. We heard that this year’s Expo had more companies exhibiting than last year which is a great sign for the future of the show.
Overall we are extremely happy with how the show went. We talked to existing customers, met some new ones and demoed some of our new software which will be released in the coming months. We got great feedback on our entire product line. It is always great to hear face to face stories on how our products have helped!
We have published a Macworld 2011 Photo album on our facebook page. Check it out to see how busy the show actually was. Hope to see everyone back there in 2012!
Keeping track of your website visitors is a very important way of analyzing users behavior on your website. It is also an important way of learning about the different search engines, and websites that refer users to your site. This tutorial is going to show you how you can add a Statcounter code to your website made in RapidWeaver 5. Remember to check out the SEO For RapidWeaver Video Course to learn how to make your RapidWeaver site start ranking higher in search engines.
Video Transcript
In this quick video tutorial, we are going to add a Statcounter.com code to a website made in RapidWeaver 5.
The first thing we will do, is open up our browser to www.statcounter.com. If you do not have an account with statcounter, click on the register button on the top left part of the navigation menu. Fill out all the required information and register your account. After you have registered, login with your username and password. Once you are logged in, you will need to create a new project in order to get your code. Click on the Add New Project button.
In the following form, you will need to enter a title for your website, your website URL, a category for your website, and your time zone. You also have the option of having the statcounter not count your visits to the site by blocking your IP. If you don’t care for this feature, just leave it blank.
After you click the “Next” button, you will then need to click on the Configure and Install Code button. You have a few options for which type of statcounter you want. It is recommend that you use the Invisible statcounter, that way, you are the only one who knows how many hits your site gets. Then click on the next button. The drop down menu should show have Default Installation Guide selected. If not, please make sure it is. Then press the Next button. Now we are given our Statcounter code. Again, we must highlight this code, and copy it.
In RapidWeaver, there will be a heading on the left part of the application that says STATS. Below that, is the Configure option. Click on Configure. In the text box that says Google Analytics, paste the code that we just copied.
If you already have a Google Analytics code in this same box, make sure that you are not replacing the Analytics code with the Statcounter code, but placing them both in the same text box.
To learn how to get your RapidWeaver website ranking higher in search engines, be sure to check out the SEO For RapidWeaver Video Course at ragesw.com
Getting Google and other search engines to find all of the pages on your website can sometimes be difficult. In order to get these search engines to be aware of your website, it is a good idea to create an XML Sitemap and submit it to these search engines. The following video tutorial will teach you why we do this, and how it can be done easily with Sitemap Automator. Remember to check out the SEO For RapidWeaver Video Tutorial to learn how to make your RapidWeaver website more visible to search engines.
Video Transcript
In order to get your RapidWeaver website listed in search engines, I am going to show you how to create an XML Sitemap, and submit it to the major search engines such as Google, Yahoo, Bing, and Ask. We will also take it one step further by verifying our website with Google Webmaster Tools. The verification process is necessary so we can let Google know that we are the website owner and any confidential information is going to the right person or people.
First off, what is an XML Sitemap? An XML Sitemap is basically a blueprint of your website, made specifically for search engines. The Sitemap will contain the links to all visible pages on your website, so that search engines can be made aware of these links, and then index them in their search results.
To some, this process might sound somewhat complicated, but is simplified when we use a third-party tool. For this demonstration, I will be using our tool called Sitemap Automator. Sitemap Automator is available for download at www.ragesw.com
So to create your sitemap, first click on the New Sitemap button, and then type in your website URL. Next, you’ll need to click on the Create Sitemap button. Depending on how big your website is, this scanning process can take up to a few minutes. I will fast forward through this process.
When your site has been fully scanned, you can now click the Generate Sitemap button to proceed to the next step. The next thing we have to do, is upload our sitemap. Select Publish to FTP and press the Publish button. Fill in your server URL, followed by your username and password. For the Root Directory field, many of you can leave this blank, but for those who do not publish to the root directory, or have multiple websites on your hosting account, you will most likely need to type something in. For example, those who use RAGE Web Hosting, you will need to type in public_html. You can also choose to browse your server to locate the right folder to publish to. When you are done filling out all the fields, press the upload button.
After the sitemap has been published, we must then go to our Google Webmaster Tools account so that we can manually submit our sitemap. If you do not have an account, you can create a free one by going to http://www.google.com/webmastertools.
Once you are logged in, you will need to add your site by typing in the URL and pressing the continue button.
After you’ve typed in your URL and clicked continue , the next page will show us the verification method. As mentioned earlier, Google requires us to verify that we are the owners of the site so that we can be safely provided with information regarding our websites.
The first thing you want to do, is select Upload an HTML file as your verification method. Then click on the download link to download the verification file. You must know where this file is being saved in order to use it in our next step.
After you have downloaded the file, go back to Sitemap Automator, click on file in the menubar and select Publish Verification File. Then click on the Select Verification File and find the file that you just downloaded. The next step is to publish the file.
Your next step is to head back to Google Webmaster Tools and click the verify button. Once verified, you must now tell Google Webmaster Tools where it can find your sitemap. Click on your site URL, then click the plus sign next to Site Configuration. and then click on Sitemaps. Next, click the Submit a Sitemap button, and in the text box, type in sitemap.xml as you see here. Then click Submit Sitemap.
Finally, our last step, back in Sitemap Automator, click on the notify search engines button, and your sitemap will be submitted Google, Yahoo, Ask, and Bing.
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