Transcript MVCC CMS Updates

MVCC WEB CMS Updates
Everything you should know about managing your department content!
Spring 2015
Objectives

Learning why we should and
how we make content accessible

Reviewing the basic operations

Understanding the protocols for managing content

Learning how to utilize SiteImprove

Troubleshooting issues with SiteImprove

Learning where to get help
MVCC ADA Commitment Statement

Mohawk Valley Community College is committed to providing equal access to
education, programs and employment opportunities for all qualified persons
with disabilities through adherence to all applicable federal and state laws,
regulations, and guidelines. The College will provide reasonable
accommodations necessary to afford equal education, employment and access
to programs.
Problems with our content

Broken Links

Misspellings

Not fully accessible

Not fully searchable

Information is redundant

Page loading time is slow

Do not fully work across different devices

Solution: To establish universal protocols for all uploaders. Follow the
standard procedures that govern the way we manage our website in a
consistent manner.
Web Jargons

CMS

Description/Captioning

Web Section

Redirects

Content Area

Permalinks

Content Module

Responsiveness

Alt Text/Tagging

Reading Order

SEO

Template
Content Organization

Use of Dashboard

Page vs Section vs Document?

When to create a section?

What is a Section Home?
Creating a page

Naming a page or file
(It affects linking and the section structure)

How to name a page

Select the right template

SEO: Title, Description and Keyword
Creating a file

How to name the file

Think about how this document will work:
E.g. Is it a one time vs Issue?

SEO: Refine Document
Steps to replace a document

Refine: Tag/Describe

Save/Export

Backup old version online

Replace Document

(Add the old doc. for
the archive purpose if needed)
Refine the Document Info:
To add Title, Tag, Author, and Subject to the document:
File > Under Info > Then type in the information to increase searchability
Refining the Document Info using old version of MS Office
Click File > Save as > The fields are on the bottom of the pop up window.
Permanently Deleting a page/document
Go to Dashboard > locate the page/document > Click Delete > View Trash Bin > Locate the delete page/document >
Permanent Delete
Content

The bottom line: Information has to be accessible (rendered) across devices

Content before Appearance

Format text properly to establish correct reading order
1. Heading
2. Normal Text
3. Bold Text
4. Hyperlinks

Use of Tables: Dos and Don’ts

SEO Properties can not be added on the pages under the news module*
Content (Continued)

Image:
Alternative Text
Resizing images (http://mvcc.edu/tools/image-resize)
Organizing Album
Uploading Images
Use of Images: Dos and Don’ts
Table
A table is for tabular data where row headers, column headers, or both are present.
To create an accessible table, be sure to define width, header(s) and caption under Table Properties by right clicking the table in
the rich text editor.
Image Properties
It is where you adjust and optimize an image on the page. Recommended size of cover image: 500px, locked.
Resizing Image
Upon the resizer installation, right click on the image icon > Choose Resize Pictures > Choose the Right Setting > New
resize image is saved under the same folder
Image Manager
Go to Dashboard > Image Manager ( Right under Pages tab).
Locate the image folder before uploading a new image! (Or create a new folder if there isn’t a folder for it)
Size Matter.
Pay Attention the path in which the image is stored so that you can locate and reuse it later.
The picture without resizing can bring the page loading speed significantly (Rule of Thumb: Under 500KB)
SiteImprove.com

A third party tool that helps you monitor your content and correct problems

Separate Management Environment

4 major functions:
Quality Assurance
Accessibility
SEO
Response

Create your account and password
Today!
SiteImprove Reports

Will be emailed to you regularly

How to read it?

How to utilize it to correct problems?
SiteImprove Dashboard
Correcting Broken Links
To correct a broken link, go to the SiteImprove Dashboard, Click “Page Affected” link next to the circular Broken Link
Indicator, then click one of the broken link item, A new tab comes out, the broken link will be highlighted. Click on the
small link on the top of the page which opens a new tab with the page that has the broken link. Correct the broken link on
the CMS.
Correcting a misspelling
To correct a misspelling item, Click on “Page(s) affected” on Siteimprove Dashboard > Click on an item under “Pages with
Misspelling/Potential Misspellings > A new tab comes out, the typo will be highlighted. click on the small link on the top of the page
which opens a new tab with the page that has the typo. Edit the text area on the CMS. Once the editing is made, go back to the
previous tab and hit refresh to recheck the page.
Correcting a misspelling (Continued..)
Once the editing is made, go back to the previous tab and hit refresh to recheck the page.
Supplemental Information

Web Accessibility Certification:
http://academy.siteimprove.com/CertificationCourses.aspx

SiteImprove Tutorial Videos:
http://siteimprove.wistia.com/projects/vnfw3ledqz

This powerpoint presentation can be downloaded here:
http://mvcc.edu/marcomm/CMS/introduction
Need Help?

Site Planning, URL Redirecting, Page Errors, Form creation, SiteImprove
Chrono Ho

Accessibility Concerns
Tamara Mariotti

Editing Permission
Chrono Ho, Jennifer Fanelli

Broken Links/Misspellings:
Refer to Directory of Uploaders mvcc.edu/MarComm/content-managerdirectory
Thanks for your participation!

Questions?