Snow falls gently on the serene landscape of the Miami University Home Page. Happy Holidays!
Skip to Page Level NavigationSkip to Page ContentSkip to Contact Information

Writing for the Web

Back in 1997, web usability expert Jakob Nielsen claimed that people don't read on the web. Most all of the research that we've seen since then supports the premise that users tend to scan web pages for information. Knowing this should affect the way we write for the web. 

Writing for the web is about making your writing easier to read and use, not dumbing down your ideas. It's also means thinking about your content from the user's point of view.

Organizing Content

  • Use the inverted pyramid model for organizing your page. Answer who, what, when, where, how, and why in your first sentence or two, and use the paragraphs that follow to include colorful details and less important information. Readers will scan and scroll, especially if they can tell there's content that interests them lower on the page. It's still a good idea to ensure that the first thing they see is the content you most want them to see!
  • Use subsections to chunk information. Breaking down information into "bite-sized" pieces helps the reader more easily digest new information.
  • Position critical content above the fold. The "fold" is that imaginary line where the bottom of your screen cuts off a page. Content can fall below the fold, but anything critical should fit on that first screen.
  • Use one idea per paragraph and keep it short. As in newspapers, one-sentence paragraphs are perfectly legitimate on the Web.
  • Consider anchors for long pages. When you have lots of information that belongs together on a single page (for example, descriptions of various student organizations), create a list of links at the top so the reader can scan the list and then click to jump further down the page, where more detailed information resides (rather than scrolling in a blind search).
  • Structure similar content areas in similar fashion, whenever possible. A consistent approach will reinforce the readers' sense of context within your site. For example, all course listings should contain the same information presented in the same way.

Choosing Words

  • Be succinct and use short sentences, whenever possible. If a shorter, simpler way to say something exists, say it that way. Don't say "Communicate with our team" when "Contact us" will do just fine. Five to 10 words per sentence is ideal.
  • Write descriptive, concise page titles. A good page title is brief, descriptive, and refers to the contents of the page. It contains the most important information at the start of the title and uses short, concise words.
  • Use common wording. Rather than thinking about new and different turns of a phrase, employ the words that users would mostly likely use to describe or search for information. Incidentally, using those words in your copy will also boost your pages in search engine rankings.
  • Make navigation labels clear. Your navigation labels should be to the point and easy to grasp. Users care more about clear than clever.
  • Use active voice. Rewrite any sentences that begin with "it is" or "there are," choose strong verbs, and eliminate passive sentences. 
  • Use authentic voice and tone. Authentic voice sounds true and genuine, the way we speak in a conversation. Readers pay attention and listen to writing that sounds like a person is talking. Use inviting and professional language. Write to your readers in the second-person narrative: Address your audience directly, using "you" and "your."
  • Introduce acronyms appropriately. If you must use an acronym, handle it as you would on paper. Spell it out in the first usage on each page and then use the abbreviation thereafter.
  • Provide context to the page. Remember that you're in a nonlinear medium, and it's likely visitors will reach your page directly from a search engine. Thus, top-level pages in particular should accommodate that visitor who may need context. This is why the "Admission" page has introductory copy even though an "About" page with introductory copy also exists. (Of course, you don't want to restate everything, so be brief.)
  • Avoid "Welcome to our site" and "fluffy" introductions. Readers typically avoid the generic, "feel-good" material and, instead, go directly to more actionable content. As Jakob Nielsen suggests, "Kill the welcome mat and cut to the chase." You can also dispense with "On this web page you will find...." The only time you'll need to explicitly state what is on the page is when the page is lengthy and dense.
  • Make your pages actionable. You should give your users options to learn more or take a next step. If your entire page contains no hyperlinks or calls to action, you may be missing multiple opportunities to engage your audience.
  • Make your text scannable:
    • Use page headings and subheadings. Write headings so readers know exactly what the page is about without reading it word for word. As readers scan down a page, they read the beginnings of headings more than the ends.
    • Highlight key phrases and words to draw visitors’ attention.
    • Use bulleted lists to pull out key ideas.
  • Use formatting for emphasis sparingly. Try to draw attention to everything and you'll effectively draw attention to nothing.
  • Avoid using the underline format. When it comes to online communications, underlining is associated with hyperlinks.
  • Use the Web Style Guide. A style guide provides consistency from page to page and throughout the site. See Miami's Web Content Style Guide.

Creating Hyperlinks

  • Create hyperlinks that hint about the information they're leading to. Links should be appropriately descriptive of content so users know they are on the proper path to finding the information they're looking for. Ensure that descriptions explicitly describe what users will find at the destination. Also keep in mind that URLs used as hyperlinks can be convoluted and nonsensical to a screen reader.
  • Use straightforward wording. A clever, but somewhat obscure, link name can cause frustration and confusion.
  • Use hyperlinks to provide background information. This allows you to keep the reader focused on the current context of information.
  • Avoid excessive hyperlinking. Fundamentally, embedded hyperlinks disrupt the flow of content by encouraging the reader to leave the page. For this reason, try to limit the number of times a reader is prompted to change destinations. Embedded links within the text can be visually distracting as well.
  • Guard against irrelevant hyperlinking. Just because you use a word that happens to be the name of another page doesn't mean that it's relevant. Be sure to check the content of the linked page to ensure that it's relevant and will actually help the reader.
  • Avoid using "Click Here." The oldest web design rule is to avoid "Click Here" as the anchor text. The reason for this is two-fold. "Click Here" is a waste of words since they alone don't offer any information about where the link leads. For example, "Get directions" is better than "To find directions, click here." Secondly, only mouse-users do, in fact, click.
  • When creating a link to a page, make it match the title of the page it's linking to. Clicking "Admission" should get you to a page titled "Admission"—not "Getting In" or "Forms & Applications." Content labels have more latitude but the relevance between the name of the hyperlink and the page it links to should be readily apparent. (Otherwise, readers get irritated).
  • Hyperlink phrases rather than words, whenever possible. Because users search for swaths of color, they'll find a hyperlink of two or more words more easily than a one-word link.
  • When linking to PDFs (or other external documents), signal that you're doing so. For example, it you're linking to a PDF, include "PDF" after the file name and include the size of the file. (See the following examples.)
    • Admission_Application.pdf (34KB)—This contains the actual file name.
    • Board of Trustees Meeting Minutes (PDF 42KB)—This link describes the document; it does not use the actual file name.
  • Open PDFs and non-Miami pages in a new browser window. Most of the time, these two instances are the only exceptions to the rule of opening all pages in the same browser window. (If you have a form on one page and instructions for that form on a different page, you may want to consider having both visible within two separate browser windows.)
Locations
Luxembourg
West Chester
Middletown
Hamilton
Oxford
  • Luxembourg
    Luxembourg

    John E. Dolibois European Center, Luxembourg

    One of Miami's oldest continuous study abroad programs, the Miami University John E. Dolibois Center (MUDEC) in Luxembourg offers students the opportunity to enroll in Miami classes taught by European-based and Ohio-based Miami faculty. Students enjoy a unique combination of first-class academics, engagement in the local community, and various faculty-guided and independent travel opportunities.

    Contact and emergency information for the Luxembourg Campus. Starting with general contact info on the left; additional contact and emergency information on the right.

    Château de Differdange
    1, Impasse du Château
    L-4524 Differdange
    Grand Duchy of Luxembourg
    luxembourg@MiamiOH.edu
    MiamiOH.edu/luxembourg

    217-222 MacMillan Hall
    531 E. Spring Street
    Oxford, Ohio 45056, USA

    Directions

    Main Operator: 011-352-582222-1
    Oxford-based Coordinator: 513-529-5050
    Emergency info: MiamiOH.edu/emergency

  • West Chester
    West Chester

    Voice of America Learning Center

    Located midway between Cincinnati and Dayton along I-75, the Voice of America Learning Center (VOALC) offers undergraduate and graduate courses and programs drawn from Miami's Regional and Oxford campuses. Home to Miami's MBA program, the Learning Center provides ready access to graduate programs for area educators and courses leading to the BIS degree for undergraduates.

    Contact and emergency information for the Voice of America Campus. Starting with general contact info on the left; additional contact and emergency information on the right.

    7847 VOA Park Dr.
    (Corner of VOA Park Dr. and Cox Rd.)
    West Chester, OH 45069
     
    voalc@MiamiOH.edu
    MiamiOH.edu/voalc

    Printable Floor Plan
    Directions

    Main Operator: 513-895-8862
    (From Middletown) 513-217-8862
    Emergency info: regionals.MiamiOH.edu/emergency

  • Middletown
    Middletown

    Middletown Regional Campus

    Nestled on 141 acres near I-75, Miami University Middletown offers bachelor's degrees, associate degrees, and beginning coursework for most four-year degrees. Nearby Greentree Health Science Academy immerses Miami's nursing and health information technology students in the health care experience while taking classes.

    Contact and emergency information for the Middletown Campus. Starting with general contact info on the left; additional contact and emergency information on the right.

     4200 N. University Blvd.
    Middletown, OH 45042
    regionalwebmaster@MiamiOH.edu
    regionals.MiamiOH.edu

    Printable Campus Map
    Directions

    Main Operator: 513-727-3200
    (Toll-free) 1-86-MIAMI-MID
    Office of Admission: 513-727-3216
    Campus Status Line: 513-727-3477
    Emergency info: regionals.MiamiOH.edu/emergency

  • Hamilton
    Hamilton

    Hamilton Regional Campus

    A compact, friendly, commuter campus, Miami Hamilton offers bachelor's degrees, associate degrees, and beginning coursework for most four-year degrees. Small class sizes, on-site child care, and flexible scheduling make Miami Hamilton attractive to students at all stages of life and career.

    Contact and emergency information for the Hamilton Campus. Starting with general contact info on the left; additional contact and emergency information on the right.

    1601 University Blvd.
    Hamilton, OH 45011
    regionalwebmaster@MiamiOH.edu
    regionals.MiamiOH.edu

    Printable Campus Map
    Directions

    Main Operator: 513-785-3000
    Office of Admission: 513-785-3111
    Campus Status Line: 513-785-3077
    Emergency info: regionals.MiamiOH.edu/emergency

  • Oxford
    Oxford

    Miami University, Oxford Ohio

    Nationally recognized as one of the most outstanding undergraduate institutions, Miami University is a public university located in Oxford, Ohio. With a student body of 16,000, Miami effectively combines a wide range of strong academic programs with faculty who love to teach and the personal attention ordinarily found only at much smaller institutions.

    Contact and emergency information for the Oxford Campus. Starting with general contact info on the left; additional contact and emergency information on the right.

    501 E. High St.
    Oxford, OH 45056

    Printable Campus Map
    Directions

    Main Operator: 513-529-1809
    Office of Admission: 513-529-2531
    Vine Hotline: 513-529-6400
    Emergency info: MiamiOH.edu/emergency