39 Things to do to Guarantee a Perfect Site Launch

Many times, when people get ready to launch a site, they’re so excited about going live and calling the product finished, that they don’t do an adequate job of making sure the site is really and truly complete. It’s easy to do. I’m guilty. You’re ready to share what you’ve been working on for weeks, months even. But, skipping these steps doesn’t provide the quality that your clients need.

Over the years, I’ve compiled a launch checklist of items that help guarantee a perfect site launch. This list ensures I’ve dotted the final i and crossed the final t.

  1. No spelling errors
  2. Content is consistent (capitalization, tense / sense of writing, reocurring and common phrases)
  3. Content has been placed consistently
  4. No test content
  5. Page and content formatting has been tested
  6. Print stylesheets exist and tested
  7. Meta data has been included and is appropriate
  8. Setup accounts on Google Webmaster Tools and Bing Webmaster Tools
  9. Sitemap.xml created and submitted to Google and Bing.
  10. For redesigns, make sure old / existing URLs are redirected to relevant new URLs, if the URL scheme is changing.
  11. Images have appropriate ALT text
  12. Page titles are appropriate and SEO friendly
  13. Create metadata descriptions for important pages.
  14. Favicon has been created and displays correctly
  15. Footer includes copyright and a link to the site creator
  16. HTML has passed validation (W3C Validator)
  17. Check for canonical domain issues (e.g. variations in links to http://site.com http://www.site.com http://www.site.com/index.html should be reduced to a single consistent style)
  18. CSS has passed validation (W3C CSS Validator)
  19. JavaScript is error free (JSLint)
  20. Minify/compress static (JavaScript/HTML/CSS) files
  21. No broken links, internal and external (W3C Link Checker
  22. Check for hard coded links to the staging server
  23. Displays and functions correctly in various browsers (BrowserShots or Litmus)
    • IE7
    • IE8
    • IE9
    • Firefox (Mac + PC)
    • Chrome (Mac + PC)
    • Safari (Mac + PC)
    • Opera (Mac + PC)
  24. Tested at 1024 x 768 Resolution
  25. Tested at larger resolutions
  26. Tested on iPad
  27. Tested on iPhone
  28. Forms have been tested and processed correctly
  29. Required fields have been tested
  30. Forms send to the correct recipient(s)
  31. Check internal search functionality (including relevance of results)
  32. Web statistics package installed and operational (Google Analytics, Clickly, Mint, or StatCounter)
  33. 404 page exists and informative
  34. Full web site build documentation (including platform definition, inventory log, and user, operator, systems, and administrative manuals)
  35. Use robots.txt where necessary
  36. Site backups scheduled
  37. Check and implement caching where necessary
  38. Check download time review and browser compatability: (Google’s Page Speed and Pingdom)
  39. RSS set up (FeedBurner)

Additional Resources / References

The list that I’ve creaed has come from my own personal experience as well as others:


Have I missed anything? Are there other things that you do before launching a site?



Posted 10.18.2012

Mobile Site Development: Debugging sites on my iPhone and iPad

As I’ve been gathering links for my 5 at 5 roundups, Adobe Edge Inspect kept resurfacing. I finally installed the app across all my devices Mac, (iPad, iPhone, and the extension for Chrome). Good gravy, this program is awesome!


What it does

  1. It will automatically send any page you load in Chrome to your iPhone or iPad
  2. It allows you to use your Chrome Web Developer tools with your iPhone or iPad

Getting it set up

  • Install the app on all your devices
  • Sync your devices. If you’re not paying for Creative Cloud, you can only have it running on one device at a time.
  • Click on the browser extension. Then, launch the app on your iPhone / iPad (your devices must be on the same wireless network). It will give you a passcode to enter.

 

  • Now, any page active in Chrome will automatically load on your device.

iPhone Adobe Edge loaded

  • If you click the < > it will pull of Chrome’s developer window.

  • Click on the device you’re using in the Web Developer panel

Chrome - Edge Inspector Web Developer Tools

  • It will load the Inspector panel. Any code you highlight will then be highlghted on your device. = SUPER COOL!
Edge Inspector in Chrome, Web Developer Tools
Using Adobe Edge Inspector on my iPhone

 


Couple this with LiveReload (Bonus)

I also found a program called LiveReload. In web development, there’s a lot of change the code, save, reload the browser. Make another adjustment, save, reload. Rinse and repeat. This program simplifies that process, so that when you save your file, the browser will automatically be refreshed.
LiveReload

A blog post on Adobe’s site had instructions for integrating this new workflow with LiveReload with Edge Inspect. (Before you get confused, Edge Inspect used to be called Shadow)


As I do more and more mobile web development, I know that these tools will prove invaluable. What are other tools you use when developing for your mobile devices?