Responsive Design Template

Clean Content/Clean Code

For easiest transition to responsive design, pages should follow the Web Styleguide. The guidelines below will assist you in finding content that should be updated on your site. If you have any questions, please email web@uttyler.edu.

This information is also available in a downloadable PDF document.

Example of clean content.

  • Include title and subtitle at the top of each page.
    Avoid erroneous HTML code in the HTML editor, including colors within tables. (avoid and tags)
  • Content should be clean, free of erroneous buttons/graphics and include call-to action links.The Web team can assist you with adding appropriate buttons using our CSS style.
  • Avoid extra spacing between paragraphs and content. Keep all text left-aligned.
  • Assure all hyperlinks are in working order.
  • The template font is preset. Bold or italicized font should be used sparingly. Avoid using all caps.
  • Use text links for hyperlinks; avoid button graphics.
  • Avoid duplicate content from other areas of the site or Web. (Always link to the original content.)

NOTE: ALL links must use dependency tag links.

Example of titles, metadata and content.

  • The filename, title and subtitle, meta title and meta description should coordinate with the content on the page.
  • To prevent pages from being deleted within Google, metadata (title and description) should be included on ALL pages and should be unique to each page.
  • Content should be clean, free of erroneous buttons/graphics and use call-to-action links.
  • Code must be clean of "div" tags, redundant tables, "span" tags, etc.
  • All pages are to include the header tag (orange title tag), a sub-header tag (black sub-title) and page content (content within the body of the page).