WEB DEVELOPMENT GUIDELINES

startwaitingInternet and Web Development

Nov 18, 2013 (3 years and 6 months ago)

73 views

WEB DEVELOPMENT GUID
ELINES


BACKGROUND


This document proposes a (revised) set of guidelines that are vital considerations in the
improvement of Makerere University’s online presence. Aspects pointed out here pertain
to ensuring a consistent, corporate, un
ique as well as relevant online identity of the
University. It is therefore essential that all University units take the following aspects into
consideration when designing and developing their unit websites.


1.0 COPORATE IDENTIT
Y

1.1 Corporate Colors

The

following color ranges are a representation of the university identity and therefore a
selection thereof proposed appropriate.







1.2 Corporate Logo

The logo can be placed in the left, middle or right of the web
-
page and on

clicking
should lead you to the main University home page.


To ensure visibility, its imperative that the logo is of a minimum width 98 Pixels and 80
Pixels of Height.

In addition the logo should not
be
stretched which would otherwise compromise on its
quality,
and the

University motto “we build for the future” is also legible.







98
Px

80
P
x

Range of Colors

Recommended.

Corporate Red

Corporate Green

Corporate Black

#ff0000

#009900

#000000


2.0 SEARCH ENGINE OP
TIMIZATION

2.1 Meta Tags

To ensure online visibility, meta tags which help the search engine understand the
contents of a website should be inserted i
n the headers of the main (index) web
-
pages; a
process referred to
as Search

Engine Optimization.

The recommended meta tags and
examples include:


<META name="author" content="Makerere University " />

<META name="copyright" content="&copy; Makerere Univer
sity." />

<META name="keywords"
content="clearing,extra,makerere,university,degree,study,studying,research,ICT,course
,college,alumni,postgraduate,PhD,masters,master,school,undergrad,international,kamp
ala,uganda" />

<META name="description" content="Makerer
e University, providing world
-
class
teaching, research and service relevant to sustainable development needs of society.
One of the oldest and most prestigious Universities in Africa. " />

<META name="robots" content="index, follow" />

<META http
-
equiv="Co
ntent
-
Type" content="text/html; charset=iso
-
8859
-
1" />


2.1 Site Entry
-

Index Page

To increase on your
Search Engine

Optimization (
SEO)

its also recommended that
introduction pages such as flash intros that require a site visitor to click before entering

the site are avoided. These prevent search engine crawlers from reaching your website
and gather information.




Avoid this

Adopt this

University

identification
number

Website unique number


2.3 SITE MAP

A site map is a hierarchical visual model of the pages of a Web site.
These facilitate easy navigation of a website and also,
in Search Engine
Optimization
,
a site map makes it easier for search engine crawlers to
find and index all site pages.




3.0 WEBSITE USAGE TR
ACKING

Tracking website usage to establish who visits the University websites and what they see is vital in
impr
oving the quality of our University websites. Google offers a free service, Google analytics which
generates detailed statistics about visitors to a website. It provides information on who visited the website
in terms of region, the pages they visited, the

search terms that led them to particular pages
, the browers
used,the Screen resolutions used to view the website
, the time spent on a particular web page and many
more
.

Its therefore recommended that every University website has the Google analytics code

added to it
in order to track all site visitors and also help make decision on improving website quality and content
based on the results generated in the reports.

Every University website has been assigned a Unique number for identification.



var pag
eTracker = _gat._getTracker("UA
-
6077092
-
x
");





In order to see the code with a unique number for your website, you may view your website source and check at the
bottom of the page before the closing tag of the body i.e. </body
>. Incase of redesign of you
r website, its
advisable that you copy that very code and add it to every page on your website that you need to be tracked.
And also to view information about you site visitors, you are to receive your gmail account from the
university
web Administrator
that will allow you view all reports related to your website.

Google analytics code

<script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol)
? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJs
Host + "google
-
analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));

Site Map Illustration

</script>

<script type="text/javascript"> var pageTracker = _gat._getTracker("UA
-
xxxxxxx
-
x");

pageTracker._trackPageview();

</script>