Your SlideShare is downloading. ×

Site Architecture for Advanced SEO: Images

1,168

Published on

The latest web search engine image optimization and site architecture techniques for Google, Bing and Yahoo all from SMX Advanced 2010.

The latest web search engine image optimization and site architecture techniques for Google, Bing and Yahoo all from SMX Advanced 2010.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,168
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Images come from image SERPs
  • Because these images can show up in SERPs it’s important to know what Google has on “file” for your site.
  • Transcript

    • 1. Site Architecture for the Advanced SEO: Imagery Brian Ussery Director of SEO Technology @beussery
    • 2. Agenda
      • Images make good results
      • Image SERPs comparison
      • Variation in image SERPs
      • User behavior
    • 3. Query [ how to tie a tie]
    • 4. User Intent Directions for tying a necktie
    • 5. Text Result “ Start with the wide end of your necktie on the right, extending about 12 inches below the narrow end on the left. Then cross the wide end over the narrow end. Bring the wide end up through the loop between the collar and your tie. Then bring the wide end back down. Pull the wide end underneath the narrow end and to the right, back through the loop and to the right again so that the wide end is inside out. Bring the wide end across the front from right to left. Then pull the wide end up through the loop again. Bring the wide end down through the knot in front. And -- using both hands -- tighten the knot carefully and draw it up to the collar.” - http://www.tie-a-tie.net/windsor.html
    • 6. Image Result
    • 7. Conclusion Sometimes images are the best answer.
    • 8. Bing SERPs
    • 9. Yahoo SERPs
    • 10. Google Universal SERPs
    • 11. Google SERPs
    • 12. [mcdonalds]
    • 13. [bp oil]
    • 14. Site:cnn.com
    • 15. Site:adobe.com
    • 16. Key Understand engines Engines try to align photo SERPs with instances where imagery appears to match user intent to enhance the user experience.
    • 17. Elmo SERP
    • 18. Big Bird SERP
    • 19. Big Bird small screen
    • 20. Big Bird smaller screen
    • 21. Big Bird smallest screen
    • 22. Other Image Sources
    • 23. Key Understand users Because they can do so quickly, image searchers are unique in that they tend to view a number of images.
    • 24. Google SERPs Eye Tracking *Simulation
    • 25. Google Image SERP Eye Tracking *Simulation
    • 26. Key Understand image search
    • 27. Image SERP Landing Page
    • 28. Image Search
      • How Image Search Works:
      • -(X)HTML Downloaded by Googlebot
      • -Page Parsed
      • -Discovered (href or inline)
      • -Crawled 
      • -Classified (photo, face, b&w, adult) 
      • -Indexed 
      • -Duplicates identified (similar images treated as one (canonical)) 
      • -Ranking based on multiple signals
      • Notes:
      • Include images in XML Sitemap
      • Remove images via Googlebot-Image disallow in robots.txt.
    • 29. Engine Image Analysis Content signals: color, facial recognition, texture, layout Attribute signals: filename, ALT Textual signals: headings, text, captions Quality signals: image (pixels & resolution), host (hotlink) & domain where image appears, license XML Sitemap: Google Webmaster Central
    • 30. Examples Everyone likes images
    • 31. Architecture: Image Placement
    • 32. Architecture: Image Proximity
    • 33. Architecture: Context
    • 34. Architecture: Context
    • 35. Architecture: Image Accessibility Flash
    • 36. Architecture: Image Accessibility JS
    • 37. Architecture: Image Dimensions
    • 38. Architecture: Image Format Format: - JPEG photos (strip meta when appropriate) - PNG for graphics - GIFs for small and animated images 31k gif 13k png 68k jpg
    • 39. Architecture: Image Maps Sprite
    • 40. Architecture: Image Rights / RDFa <a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by/3.0/us/&quot;><img alt=&quot;Creative Commons License&quot; style=&quot;border-width:0&quot; src=&quot;http://i.creativecommons.org/l/by/3.0/us/88x31.png&quot; /></a><br /><span xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; href=&quot;http://purl.org/dc/dcmitype/StillImage&quot; property=&quot; dc:title &quot; rel=&quot;dc:type&quot;>Sample Title</span> by <a xmlns:cc=&quot;http://creativecommons.org/ns#&quot; href=&quot;Sample URL&quot; property=&quot;cc:attributionName&quot; rel=&quot; cc:attributionURL &quot;>Sample Work</a> is licensed under a <a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by/3.0/us/&quot;>Creative Commons Attribution 3.0 United States License</a>.<br />Based on a work at <a xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; href=&quot;Sample Source&quot; rel=&quot; dc:source &quot;>Sample Source</a>.<br />Permissions beyond the scope of this license may be available at <a xmlns:cc=&quot;http://creativecommons.org/ns#&quot; href=&quot;Sample permissions&quot; rel=&quot; cc:morePermissions &quot;>Sample permissions</a>.
    • 41. Architecture: meta
      • Provide as much information as possible.
      • -EXIF
      • Tags
      • Geo
      • -PICS
    • 42. Architecture: EXIF
    • 43. Architecture: Fake EXIF
    • 44. Architecture: Image Directory Your Domain: http://www.URL.com/Adult-photos/ Hotlink: http://picasaweb.google.com/beussery/CharlesSchulzStudio #5474612209328232818
    • 45. Google Webmaster Central http://goo.gl/xzzt
    • 46. Key Think.
    • 47. Back to the tie example
    • 48. Text with multiple Images
    • 49. Text with one Image
    • 50. Checklist
        • Place images near relevant text, high up in pages and above the fold when possible.
        • Implement standalone image pages with descriptive TITLEs, meta, captions, paragraphs & headings.
        • Provide engines with as much information as possible about your images without spamming (EXIF, Geo, Tags, PICS).
        • License with Creative Commons Licensing when specifying usage rights.
        • Use quality photos, quality matters!
        • Direct correlation between image size and speed.
        • Use a directory structure that also helps describe photo content.
        • Specify width and height for images in (X)HTML.
        • Don’t scale images.
        • Consider Sprites
        • Use the appropriate optimized image format.
        • Determine image quantity.
        • Think about words users use when searching and how they interact with image search.
        • Don’t block quality images with JavaScript.
        • Remove white space in images.
        • Google Webmaster Central XML Sitemap & Images http://goo.gl/xzzt
    • 51. Thank you! @beussery

    ×