Presented by Fiona Doyle Demonstrations by Andrew Gilmore

14.00: Introduction: (Fiona)  Fiona will run through the timetable  What s a CMS (Content Management System)?  The Drupal user interface. 14.15: Webpage readability (Fiona) 14.30: Content types: (Andrew) (Demonstration)  How to create an event, news item, page, person, job vacancy (HR), etc.  Input formats, WYSIWYG, Revision information.  Adding, editing and deleting content, Publishing content. 14.45: Questions

15.15: Break: 15.30: Images "A picture is worth a thousand words"  Andrew will demonstrate how to add images to a content type 16.00: SEO: Optimising websites for search engines (Fiona)  Definition of SEO  Best Practices  Demonstration from Andrew on adding metatags descriptions to page content  Best Practices continued  Google Analytics (Andrew) Andrew will give a brief presentation on google analytics and demonstrate how it currently is used for the deanery website 16.20: Improving Website usability (Fiona) 16.30-17.00: Conclusion, round up and Questions (We will discuss the questions I sent out in the email last week and any other questions, challenges you might have.)


What s a CMS (Content Management System)?  

A content management system (CMS) is a system used to manage the content of a website : To enable a large number of people to contribute to and share stored data To control access to data, based on user roles (defining which information users or user groups can view, edit, publish, etc.) It aids in easy storage and retrieval of data The features of a CMS system vary, but most include Web-based publishing, format management, revision control, and search. At KSS all our websites are build on the Drupal content management system.

Readability is the quality of writing that makes it easy (or difficult) to read and understand.

Webpage Readability
Structured hierarchy like: Title, Introduction, Heading, Text, Subheading Text, gives your page a more logical flow Headings and subheadings must stand out

Keep space between your paragraphs.

Keep sentence short, but increase in the number of paragraphs

Webpage Readability 
Diagrams and charts can be excellent ways to illustrate your content  Links : - don t forget to underline them  Make your navigation easier to use

Content types
(Andrew) (Demonstration) How to create an event, news item, page, person, job vacancy (HR), etc. Input formats, WYSIWYG, Revision information. Adding, editing and deleting content, Publishing content.

Any Questions?

Then 15 min break

Images "A
picture is worth a thousand words" 

Images are a significant section of a website and therefore, its importance can hardly be ignored. Images can make a website look lively, vivid and can offer a much needed breather for the visitors The image ideally should illustrate the main message , or subject of the webpage content , otherwise this confuses the viewer. For example, you wouldn t use a surgical image to describe a GP practice. Use High Quality Images: Using low quality images cheapens the look and feel of the website and makes it look amateurish. Image Size and Orientation: All the deanery websites use a feature calling image cache with predefined scaling and cropping sizes in landscape and portrait Please ensure use images that suit these formats.

Here are some of the tips that can help you to use and place images properly in a webpage:  


Sources for images dos and don ts
Do: Use copyright free images - to be ensured at any cost if you want to avert any unnecessary legal complications later on. (Read the licensing information for images before use) Good sources for images ‚ ‚ ‚ GP have photo competitions with trusts (Ask Gill in GP) ‚ Purchase stock photos ± they are very reasonably priced

Don¶t: Do not take images from google images or other websites, they are generally copyrighted to the owner and it is copyright theft Don¶t take stock photos without paying for them ± there is a reason why they are watermarked. IF IN DOUBT, ASK THE WEBTEAM!!


Andrew will demonstrate adding images to content types and explain why He will explain how image cache work

Objectives: ‡ To understand best practice for SEO ‡ Show you how to use Drupal to optimise SEO

What is SEO? 
Search engine optimization (SEO) is the process of improving the visibility of a website or a web page in search engines.

Best Practices
Content: (is King)
Rich Content: Engage the Listener Is well written, relevant text Images

What it does? Increases search engine rankings and traffic Promotes the likelihood of quality links from other sites

Best Practices
Descriptive content meta data
In addition to content that is displayed, you should make proper use of descriptive meta content that search engines know about. Title tag 60 characters or less Google: 70 characters Yahoo: 64 characters

Best Practices 
Meta Tags  While meta tags carry a low weight determining

search rank , they are very important in converting search results into click throughs to your site.

Best Practice
‡ Andrew will now demonstrate how to add meta tag description field, and search terms on a page on KSS deanery website

Best Practices 
Heading Tags <h1> - <h2>  Links <a>  Insert image example  Image tag <img>  Use a descriptive file name  Use an alt attribute

Best Practices 
Search engine friendly (SEF) URLs  Remove Duplicate Content

Google Analytics (Andrew)
What is Google analytics? A. Google Analytics shows you how people found your site, how they explored it and how you can enhance their visitor experience. With this information, you can improve your website return on investment, increase conversions and make more money on the web.

Andrew will explain how Google Analytics works using the KSS deanery website s google analytics

Usability is a quality attribute relating to how easy something is to use (Nielsen and Loranger, 2006)

Why Usability is Important
On the Web, usability is a necessary condition for survival.
If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website's information is hard to read or doesn't answer users' key questions, they leave.

If an interface is difficult to use ,there are plenty of other websites available; leaving is the first line of defence when users encounter a difficulty.

How to Improve Usability

Use consistent intuitive navigation. Users are

impatient. They hate having to learn new site navigation. Make your navigation obvious and consistent throughout your site.  Consistent navigation and search feature present on each page are among the most important usability tools we can offer to a website visitor.  Navigation Labels Are Clear & Concise  Links Are Consistent & Easy to Identify

How to Improve Usability

Number of Buttons/Links Is Reasonable Images Have Appropriate ALT Tags


Home-page Is Digestible In 5 Seconds Clear Path to Company Information Clear Path to Contact Information


Major Headings Are Clear & Descriptive Critical Content Is Above The Fold Bolded text is used sparingly try to draw attention to everything you will draw attention to nothing Main copy is concise and explanatory URLs Are Meaningful & User-friendly

Questions & Discussion
What are the most common problems you find when editing the deanery websites? Formatting the site to make it user friendly within its restrictions Format of the text: importing from Word-Notepad other writing software Search: would love to have more options, sorting results and so on Lack of consistency across the sites Problems with formatting e.g. too big a space between paragraphs The problem I encountered initially was resolved with the creation of the new website and so I currently have no problems Not discovered any recent problems since the word plugin in the editor was enabled. What would you most like to learn about website editing from these workshop sessions? SEO techniques, URL settings, Navigation, Usability and Readability. To put anchors To have a better understanding of how a website works (which is really general, but basically the behind the curtain bit.) I often feel it would be easier to understand what the website can do (and the mistake I make, how my expectations can be really off the point, for example), if I know how it works. How to adjust the formatting What Drupal is capable of doing Creating and inserting pages, news items, adding images, ways of making the page appeal to my audience

Questions & Discussion
Q. What do you think is more important your webpage can appear in google search results? Rich Content Page Titles Meta Tags Images Don¶t know

Can you give an example of a website you feel is well designed? again easy to navigate Yahoo Australia website Personally, I would go with Apple

Q. Can you give an example of a website (not a search engine) you visit regularly , for example, the bbc news site, sky news etc. 6 music,, Timeout London Google news

Questions & Discussion
What do you find good about this site that makes you revisit it? 

Eye catching Headlines up to date on a daily basis to take to what you¶ve been listening to that day Easy to navigate Links work Updated content It is either content (and it has to be really good for me to overlook the structure) and/or the chance to find info (what I am after, or the latest news on the topic that I am interested in) easily I think this is what we should aim for for the KSS website; to give users the chance to find what they want easily; it is not likely to be a website where people linger and browse around; maybe at the beginning (or the bouncing rates, feedbacks and co tell us a different story?). Though the CBN site has lots of topics, subdomains and external links, they have successful put all this contents in different and compact distribution channels, making the contents easily accessible. Overall arrangement of content 



Sign up to vote on this title
UsefulNot useful