How To Construct A Search Engine Friendly Website

2,348 views
2,152 views

Published on

My presentation during Multi-Family Pro Brainstorming Las Vegas 2013 Show on How to construct a search engine friendly website and design.

Published in: Design, Technology
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total views
2,348
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

How To Construct A Search Engine Friendly Website

  1. 1. Follow me on Twitter -
  2. 2. Where Our Work Has Been Seen
  3. 3. Let’s Get Technical
  4. 4. What Is …. Search Engine Friendly
  5. 5. Steps For SEF Website • Clean HTML
  6. 6. Clean Consistent HTML • No inline CSS, use external stylesheets
  7. 7. Clean Consistent HTML • No inline CSS, use external stylesheets • Use unobtrusive JavaScript
  8. 8. Clean Consistent HTML • No inline CSS, use external stylesheets • Use unobtrusive JavaScript • Use proper HTML tags
  9. 9. Clean Consistent HTML • No inline CSS, use external stylesheets • Use unobtrusive JavaScript • Use proper HTML tags • Use Background images
  10. 10. Clean Consistent HTML • No inline CSS, use external stylesheets • Use unobtrusive JavaScript • Use proper HTML tags • Use Background images • Place scripts at the bottom of page when possible
  11. 11. Steps For SEF Website • Clean HTML • HTML Structure
  12. 12. Proper HTML Structure • Using heading tags properly • Use valid HTML tags • Use only necessary HTML elements • Rich Code Snippets
  13. 13. Proper Header Tag Use
  14. 14. Here is An Example of H1, H2 & H3 being used properly
  15. 15. Steps For SEF Website • Clean HTML • HTML Structure • Resources
  16. 16. Resources • Proper URL structure • Image naming & tagging • File naming
  17. 17. URL Structure needs to be clean and optimized. Consider the following points: • • • • • Proper No underscores or strange characters. URL structure Use hyphens to separate words. • Image naming & tagging Use main keywords for pages in the URL where possible. • File naming Keep URLs as short as possible, avoiding unnecessary extra directories, etc.
  18. 18. URL Example: • Proper URL structure • Image naming & tagging • File naming
  19. 19. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data
  20. 20. M et a D at a • Include all META Data (title tage, descriptions Canonical UR L wwws VS non wwws
  21. 21. Every piece of content on the site should reside at one unique URL. For example, all of the following URLs would show the home page: •www.website.com/ •www.website.com/index.html clu • In de all •website.com/ META Data •website.com/index.html (descriptions Canonical UR  L the home page to avoid duplication. Instead, there should only be one URL for   Canonicalization is when you know there are multiple URLs that show the same content. For example, an article and a printable version of the same article are technically duplicates, but they are useful duplicates for users. In this situation, use a canonical tag and place it in the <head> section of both articles: <link rel="canonical" href="url your want indexed" />
  22. 22. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation
  23. 23. Navigation Where you have no Duplicate content, keywords, breadcrumbs, etc.
  24. 24. Example of Good Breadcrumbs
  25. 25. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization
  26. 26. Image Optimization Optimize your images for maximum speed and performance
  27. 27. Image Optimization
  28. 28. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video
  29. 29. Video Host your videos off site to enhance the speed
  30. 30. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video • Page Layouts
  31. 31. Page Layout
  32. 32. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video • Page Layouts • Content
  33. 33. Content Optimization Using Keywords
  34. 34. Content Optimization 1. Any page that you want to rank well needs to have enough Content optimized indexable content to rank. There is no set amount, but Optimization it’s good to shoot for at least 300 words or so on a page that you want to rank. Using 2. Keywords phrases naturally throughout the content. Use your main keyword Don’t overdo it, make sure the copy still reads naturally. 3. Avoid content that is inside Flash or JavaScript. Search engines can’t always access that kind of content.
  35. 35. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video • Page Layouts • Content • Authorship
  36. 36. Authorship Connecting your G+ accounts and establishing Authorship
  37. 37. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video • Page Layouts • Content • Authorship • Tools for Optimization
  38. 38. Tools for Optimization 404s – have webmaster tools installed so G can see your structure and identify problems
  39. 39. Handling 404 Errors   Internal: Avoid linking internally to any 404 Not Found URLs. When internal links are found to 404 pages, fix them so they go to a live page.   External: Regularly check Google Webmaster Tools for external links 404s – have webmaster tools going to 404 pages and 301 redirect them to the correct URLs installed so G can see your   structure and identify problems 404 Error Page   Have a custom 404 page that directs visitors to the main site.
  40. 40.   Bad 404 Page: 404s – have webmaster tools installed so G can see your structure and identify problems
  41. 41.   Good 404 Page: 404s – have webmaster tools installed so G can see your structure and identify problems
  42. 42. Steps For SEF Website • Clean HTML • HTML Structure • Resources • Meta Data • Navigation • Image Optimization • Video • Page Layouts • Content • Authorship • Tools for Optimization • Responsive Design
  43. 43. Responsive Design
  44. 44. Responsive – The Future?
  45. 45. What About – This?
  46. 46. Play By The Rules Google is ever changing and trying to clean up their SERPs so EVOLVE with it.
  47. 47. FREE Audit Checklist If you want the FREE Audit Checklist, please “tweet” me asking for it, or email me: matt@avalaunchmedia.co m
  48. 48. Thank You! Matt Siltala, President matt@avalaunchmedia.com @Matt_Siltala

×