![Jeff Wisniewski Web Services Librarian University of Pittsburgh [email_address] Fast & Easy Website Tune Ups](https://image.slidesharecdn.com/tuneups-1224858556515907-9/85/Fast-and-Easy-Website-Tuneups-1-320.jpg)
![Jeff Wisniewski Web Services Librarian University of Pittsburgh [email_address] Fast & Easy Website Tune Ups](https://image.slidesharecdn.com/tuneups-1224858556515907-9/75/Fast-and-Easy-Website-Tuneups-1-2048.jpg)
Uploaded byJeff Wisniewski
Fast and Easy Website Tuneups
This document provides tips for tuning up a website to improve credibility, navigation, design, performance, and SEO. Some key recommendations include adding copyright dates, labeling form fields to improve accessibility, optimizing page load speed through caching and minimizing requests, and using social media links and surveys to increase engagement.
More Related Content
Similar to Fast and Easy Website Tuneups
More from Jeff Wisniewski
Fast and Easy Website Tuneups
- 1. Jeff Wisniewski WebServices Librarian University of Pittsburgh [email_address] Fast & Easy Website Tune Ups
- 2. Roadmap Credibility NavigationDesign Performance SEO SMO
- 3.
- 4. It’s a Matterof Trust PHP example: <p>Copyright © <?php echo date("Y") ?>My Library, My Town</p> JavaScript example: <p>Copyright © <script type="text/javascript"> var d = new Date(); document.write(d.getFullYear()); </script> Regardless when the site was created update your © !
- 5. Add Photos toContacts Tim Simms Geology Librarian 41 Malachite Way Room 12-B
- 6.
- 7. Move Important Information… out of the “blindness zone”
- 8. Click here…NOT! Replaceall instances of the phrase “click here”. Click here for current articles. becomes Current articles are available here.
- 9. Add Labels toYour Forms Why? Accessibility: Read by screen readers User friendly: Checkbox text (not just the checkbox itself) becomes clickable How? <label for=”affiliation">Affiliation: </label> <input type=”checkbox" name=”affiliation” value=“cardholder”> <input type=”checkbox" name=”affiliation” value=“visitor”>
- 10. … and WhileWe’re Talking About Forms… Use radio buttons and check boxes appropriately: Radio buttons: list of two or more options that are mutually exclusive and the user must select exactly one choice. Checkboxes are used when there are lists of options and the user may select any number of choices , including zero, one, or several.
- 11.
- 12. Web 2.0-ify YourLogo
- 13. Characteristics Small chunksof large sans-serif type Cheery colors Rounded edges http://web2.0stylr.com/stylr.aspx
- 14.
- 15. Be an Iconicon http://commons.wikimedia.org/wiki/Crystal_Clear
- 16.
- 17.
- 18.
- 19.
- 20. The Need forSpeed So, just how slow are you, and why? Install Firebug + Yslow in Firefox http://www.getfirebug.com/ http://developer.yahoo.com/yslow/
- 21. Cache cache’ Whydoes cache matter? Empty cache=http requests=slower Full cache=fewer http requests=faster Exploit the users cache to speed up your site
- 22. For server adminsServer configuration file Set certain file types to stay fresh/not expire Image file types, css, js files, pdfs Internet Librarian 2008
- 23. Add Expire headersWhen expire headers are set, the browser caches content from the server on the client side. First-time visitors make lots of requests, the second time visitors visit the page, the browser uses the cached content.
- 24. For the restof us… STEP 1: You should have a file called .htaccess in your server root. If not create one. STEP 2: Add the following code: <FilesMatch "\.(pdf|jpg|jpeg|png|gif|js|css|swf)$"> Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT" </FilesMatch>
- 25. Combine small imagesinto image map Yahoo! High Performance research shows that a combining multiple smaller images into a single image speeds downloads due to fewer http requests Internet Librarian 2008
- 26. Eliminate Inline ScriptsIn most cases calling scripts from external files will speed page download time, especially if these items are cached
- 27. Except…For your homepageIn line scripts for your homepage making HTTP requests is MUCH more expensive than the size of the data coming down
- 28. Example www.library.pitt.edu ExternalCSS Inline CSS Speed tested with: http://www.websiteoptimization.com
- 29.
- 30. Spring Cleaning Tidyyour homepage http://validator.w3.org/#validate_by_uri+with_options
- 31. Thin Is InIs your CSS…bloated?
- 32. Don’t Make theServer Think! Change these: <a href="http://www.URL.com/directoryname"> To these: <a href="http://www.URL.com/directoryname / ">
- 33.
- 34. Page Titles Googlewebmaster tools Site link > Diagnostics > Content analysis > Title tag analysis
- 35.
- 36. Page Titles Globalfind and replace…rewrite page titles with the following format: Document title | Section name | Library/site name
- 37. Be social, movableand mixable
- 38. Add Social BookmarksLinks http://www.toprankblog.com/tools/social-bookmarks/
- 39.
- 40. Turn Boring OldContact Info Into Exciting hCards! http://microformats.org/code/hcard/creator Dreamweaver Microformats Extension http://www.webstandards.org/action/dwtf/microformats / https://addons.mozilla.org/en-US/firefox/addon/2240
- 41.
- 42.
- 43.
- 44. Harness the AwesomePower of the 3 Question Survey Surveymonkey.com or Google Docs The questions: What is the purpose of your visit to our website today? Were you able to complete your task today? If you were not able to complete your task today, why not? P.S. ask for their email
- 45. Resources http://httpd.apache.org/docs/1.3/howto/htaccess.html http://www.cleancss.com/http://www.websiteoptimization.com http://web2.0stylr.com/stylr.aspx http://www.456bereastreet.com/archive/200410/document_titles_and_title_separators/ http://www.useit.com/alertbox/20040927.html http://www.toprankblog.com/tools/social-bookmarks/