Best Practices for Website Design & Web Content Management

Best Practices for Website Design & Web Content Management

Best Practices for Website Design & Web Content Management

NO FramesNO Frames

Do not fit the web Model Frames are not picked up by

Search Engines As an alternative use div tags with

CSS

Do not fit the web Model Frames are not picked up by

Search Engines As an alternative use div tags with

CSS

Flash Based WebsitesFlash Based Websites

Websites built solely using flash are not indexed by search engines

Use CSS and HTML and embed flash in the HTML if necessary.

Websites built solely using flash are not indexed by search engines

Use CSS and HTML and embed flash in the HTML if necessary.

No Broken LinksNo Broken Links

Websites should not have broken links

No Black hole pages – Use proper Navigation

How to fix Broken LinksPlease see the tutorial on webhelp

Websites should not have broken links

No Black hole pages – Use proper Navigation

How to fix Broken LinksPlease see the tutorial on webhelp

Meta DataMeta Data

KeywordsThink of the words that users might

use to search for your material and add that as text to your pages or as meta data in header of pages

DescriptionAdd description of page in meta data

KeywordsThink of the words that users might

use to search for your material and add that as text to your pages or as meta data in header of pages

DescriptionAdd description of page in meta data

Dynamic URL’sDynamic URL’s

Dynamic URL’s are not picked up by all search engines

Better to use static URL’s Try to keep parameters short in

length and few in size

Dynamic URL’s are not picked up by all search engines

Better to use static URL’s Try to keep parameters short in

length and few in size

Web Content ManagementWeb Content Management

File Naming ConventionsFile Naming Conventions

Short & to the point Logically connected to the contentDo not include special characters

e.g. ` , ! , @ , # , $ , % , ^ , & , * , ~ , “ , ‘ , etc

Short & to the point Logically connected to the contentDo not include special characters

e.g. ` , ! , @ , # , $ , % , ^ , & , * , ~ , “ , ‘ , etc

File LocationFile Location

Should not be more than 3 levels deep

As a rule keep it as close to the root as possible

Should not be more than 3 levels deep

As a rule keep it as close to the root as possible

File Type File Type

Do not upload educational material as images , images are not indexed

What to do about Scanned Material?

PDF’s are preferred because they are platform independent

Do not upload educational material as images , images are not indexed

What to do about Scanned Material?

PDF’s are preferred because they are platform independent

File InformationFile Information

Title Title should reflect the content of the

fileAuthor NameLocation

University name should not be included in title of paper , because Google Scholar might consider them as different versions of the same file

Title Title should reflect the content of the

fileAuthor NameLocation

University name should not be included in title of paper , because Google Scholar might consider them as different versions of the same file

What About Copyright Material

What About Copyright Material

Upload only an abstract for reference on how the abstract should look like please visit the link below

http://www.kfupm.edu.sa/webhelp/abstract.doc

Upload only an abstract for reference on how the abstract should look like please visit the link below

http://www.kfupm.edu.sa/webhelp/abstract.doc

3 Simple Steps to Increase your Web Content

3 Simple Steps to Increase your Web Content

Step#1Step#1

If you don’t have a website Create new website

ITC-Website Builder http://www.kfupm.edu.sa/webhelp/framework2.0.exehttp://www.kfupm.edu.sa/webhelp/webbuilderv1.2.msi

Front PageTemplate http://www.kfupm.edu.sa/webhelp/frontTemplate.zip

Sample Website http://www.kfupm.edu.sa/webhelp/SampleWebsite.zip

Any Other Tool

Or modify existing website Keeping in mind the website design practices

If you don’t have a website Create new website

ITC-Website Builder http://www.kfupm.edu.sa/webhelp/framework2.0.exehttp://www.kfupm.edu.sa/webhelp/webbuilderv1.2.msi

Front PageTemplate http://www.kfupm.edu.sa/webhelp/frontTemplate.zip

Sample Website http://www.kfupm.edu.sa/webhelp/SampleWebsite.zip

Any Other Tool

Or modify existing website Keeping in mind the website design practices

Step#2Step#2

Map To your Web Folder on the Web Server

http://www.kfupm.edu.sa/webhelp/Create_Network_Place.pdf

Map To your Web Folder on the Web Server

http://www.kfupm.edu.sa/webhelp/Create_Network_Place.pdf

Step#3Step#3

Add Content to your Web FolderCreate a new Folder Drag and Drop you Files to the created

folderCreate Hyper text links to the files on your

site.Inform ITC WebHelp Team when you finish

with adding content, so we can take appropriate measures to get your site indexed

Add Content to your Web FolderCreate a new Folder Drag and Drop you Files to the created

folderCreate Hyper text links to the files on your

site.Inform ITC WebHelp Team when you finish

with adding content, so we can take appropriate measures to get your site indexed

Contact InformationContact Information

For any questions email at itcwebhelp@kfupm.edu.sa

Please visit The WebHelp website for additional information and resources

http://www.kfupm.edu.sa/webhelp

For any questions email at itcwebhelp@kfupm.edu.sa

Please visit The WebHelp website for additional information and resources

http://www.kfupm.edu.sa/webhelp

Q & AQ & AThe EndThe End

WebHelp Website BuilderWebHelp Website Builder