Web Development Guidelines
UNIVERSITY OF ILLINOIS AT URBANA-CHAMPAIGN

Quick Links

Categories

Resources

Official University Web Pages

Campus identity

Since many of our users will find your site through a search engine and not the University homepage, it's important to provide University identification. You can achieve this by using campus templates, including the name "University of Illinois at Urbana-Champaign" in the header or navigation section of your web pages, and using the campus logo.

Provide contact information

Feedback to the Office of Web Services consistently identifies missing or hard to find contact information as a problem for users. Provide contact information throughout your site—at least an e-mail address on every page. On your front page include a link to a complete postal mailing address, key phone numbers (with area codes) and key contact people in your organization.

Create accessible sites

Use a design that will be accessible to the largest possible audience. For a quick overview of accessibility guidelines see Section 508, Electronic and Information Technology Accessibility Standards. For a more in-depth explanation of accessibility techniques, see Web Content Accessibility Guidelines 1.0. Tips and classes for increasing your sites' accessibility are offered through the UIUC's Illinois Center for Instructional Technology Accessibility.

Navigational links

Include links to your college or unit and the campus main page. Create a consistent navigational scheme on all pages of your site. Make sure the titles of your links are visible at all times, not just on mouse-over.

Keep content up-to-date

Check your content on a regular basis to ensure its accuracy. Avoid including content on your pages which is the responsibility of another department. Link to their pages rather than duplicating the information on your site. Check these links often.

Keep pages small

Try to keep your pages under 65K. (Add the file size of all your graphics and html to determine the page size.) Avoid long scrolling pages (like this one) on main pages, and overly large images which increase download time

Follow campus policy and procedures

Follow campus policy for official printed documents when appropriate. For example, any campus department may use the "I" logo, but only the Board of Trustees and the President are authorized to use the University seal. Similar issues and restrictions are discussed in the Public Relations, Records and Information section of the Campus Administrative Manual.

Don't advertise

Don't advertise commercial sites, products, or services on your campus site. Text, links, and corporate logos can be included on a page when referring to corporate sponsors. Don't include any form of text or graphics which promotes or encourages commerce with commercial companies on the campus uiuc.edu domain.

Copyright

Comply with all copyright laws for content—text, images, multimedia presentations, etc. that were created by others. Know where all your content and image files originated. Using content from any source, even a campus site, without permission from the creator, can violate copyright law.

Searchable sites

Include a search feature in your site. The Office of Web Services has chosen to use Google on the Campus site. We encourage you to use this free service.

Use meta tags

Meta tags can greatly improve the usefulness of your site by improving the ability of search engines to index your page. To create good meta tags for descriptions and keywords, put yourself in the place of the audience as you create your tags—what words would they use, what are they looking for? The description tag can be similar or the same for all pages on the site. The keywords tag should reflect the general theme of the site as well as information specific to that page or section.

EXAMPLE:
<META name="description" content="Campus Information Technologies and Educational Services">
<META name="keywords" content="CITES, University of Illinois, Urbana-Champaign, email, passwords, accounts, computing, telephone, network, phone, computers">

For more examples see searchenginewatch.com

Campus services

Developing a well-designed, professional, ADA-compliant, searchable site with expandable structure, modifiable pages, low download time, and a classic yet forward-thinking design that reflects the quality and heritage of the institution and your department while addressing all the concerns of your committee can be time and resource consuming. The Office of Creative Services can help. Creative Services provides tailored Web site services, including writing, editing, site architecture, art direction, photo shoot coordination, design, and production at an hourly rate of $64.

 

Personal Web Pages

All on-campus users are provided free web space for departmental and personal use. (See Guide to Netfiles.) When using university computer systems:

Stay "personal" not "commercial"

This means that the content and links on your site must not express or imply that you are profiting in any way. For example, links using commercial advertisements are prohibited. Selling your own products or services is prohibited.

Content must be "personal" not "organizational"

The personal web space you are provided is not intended for use by any organization, profit or nonprofit. For example, posting your club or church group membership roster or meeting schedule is prohibited.

Keep your content "legal"

Be sure your are in compliance with federal, state, and local laws governing content and copyright. For example, most content and imagery on the web cannot be copied or used without permission, even on personal pages. Keep in mind you can be held liable for what you say on your site.

Be aware of your personal safety

When you post content which details your address, phone number, daily travel schedule or other personal details, you may be subjecting yourself to unnecessary safety risks. Avoid including such information.





These guidelines are provided by the campus Office of Web Services to help you develop and improve your campus Web site. We're planning a more comprehensive version of this site, so check back in the spring for updates, tips and references. We value your feedback.