Pre-Dev

• [ ] Disable indexing of subdomain

Pre-Launch

• [ ] Verify form success and error states are styled
• [ ] Verify images are compressed
  1. Use Webflow “convert to WEBP”
• [ ] Audit Title tags for all pages
  1. descriptive, short, keyword phrase
  2. 50-60 characters prevent ellipses
  3. Set in page settings > SEO settings.
  4. “Write better blogs with WRITEBetter”
  5. Use dynamic title tags when available (CMS Template Page)
• [ ] Add Meta Descriptions for all pages
  1. 50-160 characters. Up to 300 is OK.
  2. Use page content for dynamic pages
• [ ] Add opengraph settings
  1. Just use the Title and meta tags most of the time
  2. Add 1200 x 630 px image to assets and provide the link
• [ ] URLs should be short and descriptive
  1. As short as possible!
• [ ] Delete unused CSS classes (style manager panel)
  1. Be careful not to delete classes that might be used by custom code.
  2. Use finsweet Chrome extension to delete styles on particular pages or consider defining your styles used by code in a custom embed.
• [ ] Delete unused Javascript
• [ ] Go to project Settings and minify all code:
  1. Minify HTML
  2. Minify CSS
  3. Minify JS
• [ ] Download fonts and upload them directly to Webflow
• [ ] Audit all links with Check My Links
  1. Broken outbound links don’t affect ranking
  2. Use extension check my links
  3. https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-GB
• [ ] Audit semantic HTML tags in designer settings panel
  1. Any navigation list should be wrapped in <nav> tags
  2. <Article for an “standalone” content
  3. <Aside> for sidebar, ads, or popup
  4. <Address> for any contact info: email, physical, phone, social media, etc.
• [ ] Audit link and button text to be descriptive
  1. DO: Get the SEO Guide, Book a call now
  2. DON’T: Read more, see page
• [ ] Typography best practices
  1. Use legible fonts
  2. Set typography in REM vice PX to make it accessible
  3. Audit contrast between text and background
  4. Set typography line height 1.3 to 1.7. 2.0 is ok
  5. Line length between 45 and 76 characters per line
  6. Left align most text, especially paragraph text.
• [ ] Load the page on different browsers and different devices
  1. No horizontal scroll
  2. No text overflow
• [ ] Descriptive image alt text
  1. DO: “Three coworkers chatting over coffee”
  2. DONT: “Blog thumbnail image”
  3. Decorative tag for images that don’t require descriptions
• [ ] Audit Heading tags
  1. One H1 per page
  2. H2 is sub title for H1, H3 is sub title for H2
  3. Don’t skip heading levels
  • Helpful Tweet: