Share

Web Etiquette

A few best practices to follow for web administrators.

Top problems found on web pages

Extra spaces ( )

There should be only one space after a period ("."), and none at the end of a paragraph (or list item).

"ALL CAPS"

Never use "ALL CAPS" to highlight something.

Links: the active link should be words

Links should not be the actual URL; Avoid using "here" or "link" to signify a link.
Examples: "Tomato Preservation article", "Penn State Department of Entomology website"

Abbreviations

Spell out the complete word. Examples:

  • "Co." should change to County
  • "Apr." should change to April
  • "Fig." should be Figure
  • "Dept." should be Department

Change "PSU" to "Penn State"

or use the formal title of "The Pennsylvania State University"

In reference to Penn State, remove "Cooperative" from Extension

The correct title is "Penn State Extension"

Change "&" to "and"

Avoid using ampersands unless part of a trademark or brand name.

Phone number format

Use dashes between. Example: 814-863-9761

Always start headings with Heading (h2)

Continue with Subheading (h3) as the next level

Change <br /><br /> to </p><p>

Double breaks should change to a paragraph return

Title: First letter of every word should be capitalized

Exceptions: words like: of, the, to, a

Latin names should be italicized

Examples: plant, insect, and disease names

Lead image should be a single picture

Avoid collages, flyers, brochures and logos

Lead images should be horizontally shaped

Use a 3:2 aspect ratio for lead images.

Images should be no more than 1200 pixels wide

More than 1200 pixels is unnecessary and negatively effects performance the the site.

Look at url and title for "coding problems"

Use "Actions -> Rename" to fix. Many of the symbols we use are converted to numbers in the code. Examples include em dash, quotes, apostrophe.