Diagnostics
Building a Small Site That Works for Every Visitor
A small organization builds a site by starting from the one page that has to work for every visitor, the home page, and by testing it against real constraints: slow connections, small screens, screen readers, and people who are not looking for it yet.
A small organization builds a site by starting from the one page that has to work for every visitor, the home page, and by testing it against real constraints: slow connections, small screens, screen readers, and people who are not looking for it yet. Design choices come after that test, not before. The tools, CMS, hosting, and search setup, exist to keep that page reachable and findable once it is live.
Start with the page that has to work for everyone
The home page carries more weight than any other page on a small site. It is the page a first-time visitor lands on from a search result, a shared link, or a printed bulletin, and it is the page that has to answer three questions in a few seconds: what is this organization, when does it meet or operate, and where is it. Everything else, history, staff bios, long-form content, can sit one click deeper.
A practical test is to load the home page on a phone with the screen brightness turned down, on a slow connection, and with images blocked. If the page still tells a visitor what the organization is and how to reach it, the structure is sound. If it collapses into a logo and a menu, the structure is carrying weight it cannot bear.
The same test applies to any small organization, not only churches. A volunteer-run food pantry, a youth sports league, and a congregation all face the same constraint: the person maintaining the site is not a full-time web developer, and the person visiting it is often in a hurry. The page has to survive both.
For teams that want a worked example of this kind of review, The Church Web Review documents home page content, common design mistakes, and accessibility fixes in plain language for volunteer webmasters.
What should be on the home page, and what should not
A home page needs four things above the fold on a phone: the name of the organization, a one-line description of what it does, the primary time and place (service times, office hours, meeting schedule), and a way to get directions or contact someone. A fifth item, the next event or the current announcement, is useful but should never push the first four off the screen.
What should not be there: a full-screen animation that delays the text, a splash screen that asks the visitor to click before entering, a carousel that rotates faster than a person can read, and a wall of embedded video that loads before anything else. Each of these adds weight and removes information. On a mid-range phone over a cellular connection, a hero video can add several seconds before the first readable text appears, and a visitor who cannot see the text has already left.
Navigation should fit in one line on a phone, or collapse into a menu that opens with a single tap. If the menu has more than seven top-level items, the site is probably trying to serve two audiences at once and should split them.
How do you check a site for visitors who cannot see or hear it well?
Accessibility checks are not a separate project. They are the same checks a careful builder runs anyway, applied to more people. The minimum set for a small site:
A useful habit is to run one page through a screen reader once a month. It takes about ten minutes and catches the errors that visual inspection misses: unlabeled buttons, skipped headings, and links that read as "click here."
| Check | The minimum |
|---|---|
| Contrast | Body text at a contrast ratio of at least 4.5:1 against its background, large text at 3:1, the WCAG 2.2 AA threshold |
| Text size | A base size that a visitor can enlarge to 200 percent without the layout breaking or text overlapping |
| Screen readers | Every image that carries meaning has alt text, every form field has a label, and headings run in order |
| Captions | Any video with speech has captions, and any audio has a transcript |
| Color alone | No instruction depends on color; add a word or an icon |
| Autoplay | Nothing plays sound on load |
How do you choose tools without locking yourself in?
A small organization needs three tools: a way to edit content, a place to host it, and a way to measure whether anyone finds it. The choice matters less than the exit.
For content, a general-purpose CMS such as WordPress or a church-specific platform both work. The question to ask is who can update the site when the current volunteer leaves. If the answer is "nobody," the platform is wrong regardless of its features. Church-specific platforms often bundle event calendars, sermon archives, and giving pages, which reduces the number of separate services to maintain, but they also make migration harder if the organization later changes direction.
Hosting cost is usually quoted as a monthly figure that excludes the domain, the SSL certificate, backup storage, and any email service. A realistic annual figure for a small site is the plan price times twelve, plus the domain, plus whatever the giving or streaming provider charges per transaction or per hour of video. Streaming a weekly service is the line item that surprises most small budgets, because video bandwidth scales with the audience, not with the size of the organization.
For findability, the basics still do the work: a descriptive title tag on every page, a local business or organization listing with consistent name, address, and phone number, and a sitemap submitted to search engines. Local search results depend heavily on consistency across directories, so a wrong phone number on one listing can suppress the correct one.
What does a redesign cost in visitors and search ranking?
A redesign that changes every URL at once will lose search traffic unless the old URLs redirect to the new ones. The rule is one redirect per old page, pointing to the closest equivalent new page, and no redirect chains longer than one hop. A redirect map is a spreadsheet with two columns, old URL and new URL, and it should be built before the new site goes live, not after.
Beyond URLs, the risk is content loss. A redesign is a good moment to delete pages nobody reads, but it is a bad moment to delete pages that rank. Check which pages receive search traffic before removing them, and if a page is being retired, redirect it to a page that answers the same question.
A staged approach reduces risk further: launch the new home page and the top five pages first, keep the old site live at a temporary address, and compare traffic week over week. If the new pages hold their traffic for a month, migrate the rest.
How do you keep the site findable after launch?
Findability is maintenance, not a launch task. Three habits cover most of it. First, publish something on a regular schedule, even monthly, because search engines treat a site that updates as a site that is alive. Second, keep the organization's name, address, and phone number identical everywhere they appear online, including social profiles and directory listings. Third, review the search terms that bring people to the site once a quarter, and add a page for any question that appears repeatedly but has no page answering it.
A small site does not need to compete with large ones on volume. It needs to be the clearest answer to a specific local question: what time, where, and what to expect. That is a content problem before it is a technical one, and it is solvable by one person with a few hours a month.
How do you keep the site findable after launch?
- Publish something on a regular schedule, even monthly, because search engines treat a site that updates as a site that is alive.
- Keep the organization's name, address, and phone number identical everywhere they appear online, including social profiles and directory listings.
- Review the search terms that bring people to the site once a quarter, and add a page for any question that appears repeatedly but has no page answering it.
- Run one page through a screen reader once a month.
Where this goes wrong
A full-screen animation that delays the text, a splash screen that asks the visitor to click before entering, a carousel that rotates faster than a person can read, and a wall of embedded video that loads before anything else. On a mid-range phone over a cellular connection, a hero video can add several seconds before the first readable text appears.
A redesign that changes every URL at once will lose search traffic unless the old URLs redirect to the new ones. The rule is one redirect per old page, pointing to the closest equivalent new page, and no redirect chains longer than one hop.
Source read for this page: How to Meet WCAG (Quickref Reference), W3C WAI.