Top Web Resources » Optimization http://www.iyiz.com iyiz.com Tue, 10 Jan 2012 14:30:39 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Facebook Fan Page Optimization Tips http://www.iyiz.com/facebook-fan-page-optimization-tips/ http://www.iyiz.com/facebook-fan-page-optimization-tips/#comments Sun, 10 Jan 2010 09:07:23 +0000 admin http://www.iyiz.com/?p=237 The best place you can place your brand on Facebook is through a Facebook Page. As of the time of this writing, over 10 million users become fans of Fan Pages every day. This number should be no surprise — when people “fan” your Page, their friends see it, and your brand spreads organically. What most don’t know is that you can customize this experience for your users. With just a little work, and either some knowledge of simple HTML or the ability to hire a developer to do the work for you, you can have a custom Page up for your business in no time. Here are some tips you can apply to your Facebook marketing strategies.

Maximize Your Avatar Visibility

Profile pictures on Facebook can have a maximum size of 200×600 pixels. This applies to Pages as well. Facebook Pages do not allow background images like Twitter, Myspace, and other services. What you can do, however, is take advantage of that full 200×600 real estate and get your brand in front of the eyes of your fans. This will make sure, regardless of what part of your Page they are on your brand is front and center.

Install the Static FBML App and Add a Custom Tab

Do a search for “static FBML” on Facebook (or just click here), and click “Add to my Page” in the upper-left. A dialog pop-over will appear with a list of Pages you administer. Select the Page you want to customize by clicking the “Add to Page” button next to the Page, and when you click the button it will disappear from the list. Now click “Close”.

Now what you want to do is create your tab. To create the tab, just go to your Page and click the link, “Edit Page” in the upper-left below your main Page image. Now when you scroll down you will see a subsection called “FBML”. Click on the “Application Settings” link for that subsection, and another popover dialog will appear. Click “add” next to the Tab field and click Okay. You’ve now just added a blank Tab called “FBML” to your Page. Now you need to customize it.

Add Content to Your Custom Tab

If you go view your Page now, you’ll notice when you click the “>>” tab there is now an “FBML” option in the drop-down. If you click on it, that tab appears in the list of tabs at the top, and you can drag it around (to the extent that Facebook allows you). You’ll notice the tab is completely blank. Let’s add some content to it.

To add content, click on “Edit Page” again on the left below your Page image. Go to the “FBML” subsection again, but this time click the “Edit” link. Now you’ll be taken to a very simple form with a “Box Title” field and an “FBML” field.

Let’s start by changing the title of the tab. As I mentioned earlier, the tab, by default gets called “FBML” when you add it. You probably don’t want to keep that name, so I recommend changing it to something productive, like “Welcome”, or “Introduction”. You can name it whatever you like, depending on your purpose!

Now you’ll want to enter some content. The “FBML” field will take almost any basic HTML. You don’t need to include any <html>, <head>, or <body> tags, as the HTML you enter will only take the place of that whitespace you just saw. All the header stuff is taken care of for you. Play with it and see what you can do.

Customize Your Tab With FBML

Beyond simple HTML you can also enter very simple FBML tags to simplify some of the process. FBML stands for “Facebook Markup Language”, and is meant to be a shortcut for use in Facebook applications. Facebook has also enabled the use of a subset of FBML in the Static FBML application. FBML can be a great way to reduce the amount of HTML you need to enter, while at the same time keeping Facebook’s own look and feel. The format is very simple, and if you are familiar with HTML or XML you’ll pick it up very quickly.

To learn FBML you’re going to want to check out Facebook’s documentation and reference on FBML tags. There is a large reference of these tags on their developer wiki. I recommend you look around and see what’s available, then try them out and see how they work. You can also purchase my book, FBML Essentials, which will give you a little more details on FBML (as well as the Facebook developer platform in general).

Keep in mind that the Static FBML application only supports a subset of what the full FBML reference indicates is available. Unfortunately there is no documentation stating what is, and isn’t supported. Tags that have been confirmed working and are my favorites are:

– displays a specific user’s name in the standard Facebook format

– displays a specific user’s profile picture in the standard Facebook format

– allows you to include Flash applications in your tab

– posts a Facebook live stream widget on your Tab (you must create a new application to do this)

– adds a Facebook comments box to your Tab

If you read the Facebook wiki documentation keep in mind that “loggedinuser” does not work for the uid on the Static FBML App, but “profileowner” does. Beyond that, if you specify the specific user id in that field it should show properly.

Set Your Page to Default to Your New Tab

Now that you’ve created your custom tab using the Static FBML App you may want to set your Page to default to the new tab. This can give you a nice welcome message for your fans. To do so, just click “Edit Page” as I mentioned above. Under “Wall Settings”, click “edit”, and under “default landing tab for everyone else” select your new tab in the drop down. You’re done! Keep in mind that this default tab is only visible as a default landing page for those that are not yet fans of your Page yet.

SEO for Facebook Pages

Your Page is visible to search engines! Now that you’ve created your custom landing page, keep in mind that search engines see the page layout in the same way that someone who is not a fan of your page would see.

If you haven’t yet created a Facebook Page, you should also keep in mind that the Page title can be one of the best places to create a search-engine friendly title for your brand. Be sure this is something that describes yourself and your brand, and that you think others will be searching for. It should also, at the same time, be something familiar to other Facebook users, as this is what they will see in their News feeds as their friends become fans or you post updates. Keep in mind your Page name can not be changed once you create it, so get it right the first time! It can be a pain to have to re-create a new Page and re-establish months of work building your Page if you get it wrong early on.

]]> http://www.iyiz.com/facebook-fan-page-optimization-tips/feed/ 13 Top 5 Optimization Tips for Web-Servers http://www.iyiz.com/top-5-optimization-tips-for-web-servers/ http://www.iyiz.com/top-5-optimization-tips-for-web-servers/#comments Fri, 28 Aug 2009 12:14:26 +0000 admin http://www.iyiz.com/?p=218 5 Optimization tips for your web-server to gain more speed,money you can save, and how it can potentially help increase your readership and traffic when they are properly done.

  1. Choose a decent Web Host

    Your web hosting account has no direct relationship with the optimizations you are about to perform but we figured choosing the right web hosting account so important we decided to bring it to your attention first. Hosting account is the foundation of your website/blog where it’s security, accessibility (cPanel, FTP, SSH), server stability, prices and customer supports all play important roles. You need to make sure you are in good hands.

    Recommended reading:
    How to Choose a Web Host     by wikiHow is a great article that gives you steps and tips you should know before purchasing any web hosting account.

  2. Host Assets Separately

    When we mention assets, we meant web components like images and static scripts that don’t require server-side processing. These includes any web graphics, images, Javascripts, Cascading Style Sheets (CSS), etc. Hosting assets separately is not a must, but we’ve seen tremendous result in terms of server stability with this implementation when the blog was having a traffic spike.

    Recommended reading:
    Maximizing Parallel Downloads in the Carpool Lane.

  3. Compression with GZip

    In short, contents travel from server side to client side (vicet versa) whenever a HTTP request is make. Compressing the content for sending greatly reduce the time needed to process each request.

    GZip is one of the best ways to do this and it various according to the type of servers you are using. For instance, Apache 1.3 uses mod_zip, Apache 2.x uses mod_deflate and here’s how you do it in Nginx. Here are some really good articles to get you familiar with server side compressions:

  4. Minimize Redirects

    Webmasters do URL redirect (whether it’s Javascript or META redirects) all the time. Sometimes it’s purpose is to point users from an old page to new, or merely guide users to the correct page. Each redirect create an additional HTTP request and RTT (round-trip-time). The more redirection you have, the slower user will get to the destination page.

    Recommended reading:
    Avoid Redirects     by Google Code gives you a good overview on the matter. The article also recommends some practical ways to minimize redirection to increase serving speed.

  5. Reduce DNS Lookups

    According to Yahoo! Developer Network Blog, it takes about 20-120 milliseconds for DNS (Domain Name System) to resolve IP address for a given hostname or domain name and the browser cannot do anything until the process is properly completed.

    Author Steve Souders suggested that splitting these components across at least two but no more than four hostnames reduces DNS lookups and allow high degree parallel downloads. Read more on the article.

]]> http://www.iyiz.com/top-5-optimization-tips-for-web-servers/feed/ 3