How To Construct A Search Engine Friendly Website
-
Upload
matt-siltala-mattavalaunchmediacom -
Category
Design
-
view
1.841 -
download
0
description
Transcript of How To Construct A Search Engine Friendly Website
![Page 1: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/1.jpg)
![Page 2: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/2.jpg)
Follow me on Twitter - @Matt_Siltala
![Page 3: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/3.jpg)
![Page 4: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/4.jpg)
Where Our Work Has Been Seen
![Page 5: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/5.jpg)
Let’s Get Technical
![Page 6: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/6.jpg)
What Is ….Search Engine
Friendly
![Page 7: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/7.jpg)
Steps For SEF Website
• Clean HTML
![Page 8: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/8.jpg)
Clean Consistent HTML
• No inline CSS, use external stylesheets
![Page 9: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/9.jpg)
Clean Consistent HTML
• No inline CSS, use external stylesheets• Use unobtrusive JavaScript
![Page 10: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/10.jpg)
Clean Consistent HTML
• No inline CSS, use external stylesheets• Use unobtrusive JavaScript• Use proper HTML tags
![Page 11: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/11.jpg)
Clean Consistent HTML
• No inline CSS, use external stylesheets• Use unobtrusive JavaScript• Use proper HTML tags• Use Background images
![Page 12: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/12.jpg)
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
![Page 13: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/13.jpg)
• Clean HTML• HTML Structure
Steps For SEF Website
![Page 14: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/14.jpg)
• Using heading tags properly• Use valid HTML tags• Use only necessary HTML elements• Rich Code Snippets
Proper HTML Structure
![Page 15: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/15.jpg)
Proper Header Tag Use
![Page 16: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/16.jpg)
Here is An Example of H1, H2 & H3 being used properly
![Page 17: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/17.jpg)
• Clean HTML• HTML Structure • Resources
Steps For SEF Website
![Page 18: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/18.jpg)
Resources• Proper URL structure • Image naming & tagging• File naming
![Page 19: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/19.jpg)
• Proper URL structure • Image naming & tagging• File naming
• No underscores or strange characters. • Use hyphens to separate words.• Use main keywords for pages in the URL where
possible.• Keep URLs as short as possible, avoiding unnecessary
extra directories, etc.
URL Structure needs to be clean and optimized. Consider the following
points:
![Page 20: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/20.jpg)
• Proper URL structure • Image naming & tagging• File naming
URL Example:
![Page 21: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/21.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data
Steps For SEF Website
![Page 22: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/22.jpg)
Meta Data• Include all META Data (title tage, descriptions Canonical URL
wwws VS non wwws
![Page 23: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/23.jpg)
• Include all META Data (descriptions Canonical URL
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•website.com/•website.com/index.html
Instead, there should only be one URL for the home page to avoid
duplication.
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" />
![Page 24: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/24.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation
Steps For SEF Website
![Page 25: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/25.jpg)
NavigationWhere you have no
Duplicate content, keywords, breadcrumbs, etc.
![Page 26: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/26.jpg)
Example of Good Breadcrumbs
![Page 27: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/27.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization
Steps For SEF Website
![Page 28: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/28.jpg)
Optimize your images
for maximumspeed and
performance
ImageOptimization
![Page 29: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/29.jpg)
Image Optimization
![Page 30: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/30.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video
Steps For SEF Website
![Page 31: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/31.jpg)
Host yourvideos off
site to enhancethe speed
Video
![Page 32: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/32.jpg)
![Page 33: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/33.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video• Page Layouts
Steps For SEF Website
![Page 34: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/34.jpg)
Page Layout
![Page 35: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/35.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video• Page Layouts• Content
Steps For SEF Website
![Page 36: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/36.jpg)
Content Optimization
Using Keywords
![Page 37: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/37.jpg)
Content Optimization
Using Keywords
1. Any page that you want to rank well needs to have enough optimized indexable content to rank. There is no set amount, but it’s good to shoot for at least 300 words or so on a page that you want to rank.
2. Use your main keyword phrases naturally throughout the content. 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.
Content Optimization
![Page 38: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/38.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video• Page Layouts• Content• Authorship
Steps For SEF Website
![Page 39: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/39.jpg)
Authorship
Connecting your G+ accounts and
establishing Authorship
![Page 40: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/40.jpg)
![Page 41: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/41.jpg)
![Page 42: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/42.jpg)
![Page 43: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/43.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video• Page Layouts• Content• Authorship• Tools for Optimization
Steps For SEF Website
![Page 44: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/44.jpg)
Tools for Optimization
404s – have webmaster tools installed so G can see your structure and identify problems
![Page 45: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/45.jpg)
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 pages, fix them
so they go to a live page.
External: Regularly check Google Webmaster Tools for external links going to 404 pages and 301 redirect them to
the correct URLs
404 Error Page
Have a custom 404 page that directs visitors to the main site.
![Page 46: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/46.jpg)
404s – have webmaster tools installed so G can see your structure and identify problems
Bad 404 Page:
![Page 47: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/47.jpg)
404s – have webmaster tools installed so G can see your structure and identify problems
Good 404 Page:
![Page 48: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/48.jpg)
• Clean HTML• HTML Structure • Resources• Meta Data• Navigation• Image Optimization• Video• Page Layouts• Content• Authorship• Tools for Optimization• Responsive Design
Steps For SEF Website
![Page 49: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/49.jpg)
Responsive Design
![Page 50: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/50.jpg)
Responsive – The Future?
![Page 51: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/51.jpg)
What About – This?
![Page 52: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/52.jpg)
Play By The Rules
Google is ever changing and
trying to clean up their SERPs so EVOLVE with it.
![Page 53: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/53.jpg)
FREE Audit Checklist
If you want the FREEAudit Checklist, please “tweet” me asking for it,or email me:[email protected]
![Page 54: How To Construct A Search Engine Friendly Website](https://reader035.fdocuments.net/reader035/viewer/2022062307/5549a43cb4c9050c708b51cf/html5/thumbnails/54.jpg)
Thank You!Matt Siltala, [email protected]@Matt_Siltala