SEO refers to the process of optimizing webpages to rank higher in search engine results. It involves both on-page techniques like optimizing titles, meta descriptions and content, as well as off-page factors like links. Proper site structure, navigation, use of meta tags, optimized images and URLs are important on-page techniques for designers. Page speed, rich snippets and regularly updated content also impact rankings. Understanding SEO techniques is crucial for web designers and developers to build search engine friendly websites for their clients.

1. What is SEO??
(Search Engine Optimization)

2.  Definition: The process of improving webpages so they rank higher in search engine
for your targeted keywords by using several techniques
 Common Characteristics:
• Spider, Indexer, Database, Algorithm
• Find matching documents and display them according to relevance
• Frequent updates to documents searched and ranking algorithm
• Strive to produce "better", more relevant results than competitors

3. Types of SEO
Onpage Optimization: is a process of what can be done on the pages of a websites
in order to make it more search engine friendly to achieve good search engine ranking
for targeted keywords
Offpage Optimization: is the factors and elements that have a substantial effect on
your website as a whole for the organic and natural search engine results. These
factors are off-site in that they are not controlled by you or the coding on your page.

4. Examples of Search Engines

5. Importance of SEO
• 90% online user uses search engine to find products and info
• Your website will constantly feature onpage of the search result for terms that best
describe your business
• Natural search receive 250% more traffic than paid search
• 1st page of SE result get at least 80% clicks
• If you website is not found within top 30 result ( page1, 2 and 3) no one will find
it

6. Benefits of SEO
 Get more customers to your Website, Business or any Product
 Brand visibility
 Site popularity
 Quality sales leads
 Active buyers
 Increase your profile against your competitors

7. What Google See??
 URL
 Title
 Description
 Keywords
 Size
 Text
 Meta Tag
 Links

8. Google SEO Tools
• Google Adwords: is an advertising service by Google for businesses wanting to
display ads on Google and its advertising network. The AdWords program
enables businesses to set a budget for advertising and only pay when people click
the ads. The ad service is largely focused on keywords.
• Google Webmaster tools: Google Webmaster tool is a no-charge web service by
Google for webmasters. It allows webmaster to check indexing status and
optimize visibility of their websites
• Google Analytics: Google Analytics is a web analytic; it helps businesses analyze
the customer data that is important for targeting website visitors in advertising and
marketing

9. Why is SEO important to Web
Designers?
 Because it is important to your clients (quick answer)
 According to this research, over 571 websites are created every second. Every
second. With all of those websites, your own website has the high probability of
being lost forever in the abyss known as “Beyond Page 1 of Google”
 In today's competitive market, it is very important for companies to have an online
presence. It becomes easier to get traffic to the site if it has an SEO friendly web
design

10. If you are a Web Developer or Web
Designer than you must know about
SEO

11. SEO practices for web designers
 Site Structure
 Easy Navigation
 Meta Tags
 Content
 Optimized images
 Optimized URLs
 Absolute URLs
 Site Speed
 Rich Snippets

12. Site Structure
 A great user experience
 It provides your site with sitelinks
 Better Crawling
 Very core of good SEO – Optimizing for the crawlers

13. What makes good website Navigation
• Your Business
• Your Goals
• Your Audience
which is basically how you are going to get people to engage with you.

14. Meta Tags
It gives the search engines more information about web pages
 Meta Keywords: A series of keywords you deem relevant to the page in question
 Title Tag: This is the text you'll see at the top of your browser. Search engines
view this text as the "title" of your page.
 Meta Description Attribute: A brief description of the page.
 Meta Robots Attribute: An indication to search engine crawlers (robots or
"bots") as to what they should do with the page.
It can be found in the <head> element of a web page.(By putting meta tags in the
body, some browsers may not recognize them and you are essentially creating invalid
markup)

15. Content Optimization
Search Engines as they consider your websites relevancy and importance
 Include keyword in text
 Consider 5-20% density of the keywords in text
 Mind the formatting to the text
 Add regularly relevant content to site

16. Optimized Images
 Name your images Descriptively and in Plain English
 Optimize your Alt tags intelligently
 Strategize your image Dimensions and Product and Angels
 Reduce the file sizes of your images
 Know which image file type to use for the right situations
 Know how to handle your thumbnails
 Use Image site maps
 Beware of Your Decorative Images
 Use caution when using content delivery networks
 Test your images

17. Optimized URLs
• Whenever possible, use a single domain and subdomain
• The more readable by human beings, the better
• Describe Your Content
• Keywords in URLs: still a good thing
• Multiple URLs serving the same content ? Use Canonical URLs
• Exclude dynamic parameters when possible
• Keep it short, the easier to use
• Match URLs to titles most of the time
• Including stop words is not necessary
• Remove/control for unwieldy punctuation characters
• Limit redirections hops to two or fewer
• Fewer folders is generally better
• Be wary of case Sensitivity
• Hyphens and underscores are preferred word separators
• Keyword stuffing and repetition are pointless and make your site look spammy

18. Absolute or Relative URLs for
Internal Linking
 Absolute URLs:
 Are better when handling canonicalization issues
 Are safer when talking about site hijacking
 Are safer when switching to new CMS
 Might be easier for search engines to follow as they resolve all relative URLs
to absolute ones before following them
Relative URLs
 Make it easy to move one domain to another one
 Make the code shorter which might decreases a page download time

19. Page Speed
Page Speed is a measurement of how fast the content on your page loads
Increase your Page Speed:
 Enable compression
 Minify CSS, JavaScript and HTML
 Reduce redirects
 Leverage browser caching
 Improve server response time
 Use a content distribution network
 Optimize images

20. Rich Snippets
 It provide a small sample of a site’s content on Search
Engine Result Pages of search engines

21. Any Question

22. Thank You