Designing for SEO - Mozinar (Dec 2012)

759 views

Published on

Attached is the slide deck for Design for SEO mozinar.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
759
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Designing for SEO - Mozinar (Dec 2012)

  1. 1. Designing for SEO by Justin Taylor, MD Graphitas, @JustinGraphitas Tweet with Mozinar attendees: #mozinar Technical problems or feedback: Please email team@seomoz.org#mozinar @JustinGraphitas
  2. 2. #mozinar @JustinGraphitas
  3. 3. #mozinar @JustinGraphitas
  4. 4. #mozinar @JustinGraphitas
  5. 5. #mozinar @JustinGraphitas
  6. 6. #mozinar @JustinGraphitas
  7. 7. if you are these guys#mozinar @JustinGraphitas
  8. 8. if you are these guys#mozinar @JustinGraphitas
  9. 9. they cando stufflike this#mozinar @JustinGraphitas
  10. 10. they can Change Countrydo stuff Change Country Change Country Coke in the USAlike this Coke in the USA Coca-Cola The Coca-Cola Company About the Coca-Cola Company Careers Product Information Coca-Cola Conversations MyCoke Coca-Cola Zero Diet Coke World of Coca-Cola Open Happiness Coca-Cola Store Coca-Cola Google [Holiday 2012] see’s something [Coke Artic Home] like this [docPemberton] Facebook Twitter YouTube Flickr CocaCola on Twitter Go prev next CocaCola on YouTube Go#mozinar prev next @JustinGraphitas CocaCola on Flickr Go
  11. 11. andstufflike this#mozinar @JustinGraphitas
  12. 12. they can [USA] SELECT YOUR COUNTRYdo stuff [Argentina] ARGENTINA [flag_australia.ashx] AUSTRALIA [Canada] CANADA - ENGLISH [Canada] CANADA - FRENCHlike this [France] FRANCE [Italy] ITALY [flag_japan.ashx] JAPAN [flag_newzealand.ashx] NEW ZEALAND [South Africa] SOUTH AFRICA [UK] UNITED KINGDOM [Revlon Cosmetics] SIGN IN / REGISTER REVLON CARES SHARE: [share- facebook.ashx] [share-twitter.ashx] 0 [Cart] [ColorStay Ultimate Suede Lipstick] [ColorStay Ultimate Suede Lipstick] NEW REVLON COLORSTAY ULTIMATE SUEDE™ LIPSTICK [footer-plus.png] LEARN MORE [footer-plus.png] [footer-explore.ashx] [Whats New] [Revlon ColorStay Ultimate Suede Lipstick] [Shanghai Collection by Gucci Westman Fall 2012] [Revlon Colorstay Whipped™ Crème Makeup] Google [Revlon ColorStay Overtime™ Lengthening Mascara and Revlon® ColorStay™ Smoky Shadow Stick] see’s something [Expression Experiment] [Spotlight Eyelash Curler with LED Technology] like this [Revlon Products] [Revlon Categories] [Revlon Lip Products] [Revlon Eyes] [Revlon Face] [Revlon Nails] [Revlon Colorsilk] [fragrance] [beauty tools] [Revlon - Brushes] [Revlon Collections] ColorStay™#mozinar Revlon PhotoReady™ Revlon Age Defying @JustinGraphitas
  13. 13. andthis..#mozinar @JustinGraphitas
  14. 14. they cando stuff [logoimage] Menu Full Menu Burgers & Sandwiches Chicken Breakfast Salads Snacks and Sides Beverages McCafé Desserts & Shakes Meal Bundles Favorites Under 400 Dollar Menu Extra Value Menu Extra Value Meals Happy Meals Mighty Kids Meals Food Quality Nutrition See What We’re Made Oflike this Trends & Innovation [file] View all promotions [file] [file] Our History Leadership Our Communities Values In Action Corporate Info News Working Here Training & Education Benefits Our People Careers for Veterans Free Wi-Fi Gift Cards PlayPlace & Parties Home Share [E-mail] [Facebook] [Twitter] [Delicious] [Digg] My Meal Builder items [Meet some of the hard-working people dedicated to providing high quality food every day. And get the story behind your McDonalds favorites.] [Frank Martinez, Potato Supplier] Meet Frank > [Dirk Giannini, Lettuce Supplier] Meet Dirk > Google [Steve Foglesong, Beef Supplier] Meet Steve > see’s something like this [Jenn Bunger, Potato Supplier] Meet Jenn > [0.gif] Try it today [0.gif] Find your favorites [0.gif] Discover more [MCD_03.png]Follow [MCD_05.png]Like Corporate • Privacy • Terms & Conditions • Unsubscribe • ©2010-2012 McDonalds. All Rights Reserved "); document.write(""); document.write("");#mozinar @JustinGraphitas
  15. 15. #mozinar @JustinGraphitas
  16. 16. what about the rest of us?#mozinar @JustinGraphitas
  17. 17. the usual suspects#mozinar @JustinGraphitas
  18. 18. and the worst offender#mozinar @JustinGraphitas
  19. 19. #mozinar @JustinGraphitas
  20. 20. we want stuffthat lookslike this#mozinar @JustinGraphitas
  21. 21. #mozinar @JustinGraphitas
  22. 22. #mozinar @JustinGraphitas
  23. 23. add somecharacter#mozinar @JustinGraphitas
  24. 24. #mozinar @JustinGraphitas
  25. 25. comparison of webfont suppliers#mozinar @JustinGraphitas
  26. 26. font squirrelhttp://graphit.as/fontsquirrel#mozinar @JustinGraphitas
  27. 27. font squirrelhttp://graphit.as/fontsquirrel#mozinar @JustinGraphitas
  28. 28. font squirrel download webfonts to use in Photoshophttp://graphit.as/fontsquirrel#mozinar @JustinGraphitas
  29. 29. typecasthttp://graphit.as/typecast#mozinar @JustinGraphitas
  30. 30. typecast#mozinar @JustinGraphitas
  31. 31. typecast#mozinar @JustinGraphitas
  32. 32. typecast#mozinar @JustinGraphitas
  33. 33. typecast#mozinar @JustinGraphitas
  34. 34. typecast#mozinar @JustinGraphitas
  35. 35. typecast#mozinar @JustinGraphitas
  36. 36. #mozinar @JustinGraphitas
  37. 37. #mozinar @JustinGraphitas
  38. 38. #mozinar @JustinGraphitas
  39. 39. the panel#mozinar @JustinGraphitas
  40. 40. the panel what the designer wants Image only#mozinar @JustinGraphitas
  41. 41. the panel what the designer wants Image only now Image alt text Clothing Shopgoogle seessomethinglike this #mozinar @JustinGraphitas
  42. 42. the panel what the designer wants what the SEO needs SEo friendly text Image alt text Clothing Shop nowgoogle seessomethinglike this #mozinar @JustinGraphitas
  43. 43. the panel what the designer wants what the SEO needs Image alt text Clothing Clothing Shop now From laidback tees and classic denim, bodycon silhouettes and cute party wear to everydaygoogle sees basics, – we’ve got somethingsomething for every occasion! Shop Nowlike this #mozinar @JustinGraphitas
  44. 44. the panel – roll overs static state#mozinar @JustinGraphitas
  45. 45. the panel – roll overs static state mouse over state#mozinar @JustinGraphitas
  46. 46. the panel – roll overs static state mouse over statenow look at what ClothingGoogle sees From laidback tees and classic denim, bodycon silhouettes and cute party wear to everyday basics, – we’ve got something for every occasion! Shop Now #mozinar @JustinGraphitas
  47. 47. navigation#mozinar @JustinGraphitas
  48. 48. navigationwhat the designer wants#mozinar @JustinGraphitas
  49. 49. navigationwhat the designer wantswhat the SEO might create new in clothing accessories footwear SALE tops & shirts trousers & shirts jeans coats & jackets trousers dresses skirts sportswear shorts view all#mozinar @JustinGraphitas
  50. 50. navigation#mozinar @JustinGraphitas
  51. 51. navigationwhat the designer wants Google sees Clothing top & shirts t-shirts <link>, tops <link>, shirts <link>, knitwear <link>, view all trousers & skirts jeans <link>, trousers <link>, skirts <link>, shorts <link>, view all <link> coats & jackets jackets <link>, coats <link>, gilets <link>, view all <link> dresses partywear <link>, casual <link>, smart casual <link>, workwear <link>, view all <link> sportswear swimwear <link>, hoodies <link>, joggers <link>, t-shirts <link>, view all <link>#mozinar @JustinGraphitas
  52. 52. sub panels#mozinar @JustinGraphitas
  53. 53. sub panelswhat the designer wants#mozinar @JustinGraphitas
  54. 54. sub panelswhat the designer wantsall images#mozinar @JustinGraphitas
  55. 55. sub panelswhat the designer wants Image alt textall images Catwalk to Closet - Get the look Lets Jam Chic chick Rock it Glitzy girl Google might see this#mozinar @JustinGraphitas
  56. 56. category panels rolling over the product triggers an expandable div Catwalk to Closet - Get the look lets jam > chic chick > rock it > glitzy girl > Catwalk to Closet Get the look Lets Jam Pick up a grungy t-shirt, stone wash jeans, then throw on some retro boots and the biggest sunglasses you can find: effortless glamour! Chic Chick Pair a classic crisp white shirt with distressed skinny denim, add brown leather shoes and bag: its the perfect go anywhere look! Rock It Team a grungy t-shirt, wet look leggings, retro dangly earrings and our highest heels – its the ultimate rock look guaranteed to turn heads! Glitzy Girl Think rich smooth dark leather, meatellic fabrics and studded embellishments: this season, it’s about attention to detail!#mozinar all live text @JustinGraphitas
  57. 57. calls to action/trust signals#mozinar @JustinGraphitas
  58. 58. calls to action/trust signals what the designer wants what the SEO needsImage only SEo friendly text #mozinar @JustinGraphitas
  59. 59. calls to action/trust signals what the designer wants what the SEO needs Image alt text Free Delivery Free Delivery UK Ordersgoogle seessomethinglike this #mozinar @JustinGraphitas
  60. 60. calls to action/trust signals live text#mozinar @JustinGraphitas
  61. 61. calls to action/trust signals live text Remember Free Delivery UK orderssomething forGoogle to getits hands on!! #mozinar @JustinGraphitas
  62. 62. banners#mozinar @JustinGraphitas
  63. 63. bannersimage#mozinar @JustinGraphitas
  64. 64. bannerslive text#mozinar @JustinGraphitas
  65. 65. wireframe Text#mozinar @JustinGraphitas
  66. 66. banners Text#mozinar @JustinGraphitas
  67. 67. banners#mozinar @JustinGraphitas
  68. 68. calls toaction/trustsignals#mozinar @JustinGraphitas
  69. 69. categorypanels#mozinar @JustinGraphitas
  70. 70. categorypanels#mozinar @JustinGraphitas
  71. 71. subcats#mozinar @JustinGraphitas
  72. 72. otherproducts Catwalk to Closet - Get the look lets jam > chic chick > rock it > glitzy girl > Catwalk to Closet Get the look Lets Jam Pick up a grungy t-shirt, stone wash jeans, then throw on some retro boots and the biggest sunglasses you can find: effortless glamour!#mozinar Chic Chick @JustinGraphitas Pair a classic crisp white shirt with distressed skinny denim, add brown leather shoes and bag: its the perfect go anywhere look! Rock It
  73. 73. thehiddengems Catwalk to Closet - Get the look lets jam > chic chick > rock it > glitzy girl > Catwalk to Closet Get the look Lets Jam Pick up a grungy t-shirt, stone wash jeans, then throw on some retro boots and the biggest sunglasses you can find: effortless glamour!#mozinar Chic Chick @JustinGraphitas Pair a classic crisp white shirt with distressed skinny denim, add brown leather shoes and bag: its the perfect go anywhere look! Rock It
  74. 74. thefinishedarticle#mozinar @JustinGraphitas
  75. 75. thefinishedarticle#mozinar @JustinGraphitas
  76. 76. pro tips and take aways#mozinar @JustinGraphitas
  77. 77. create wireframes the easy way#mozinar @JustinGraphitas
  78. 78. create wireframes the easy wayhttp://graphit.as/balsamiq#mozinar @JustinGraphitas
  79. 79. duplicate content#mozinar @JustinGraphitas
  80. 80. duplicate content#mozinar @JustinGraphitas
  81. 81. mobile#mozinar @JustinGraphitas
  82. 82. accessibility#mozinar @JustinGraphitas
  83. 83. language#mozinar @JustinGraphitas
  84. 84. A /Btestingthe easyway#mozinar @JustinGraphitas
  85. 85. A /Btestingthe easyway#mozinar @JustinGraphitas
  86. 86. A /B testing the easy way#mozinar @JustinGraphitas
  87. 87. Q&A Time! @Jus%nGraphitas www.graphitas.co.uk jus%n@graphitas.co.uk http://seomoz.org/webinars#mozinar @JustinGraphitas

×