![Page 2: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/2.jpg)
Agenda
� Life After 50… � Domain Names � Hosting � Cross Browser/Platform Compatibility � Error Handling and Other Server Magic � Performance Optimization � Search Engine Optimization � Good Resources
![Page 3: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/3.jpg)
Domain Names
![Page 4: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/4.jpg)
Domain Names
� Registering for a domain name � Godaddy.com � NameCheap.com � Active-Domain.com � NetworkSolutions.com
� Name Servers � WHOIS
![Page 5: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/5.jpg)
Hosting � Shared/VPN/Semi-Dedicated/Dedicated � Popular Hosts
� HostGator � DreamHost � MDDHosting � GoDaddy � Free
� Control Panels � CPanel � DirectAdmin � DreamHost Panel
![Page 6: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/6.jpg)
Hosting � How to choose?
� Operating System ○ Server: Apache/LiteSpeed/other
� Add-on Domains/Subdomains � Bandwidth � Disk Space � (MySQL) Databases � Languages � Cron Jobs � FTP Accounts � SSL � SSH
![Page 7: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/7.jpg)
Hosting
� Performance! � Uptime � Response Time � Pingdom.com � Host-tracker.com
� Support � Reliability
![Page 8: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/8.jpg)
Whew!
![Page 9: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/9.jpg)
Cross-Browser Compatibility
� Firefox, Mobile Firefox, Chrome, Mobile Chrome, Safari, Mobile Safari, Internet Explorer, Mobile Internet Explorer, Opera, Opera Mobile …
� AHHHHHHHHHHH!!
� “Well, that HTML/CSS/Javascript worked! Great, let’s move on…”
![Page 10: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/10.jpg)
Principles of Cross-Browser Compatibility � Use only standard HTML/CSS/
Javascript � But then Javascript, many versions
○ Document.getElementsByClassName()
� CSS, many versions ○ -moz- ○ -webkit-
� !!! validator.w3.org !!!
![Page 11: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/11.jpg)
Solution?
� Use libraries and frameworks � Help simplify standardization process � Bootstrap/Gumby 960/etc. � JQuery/Dojo/Prototype/MooTools/etc.
� Don’t code from scratch � WordPress � Joomla! � Drupal � SMF/MyBB/phpBB/VBulletin/IP.Board
![Page 12: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/12.jpg)
Solution #2 � Test test test… � Internet Explorer…
� A little history with IE 6 � Browser Screenshots to check CSS
� browserlab.adobe.com � browsershots.org
� Browsers to check Javascript � Virtualization (e.g. Bootcamp, VMWare) � Spoon.net
![Page 13: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/13.jpg)
Errors!
� 400 – Bad Request � 401 – Unauthorized � 403 – Forbidden � 404 – Not Found � 500 – Internal Server Error � …
![Page 14: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/14.jpg)
.htaccess
� Directory level configuration file that allows for decentralized management of web server configuration
� Controls � Cache Settings � URLs � Authentication � Blocking (IP addresses, domains, etc.) � MIME types (treat .zhao as php code) � Error Responses!
![Page 15: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/15.jpg)
Error Handling! � ErrorDocument 404 /errors/404.php
� ErrorDocument 500 /errors/500.php
� For more .htaccess magic, see http://www.javascriptkit.com/howto/htaccess.shtml
![Page 16: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/16.jpg)
![Page 17: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/17.jpg)
Performance Optimization � Image Optimization
� Adobe Photoshop � webresizer.com
� Minify code � See www.google.com � http://minify.avivo.si/
� Speed up your scripts � Are you doing extra work?
� Optimize your database tables � Indexes, etc.
� Caching � CDNs (e.g. CS 50 CDN)
� Cloudflare
![Page 18: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/18.jpg)
Search Engine Optimization � SEO à shrouded in mystery � http://www.google.com/webmasters/
docs/search-engine-optimization-starter-guide.pdf
� Keep content fresh � Deep links are important � Accurate page titles � No errors � Fast load time
![Page 19: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/19.jpg)
Other Good Resources
� Google Webmaster Tools � Track errors, indexing of your site, etc
� Google Analytics � Track your visitor demographics and your
site growth � Google Apps � Firebug / Web Developer Extension � W3Schools
![Page 20: Yuechen Zhao yuechenzhao@college.harvard.edu CS 50, Harvard …cdn.cs50.net/2012/fall/seminars/preparing_your_site/... · 2012-11-19 · docs/search-engine-optimization-starter-guide.pdf](https://reader033.vdocuments.us/reader033/viewer/2022060216/5f0619797e708231d4164958/html5/thumbnails/20.jpg)
Thanks! :)