Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Follow me on Twitter -
Where Our Work Has Been Seen
Let’s Get
Technical
What Is ….
Search Engine Friendly
Steps For SEF Website
• Clean HTML
Clean Consistent HTML
• No inline CSS, use external
stylesheets
Clean Consistent HTML
• No inline CSS, use external
stylesheets
• Use unobtrusive JavaScript
Clean Consistent HTML
• No inline CSS, use external
stylesheets
• Use unobtrusive JavaScript
• Use proper HTML tags
Clean Consistent HTML
• No inline CSS, use external
stylesheets
• Use unobtrusive JavaScript
• Use proper HTML tags
• Use ...
Clean Consistent HTML
• No inline CSS, use external
stylesheets
• Use unobtrusive JavaScript
• Use proper HTML tags
• Use ...
Steps For SEF Website
• Clean HTML
• HTML Structure
Proper HTML Structure
• Using heading tags
properly
• Use valid HTML tags
• Use only necessary
HTML elements
• Rich Code S...
Proper Header Tag Use
Here is An Example of H1, H2 & H3 being used properly
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
Resources
• Proper URL structure
• Image naming &
tagging
• File naming
URL Structure needs to be clean and
optimized. Consider the following points:
•
•
•
•

• Proper
No underscores or strange ...
URL Example:

• Proper URL structure
• Image naming &
tagging
• File naming
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
M et a D at a
• Include all
META Data
(title tage,
descriptions
Canonical UR
L
wwws VS non
wwws
Every piece of content on the site should reside at one unique URL. For example, all
of the following URLs would show the ...
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
Navigation
Where you have no
Duplicate content, keywords,
breadcrumbs, etc.
Example of Good Breadcrumbs
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
Image
Optimization
Optimize your images
for maximum
speed and
performance
Image Optimization
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
Video

Host your
videos off
site to enhance
the speed
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
• Pa...
Page Layout
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
• Pa...
Content
Optimization
Using
Keywords
Content Optimization
1. Any page that you want to rank well needs to have enough
Content
optimized indexable content to ra...
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
• Pa...
Authorship

Connecting your G+
accounts and
establishing
Authorship
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
• Pa...
Tools for
Optimization
404s – have webmaster tools
installed so G can see your
structure and identify problems
Handling 404 Errors
 
Internal: Avoid linking internally to any 404 Not Found URLs. When
internal links are found to 404 p...
 
Bad 404 Page:

404s – have webmaster tools
installed so G can see your
structure and identify problems
 
Good 404 Page:

404s – have webmaster tools
installed so G can see your
structure and identify problems
Steps For SEF Website
• Clean HTML
• HTML Structure
• Resources
• Meta Data
• Navigation
• Image Optimization
• Video
• Pa...
Responsive Design
Responsive – The Future?
What About – This?
Play By The Rules

Google is ever
changing and trying to
clean up their SERPs
so EVOLVE with it.
FREE Audit Checklist
If you want the FREE
Audit Checklist, please
“tweet” me asking for
it,
or email me:
matt@avalaunchmed...
Thank You!
Matt Siltala, President
matt@avalaunchmedia.com
@Matt_Siltala
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
Upcoming SlideShare
Loading in …5
×

How To Construct A Search Engine Friendly Website

2,636 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

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

×