With all the mobile announcements today (the new Treo 680, Google’s mobile maps and Mossberg’s review of the Sony Reader), let’s look at how to make a mobile version of your church website. In just a few steps you can reach out to those parishioners using PDAs, Avantgo or browsing on a smart phone.
1. Pick a short URL. Your parishioners may be typing it in on a mini-keyboard or a phone pad. Yoursite.org/pda or /togo or even /m are good choices. /smartphoneversion isn’t.
2.Start with a blank web page. It can have a .html extension, .php or whatever it is you use on the rest of your site. Add the following meta tag in the head of your code:
<meta name="HandheldFriendly" content="True">
3. Keep the formatting short and plain to work with small screens. Avoid tables. Use default fonts and don’t try to set point sizes or fiddle much with the style since you won’t have much control over the rendering on small devices.
4. Don’t eat up a lot of space with navigation on all the pages. Have your main content on the PDA home page as a bulleted navigation list and let parishioners use their back buttons to get around.
Add Existing Content
This isn’t going to be your main gateway so find content you already have on your main church site, such as:
- Main contacts
- Driving directions
- Mass schedule
- Maybe even a subway map
That’s your set-it-and-forget-it content. If you can do weekly updates, try:
- Sunday bulletins (plain text, not PDF!)
- Major events
You can cut-and-paste those in to the same pages as updates become available. Or you can use an include-statement to pull in your content from a database or other source. On the St. Charles Borromobile site, for example, homilies are pulled from the same file used for the printer-friendly version on the main site, which requires only one line of code to change.
Make a Date
One last thing—include a “last updated” note on the PDA home page. Our users have commented this lets them know whether they need to refresh/resync or not.
UPDATED December 11, 2006
Include your parish’s phone number on your mobile homepage since most phone-based browsers will automatically turn telephone numbers into clickable links. It’s a great option for visitors who, already having a phone in their hands, may want more information.