Site Development Checklist

Mar 23 2017- POSTED BY projecth 0 Comment
  1. Website Purpose & Message
    1. Determine Message & Purpose
    2. Pick a Name/Domain Name
    3. Determine Website Basic Structure
  2. Author/Collect Basic Content
  3. Storyboarding (Paper Sketching)
  4. Navigation Flow (Tree Structure)
  5. User-Flow
    1. Place important content first and more obviously
    2. Use the Outline Algorithm to list the content of each page
  6. Digital Wireframing: Using Adobe Fireworks, Hot Gloo, Pencil Project , Balsamiq Mockups, Mockflow, Mockingbird, iPlotz, ProtoShare, Axure, Cacoo, OmniGraffle
  7. Colors, Fonts, Sizes, Positioning, Placements & Styles
    1. 5-Color Swatches adobe.com
    2. Color Palette Generator http://www.degraeve.com/color-palette/
    3. Colour Lovers http://www.colourlovers.com/
  8. Mock-up Design
    1. Add Sitemaps and bread crumbs [trees]
    2. Add Language links position and clarity
    3. Don’t clutter your site with ads
  9. Mock-up QA and WCAG
    1. Graphics Spelling Check
    2. Color Blindness Check
    3. Color Contrast (AA minimum ratio 4.5:1, AAA enhanced ratio 7:1) for text
  10. Mock-up Slicing: Use text in images only if it’s unimportant.
  11. HTML5/CSS3 Design
    1. Use Templates to build the HTML design for update ease
    2. Logo links to Homepage
    3. Resizable Text: without the loss of content (i.e. no horizontal scroll)
    4. All images are located in their correct folders (en – ar – shared – swf…)
    5. <img> element must have “width”, “height” and “alt”
    6. Use lower-case names for all tags, attributes and images
    7. Semantic Headings:
      1. XHTML: H1 = Logo, H2 = Title, H3 = Subtitles, H4 = boxes
      2. HTML5: H1 = Title of Section, H2 = Subtitle of section, etc.
    8. Semantic Text: Use <strong> and <em>, instead of <b> and <i>
    9. Paragraph line-spacing is at least 1.5, and paragraph spacing is 1.5 times larger than the line spacing.
    10. Website Footer (Copyright, web design by) + target _blank
    11. Email addresses JavaScript security code
    12. Correct English spelling in all HTML/CSS pages
    13. Create custom Error page(s)
  12. Fill Out Actual Content
    1. Simple language
    2. Font-size is large enough
    3. Tables & Columns to present data
    4. Ease reading of challenging content; Unusual Words, Abbreviations, Reading Level, Pronunciation.
  13. Flash & Animation
    1. Avoid seizure-causing content: flashes more than 3 times in 1 second (AAA).
    2. Flash background-image for Apple devices and uninstalled Flash
    3. Remove wmode=”transparent” if not necessary
    4. Flash code works on all browsers including IE6
  14. WCAG 2.0
    1. Headings well named and structured
    2. Clear & Obvious Links
      1. Don’t repeat the same link text
      2. No “read more” or “click here”. Heading of section as link instead.
  • Use meaningful and explaining words to name links.
  1. Warn when links will open a document file.
  1. Image ALT: Short, “logo” for Logo, ” ” for decoratives, image format only if important
  2. Audio/Video Plan B
    1. Provide player controls to media (Level A).
    2. Captions in videos, or Transcripts beneath videos
  • Embed Sign-language in videos if possible
  1. Subtitles for foreign speakers
  2. Audio Translation
  3. Provide users enough time to read and use content
  • Audio: None or contains switchable low background sounds
  1. Uploaded documents have the same previous settings
  2. Make all functionality available from a keyboard
  1. Testing and QA
    1. Validate HTML Code
    2. Browser Testing
      1. No-styles browser test
      2. Firefox
  • Google Chrome
  1. Safari
  2. Opera
  3. IPAD
  • IE9
  • IE10
  1. Screen Test
    1. 1024 x 768 (small)
    2. 1440 x 900 (medium)
  • 1920 x 1200 (large)
  1. Tablets
  2. Mobile
  1. Offline SEO
    1. Page Relevance (Mainly Keywords)
      1. Site content relevant to targeted search query
        1. Theme of website = PKP
        2. Focus in the Home page on PKP
        3. Optimize pages with PKP, SKP and specific variations
        4. Irrelevant pages similar to Contact Us, optimize PKP only
        5. Use Keywords in the first 20 words of each first and last <p>
        6. Separate content onto as many pages (at least 200 words)
      2. Good folder structure and file naming
        1. 0 or 1 level deep
        2. Use keywords to name all file types (1 hyphen max)
        3. Changing the file names will place it in the GoogleSandbox
        4. For PDFs, create robot.txt to exclude them from crawling
  • Smart Keyword Analysis: (3, 4 and 5-word phrases)
    1. Primary Keyword Phrase (PKP)
    2. Secondary Keyword Phrase (SKP)
    3. Specific Keyword Phrases (Relevant Keyword + PKP)
    4. PKP Variations
  1. Wise PKP & SPK placement
    1. in Domain-name & URL
      1. Domain name contains keywords
      2. URLs contain keywords (mod rewrite)
  • .htaccess 301 Redirect your site (with/out www)
  1. in Titles
    1. <title> is first element after the <head>
    2. Fill it with “smart” keywords 9 words / 60 chars
  • Home title starts with PKP & best SKP
  1. Include PKP in every title
  2. Each page-title should be unique
  3. Don’t include company name (at the end only)
  1. Content
    1. Home (PKP & SPK)
    2. About Us, Contact Us…etc. (PKP)
  • Products, Services…etc. (PKP & SPK)
  1. in HTML
    1. meta 160 chars description, make them click!
    2. h1, h2, h3, h4, h5, h6
  • a
  1. p
  2. strong, em (in the first <p> only)
  3. alt
  • option
  • no Flash or Scripts in the way
  1. Page Relevance (Mainly Keywords)
    1. Google Sandbox
      1. Website age 6-24 months
      2. Updated once a month
    2. Hierarchical Linking
      1. All pages link back to Home (Use absolute URLs)
      2. Services pages link only to other relevant services pages
      3. Unimportant pages link back to Home only (e.g. About Us)
      4. Include Bread Crumbs (Tree links)
      5. Footer link only in some pages (avoid ROS links)
  • Limiting Outgoing-links
    1. Add rel=”nofollow” attribute to certain links
    2. Create a “Related Links” page for (Reciprocal Linking) with some content and described-links to relevant site content
  1. Advertising on Site
    1. Create a “Link to Us” code snippet in the Related Links page
  2. Link out to on-topic “Authoritative” and professional sites
  1. Python/Django Web Dev.
    1. JavaScript errors
    2. Specific and meaningful URL page names
    3. Topic name must be included in the URL
    4. Automatic Footer Date
    5. Validation + Alert Messages + Required Fields
    6. Submit + Reset Buttons
    7. Image Verification
    8. Thanks Message
    9. Error Message
    10. Countries List
    11. Data management logic(understood/ user-friendly/ … )
    12. Website logo
    13. Home page blocks
    14. Modules’ icons
    15. Footer (Designer link)
    16. Up-to-date Copyright Notice
    17. Tinymce file and image manager.
    18. Navigation menu expand for all links
    19. Trees
    20. Filtering and search option
    21. Users’ module (add / edit / delete / change password / my account page )
    22. CMS logo
    23. Broken links
    24. Meta Titles (Titles, Description)
    25. Alternative Texts (Photos)
    26. Submission
    27. When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. (Level AAA)
    28. Forms
      1. Input name must describe its purpose
      2. Changes of context are initiated only by user request
  • Error Identification: error is described to the user in text
  1. Labels or Instructions are provided when content requires user input
  2. Submissions are reversible
  3. Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.
  1. Code QA & Error Test
    1. Check contact information (Phone – Fax – Email… etc)
    2. Check and correct Dates & Times
    3. Assign Favicon (ico & png)
    4. Code language spelling mistakes
    5. Check Link Validation (expose broken links)
  2. Publishing & Online Test
    1. Create sitemap.xml file Google Webmaster http://www.xml-sitemaps.com/
    2. Create proper .htaccess file (remove extensions, error pages, directory access, etc.)
    3. txt
    4. Google Analytics
    5. Online Browser Testing
  3. Social Media Accounts Creation
    1. Facebook
    2. Twitter
    3. Linked-In
    4. Pintrest
    5. Tumblr
    6. Youtube
  4. Online SEO (Linking & PR)
    1. Promote site in other sites
      1. Keywords in links
        1. your link
        2. their links
      2. Relevant content & title of linking page
    2. Linking-Sites evaluation
      1. Linking-page is indexed in Google
      2. Links are displayed in the cached version of the page
  • View Source and check absence of:
    1. JavaScript links,
    2. link redirection,
    3. “nofollow”
    4. “meta noindex”
  1. Good PR of the linking-page
  2. Low Alexa traffic rating of the sites
  3. Many backlinks the site
  • Links are few and in the same general category as yours
  • Page allows to use your keywords for linking
  1. One-way Linking
    1. 3 to 5 different variations of your link-text
    2. Search directories (ODP, Yahoo, About,..etc )
  • Publish Articles (use your link as a signature)
    1. Blogs, Forums and Newsgroups
    2. Write online Press Releases
  1. Donate to Non-profit Organizations (search in guidestar.org)
  2. Renting Links (if you can afford it)
    1. text-link-ads.com
    2. textlinkbrokers.com
  3. No free-for-all (FFA) sites and link farms
  1. Reciprocal Linking
    1. Multiple domains linking managed
      1. Point sub/domains to your website
      2. Host pointing domains on different Class C block
      3. No cross-linking or triangular linking
    2. Old backlinks text to your sites corrected
  • Sites linking to your competitors’ linking to yours
  1. Competition: get links from all sites that link back to the top 3 sites
    1. Copy the same percentage of link text variations
    2. Copy the same titles of the #1 site for your important pages
  2. Website Monitor & Linking follow-up checklist:
    1. Traffic Stats
    2. Typed Keywords
  • Search Engines
  1. Referrals (sites bringing traffic)
  2. Favicon Bookmark Traffic
  3. Page Views
  • Click/Visitor Path
  • Exit Page
  1. Length of Session
  2. Site Ranking
  3. Number of Indexed Pages:
    site:www.YourDomain www.Yourdomain
  • Number Incoming Links:
    linkdomain:www.YourDomain -site:www.YourDomain
  • Reciprocal links should be less than 50% of your backlinks
  • Try to get 20 links each week