Category Archives: being mobile

Creating a Header Across All Pages of Your Site

You can easily create a header across all pages of your site, by “locking” any content block.

Here’s how:

1) In the Add Elements page within your MoFuse dashboard, create the content block for your header.

2) On the Site Layout page, lay this element at the very top of your mobile site.

3) Still on the Site Layout page, click the pencil icon for the content block element. This opens a quick edit ability.

4) Select Yes for “Lock as Header?

Congrats! You’ve now created a content header throughout your mobile website. You can unlock or replace this header at any time from the Site Layout page.

A great application of this feature that we see frequently: Use a content block to lock an image or text link to a page of site with a lead gen  form for event registration, newsletter sign up, contact form, or even member donations.

Keeping it Mobile, For SEO

Do you include external links on your mobile site?

If the answer is yes, then the next question is, do these links go to another mobile site?

An easy way to optimize your site for SEO is to make sure that whenever possible, you are always linking to a mobile web page.

For example, many of our clients incorporate YouTube videos in their mobile site. YouTube makes things very easy as they do automatic mobile detection for any link that you set up.  However, if you use their actual mobile URL (m.youtube.com/yourvideohere...) when setting up an external link from your MoFuse site instead of the regular desktop URL (www.youtube.com/yourvideohere...) this will only help improve your mobile SEO ranking.

The bottom line: use a mobile URL for any external links, whenever you can!

Copy Your Site Again, and Again, and Again and…

You can now copy any site, using an existing mobile site inside your account.  This feature has been in beta, but is now ready for all your site duplication needs, and is perfect for …

…creating mobile sites that have a similar look and feel
…launching identical ad landing pages for campaign testing
…easily building out multiple full mobile sites from an original “template”  you have created
…rapidly deploying mobile sites, for example micro sites attached to a directory listing

What Copies Over (almost everything):

  • Site Logo (unless you override this by uploading a new logo on this page)
  • All CSS
  • Forms
  • Elements, exactly as they are laid out on your mobile site
  • RSS feed settings (GUI and post settings)
  • MoFuse Social Sharing settings (Twitter, FaceBook, Email a Friend)
  • Site Settings features
    • Custom text on fixed link navigation
    • Search setting
    • Copyright
  • Google features including Google Analytics tags, WebMaster verification, & Google Mobile Checkout ID

What Doesn’t Copy Over: Ad tags, because you probably want this to be unique for each site.

How to Use the Site Duplication Feature:

  1. When launching a new site, fill in the blanks as usual.
  2. At the bottom of this page, just before clicking “Launch” , choose an existing mobile website in your account from the “Duplicate a Site” drop down menu.
  3. Simply replace or change anything that has been copied over as desired, such as Copyright, Elements, GA tags, etc.

* A quick update here! We’ve heard you loud and clear on Google’s duplicate content rules. We couldn’t agree more that you should publish unique content on all of your mobile websites.

The key idea behind the copy-a-site feature is that you can easily duplicate the format of one mobile site and carry it over to a brand new mobile site. We allow you to duplicate your content as well, but it’s crucial to ensure that the content is, overall, unique from site to site so that your mobile sites get indexed appropriately.

What Should My Mobile Site Do?

As phones get smarter and mobile browsers get better at rendering your desktop site, many ask the question: “Why do I need a mobile site at all?”   The mobile experience is not about shrinking your site to fit on a tiny screen, rather it is about communicating with your customers when they are in an entirely new context.  No matter the certainty of new devices, faster browsers and higher bandwidth in the future, the mobile experience merits its own design!  Let’s get started to make your website mobile friendly.

It all starts with the user- they are in a different ‘mode’ or context when they are using a handheld to access your site.  The point being, your user is mobile and their needs at that moment will be quite different from that of a desktop viewer.   Your full website on a mobile screen would be overwhelming at best and a major annoyance at worst.

Rethinking Mobile:  How do I begin?
Mobile Web Development

As usual, the first thing to do is to step in to your customer’s shoes.   If someone is accessing your site for a mobile device what are the kinds of things they would want to do there?    Will they read your latest article, find a store location or perhaps check to see if you are offering a special promotion?

Consider some basic aspects of the mobile user:  They are likely out and about and time is an issue for them.  They are looking for something more specific from you – either a recent article or some information to connect with your brand, maybe they want directions to your storefront.   By the way, they are holding a device that can make a phone call so consider adding voice interaction (can you say “click to call”).   The device probably has a smaller and perhaps less comfortable keyboard than the desktop- so you’ll also want to consider what keystrokes you will ask them to perform.

Less will always be better-  that is the primary rule of converting your website to mobile.

Here are some questions to consider when you are making a website mobile:
•    What is the context of the average mobile visitor?
•    What are the goals of the mobile user?
•    Why are they going to your mobile website at this time?
•    What are they likely and unlikely to have any interest in?
MoFuse Top 10 Rules of Mobile Website Design

1. Keep it Simple 
With over 5000 devices and screen sizes, simple layout is the only way to go

2. Make it Convenient
Put most important information at the top, easy to access

3. Speed Up Their Use
Think less keystrokes, use radio buttons or dropdowns to get data entry when possible

4. Don’t Annoy Them
If you use images use jpeg or gifs to make them quick to load, nobody likes to wait for a slow loading site

5. Pay attention to Navigation
MoFuse ensures a ‘back’ button on every page, nesting topics leads to quicker understanding

6. Consider Color Contrast
Make sure text shows up against a pleasant, yet contrasted background for easy reading

7. Connect With Them
If it is appropriate for your business type, enable them with a Click to Call button, use the phone’s core capabilities

8. Help Them Find It
A search bar is more than a convenience; it is a time-saver and often their quickest way to get answers

9. Keep Them Up To Date (and make your job easier)
Use RSS feeds to populate your mobile site, whatever you use on your desktop site should work fine

10. Listen and Iterate
Just like with your desktop site, you will learn as you go and it is easy to make changes with the premium site builder

For more information on Best Practices for Mobile Design visit the W3C guide: http://www.w3.org/TR/mobile-bp/

To get some ideas on the best new mobile site designs you can check out:  http://www.mobileawesomeness.com

MoFuse has a platform that helps you build sites for mobile devices around the world.  Find us a www.mofuse.com

Adding Videos is Easy!

It’s easy to add videos to your mobile site.

All you need to do is grab the URL for the video, and insert the video URL to your MoFuse site in the appropriate field of an Image element or a content page or block.

Make sure you grab the correct link for your video:  On YouTube, for example, click “Share” to grab the URL of the video you want to add to your mobile site.  (Don’t use the URL for entire YouTube web page.)

You can even add a YouTube channel to your mobile site in the same way. To see an example of this in action, visit the mobile site of Martha’s Vineyard Radio: http://mvyradio.prohost.mobi

The great thing about using YouTube is not just that it is free, but YouTube also will detect mobile visitors accessing your video and display the mobile version for their device.

Jump! It's a New Site Feature

Jump! It’s a New Site Feature

Do you have many pages on your site? If so, you might want to add a Jump Menu.

By adding this new feature to your site, your mobile site visitors can easily navigate, or jump, to pages of the mobile site, using a drop down Jump Menu.

This is a great option if you have a lot of pages on the site, or specific content like lead gen forms that you want your users to easily get to, without having to scroll through layers of text and links.

Adding a Jump Menu to your site is easy! Just like our Site Layout tool, you can drag-and-drop elements that you want to place in the Jump Menu from the left to the right column. Users also have the option of changing the color scheme and adding a search box.

This feature is a natural fit for anyone with a deep mobile site. Try and tell us what you think!


Is A Mobile Site Really Necessary?

Today there are over 5000 mobile devices that can display some version of a web page. That number is getting bigger fast!   As more phones become “smart” and more computing devices become… well smaller, you need to have a strategy around having a high quality mobile presence that works everywhere.

Your customers are mobile, be there for them. It’s time to create a mobile website.

A recent report showed that mobile web traffic more than doubled between January 2008 and 2009.  Mobile web traffic is going to continue to rise, quickly.  Sites like ESPN have already had days where their mobile site gets more traffic than their desktop site!
Whether in the US, Asia or Europe your customers are likely carrying more than one hand held mobile device.  Legacy PC companies are all moving mobile, and about to put new portable “netbook” devices on the streets.  At the end of March 2009 Michael Dell, CEO of Dell said “For the last three years, we have integrated 3G radios into our notebooks,” said Dell. “We already have agreements with many mobile carriers around netbook devices, so it wouldn’t be unreasonable to expect that we would have smaller mobile Internet devices or smartphones in the future.”

If you want to make your website mobile friendly there are a few ways to get there: an expensive custom built site or you can go to a provider like MoFuse who will help you by offering mobile platforms for building business sites and blog sites. 

What is MoFuse?

MoFuse is the fastest growing network of build-it-yourself mobile sites in the world. Short for Mobile Fusion, MoFuse provides a platform that enables businesses, bloggers and any other web publisher to provide a compelling mobile experience on any mobile device

Make Your Image Clickable

There are now two easy ways to make an image “clickable” on your mobile site:

  1. If your image is in a static content page or block element, simply select the image in the editor and then add a url to it using the hyperlink icon on the editor toolbar.
  2. If you are uploading an image from your desktop (“Image” element), there is now a field below the image upload where you can enter the url for that image.

We’ve already seen a variety of good uses for clickable images. Here are a few examples:

  • making a sponsor’s logo click to their landing page or site
  • a product image that clicks to purchase that item on Amazon mobile
  • clicking on the give-away image to navigate directly to contest or event registration pages (form builder)
  • using images to navigate within pages of the same mobile site, or to other mobile sites