Download - Seo guide for web designers and developers
![Page 1: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/1.jpg)
For Web Developers/Designers
SEO GUIDE
Presented by Sampath Liyanage, Internet Marketing StrategistTwitter: @sampaliyanage Linkedin : linkedin.com/in/ssampathliyanage
![Page 2: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/2.jpg)
OVERVIEW• Where are people searching?• How are people searching online?• How do search engines find & rank websites?• What is SEO?• Common SEO mistake• Resources• Q&A
SEO Guide for Web Developers/Designers
![Page 3: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/3.jpg)
WHERE ARE PEOPLE?
Search Engine Market Share
14%
64%
16%
Numbers as of March 2011; Source: Mashable6% Other
SEO Guide for Web Developers/Designers
![Page 4: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/4.jpg)
Homeowners, Clients, Buyers,
Sellers
Your Business or Website/Blog
SEO Guide for Web Developers/Designers
![Page 5: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/5.jpg)
HOW DO SEARCH ENGINES WORK?
There are over 200 factors Google uses to rank a website.
SEO Guide for Web Developers/Designers
![Page 6: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/6.jpg)
Google Places Map
Google Places
Organic Search Results Ads or
Paid Advertising
SEO Guide for Web Developers/Designers
![Page 7: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/7.jpg)
HOW ARE WE SEARCHING?
The top three results receive 58% of all clicks
SEO Guide for Web Developers/Designers
![Page 8: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/8.jpg)
Search Engine Optimization – SEOSearch engine optimization (SEO) is the process of improving the volume and quality of traffic to a website from search engines via natural (”organic” or “algorithmic”) search results.*
*http://en.wikipedia.org/wiki/Search_engine_optimization
SEO Guide for Web Developers/Designers
![Page 9: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/9.jpg)
SEO•Pull in people already searching for what you offer –
•Keywords/Content•Links•Social Media•Effective Web Design
SEO Guide for Web Developers/Designers
![Page 10: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/10.jpg)
Common SEO Mistakes Made by Designers and Developers•Ignoring the Impact of site speed•Title tag usage•Meta tag usage•Header tag usage•Converting text to images
SEO Guide for Web Developers/Designers
![Page 11: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/11.jpg)
Common SEO Mistakes Made by Designers and Developers
•Broken links and sitemaps•Bad URL’s•Flash only sites•No alt text for images•java script/CSS usage•The use of tobots.txt
SEO Guide for Web Developers/Designers
![Page 12: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/12.jpg)
The impact Of Site Speed
SEO Guide for Web Developers/Designers
• In a page have multiple image it take much time to load. Therefore best practises keep image size less than 100kb
• Java script directly impact to page loading time, it's better less usage and less usage in header section. (don't load menu from java script)
• It will impact to increase bounce rate of site. That mean bad user experience. (3-5s)
• https://developers.google.com/speed/pagespeed/
![Page 13: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/13.jpg)
Title Tag
SEO Guide for Web Developers/Designers
• Essential element
• Title Length 30 and 65 characters. that the length search engine display on each search result
• Each page should have unique title tag (title tag essential) That mean can't duplicate each title tag with different URL
![Page 14: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/14.jpg)
Title Tag
SEO Guide for Web Developers/Designers
![Page 15: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/15.jpg)
SEO Guide for Web Developers/Designers
Meta Tag• Robert meta tag• Meta keyword• Meta description
Robert Meta tag
<meta name="robots" content="noindex,nofollow">
• Important for crawlers• <meta name="robots" content="noindex,nofollow">
Meta Keyword
• Not much important• Improve relevancy of each page
![Page 16: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/16.jpg)
It's essential for every page
SEO Guide for Web Developers/Designers
Meta Description
<meta name="robots" content="noindex,nofollow">
![Page 17: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/17.jpg)
Header Tag
SEO Guide for Web Developers/Designers
• Header tags are using h1 to h6
• If you use header tag on page it's better to start with h1 on each page, only one h1 tag on each page
• There order should begin with h1 to h6
• If you use logo as h1, it will duplicate on entire site, SEO best practises is use h1 on each page.
![Page 18: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/18.jpg)
URL Structure
SEO Guide for Web Developers/Designers
• Site URL need to use www or with out that, Cannot be duplicate entire site URL between this two URL version.
• When use CMS, Dynamic URL structure need to more user friendly, like following.
www.example.com/topic-name
Following type url not user friendly and crawler readable
www.example.com/?p=578544
•Google recommends using hyphens (-) instead of underscores (_) in URL names, since a phrase in which the words
![Page 19: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/19.jpg)
URL Structure
SEO Guide for Web Developers/Designers
EX: http://www.amazon.com/gp/product/B00IZ1XJ3Q/ref=s9_al_gw_g107_i2/181-6881209-3123159?pf_rd_m=ATVPDKIKX0DER&pf_rd_s=center-2&pf_rd_r=0PPK6ZWAB7BCF8FBDGRS&pf_rd_t=101&pf_rd_p=1926403182&pf_rd_i=507846
Above product more index able if use following type
http://www.amazon.com/electronic/mobile/galaxys5-white
![Page 20: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/20.jpg)
Converting Text to Images
SEO Guide for Web Developers/Designers
• When there text on image use that can be read to crawlers
• It will impact to on page density of site.
Ex: http://3prg.com
![Page 21: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/21.jpg)
Broken Links and Sitemaps
SEO Guide for Web Developers/Designers
• Google hates dead links
• Dead Links are not user-friendly
• Dead Links affects your website’s conversion rate
• Dead Links stop Search Engine Crawlers.
![Page 22: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/22.jpg)
Flash Sites
SEO Guide for Web Developers/Designers
• Crawlers cant read flash sites
• Take much time to load compare with html sites
![Page 23: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/23.jpg)
Alt Text For Images
SEO Guide for Web Developers/Designers
• Crawlers cant read images, therefore alt tag is the way to give information about picture,
• Image description improve on page density
.
![Page 24: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/24.jpg)
Make JavaScript/CSS External
SEO Guide for Web Developers/Designers
• Normally do not block to JavaScript and css to crawlers, Therefore make sure site follow on w3 standard.
• Best practises, when you use javascript or css to design web page call from external javascript and css files.
.
![Page 25: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/25.jpg)
Robots. txt usage
SEO Guide for Web Developers/Designers
• Robots txt is the way to deal with search engine crawlers
• When you design a site, setup user agent as follows to block crawlers
User-agent: * Disallow: /
• After went live remove forward slash as follow
User-agent: *Disallow:
![Page 26: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/26.jpg)
Redirection
SEO Guide for Web Developers/Designers
• Three type• 301 redirection• 302 redirection• Meta redirection
• 301 redirection - permanent redirection
A 301 redirect is a permanent redirect which passes link juice between 90-99%.
![Page 27: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/27.jpg)
Redirection
SEO Guide for Web Developers/Designers
• 302 redirection - temporally redirection
This not pass link juice
• Meta refresh this is not accepted method
![Page 28: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/28.jpg)
WHY SHOULD I CARE?•Be Found•Make Sales•Build a Client Base•Build a Community
SEO Guide for Web Developers/Designers
![Page 29: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/29.jpg)
RESOURCES:•SEO Book - www.seobook.com•SEOMoz - www.seomoz.com•SearchEnginejournal –
http://www.searchenginejournal.com/
SEO Guide for Web Developers/Designers
![Page 30: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/30.jpg)
Questions?
SEO Guide for Web Developers/Designers
Presented by Sampath Liyanage, Internet Marketing StrategistTwitter: @sampaliyanage Linkedin : linkedin.com/in/ssampathliyanage
![Page 31: Seo guide for web designers and developers](https://reader033.vdocuments.mx/reader033/viewer/2022051707/58ee4fc51a28ab56048b4607/html5/thumbnails/31.jpg)
Thank You
SEO Guide for Web Developers/Designers
Presented by Sampath Liyanage, Internet Marketing StrategistTwitter: @sampaliyanage Linkedin : linkedin.com/in/ssampathliyanage