Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ng atl-abh-2019

900 views

Published on

Angular & SEO

Published in: Technology
  • Be the first to comment

Ng atl-abh-2019

  1. 1. #ngAtlanta2019 @BermanHale
  2. 2. #ngAtlanta2019 @BermanHale
  3. 3. #ngAtlanta2019 @BermanHale
  4. 4. #ngAtlanta2019 @BermanHale •
  5. 5. #ngAtlanta2019 @BermanHale •
  6. 6. #ngAtlanta2019 @BermanHale • SEOS ARE THE WORST •
  7. 7. #ngAtlanta2019 @BermanHale • SEOS ARE THE WORST • IT DEPENDS • Onsite Technical Offsite
  8. 8. #ngAtlanta2019 @BermanHale • SEOS ARE THE WORST • IT DEPENDS • SEO SEGMENTATION •
  9. 9. #ngAtlanta2019 @BermanHale • • • • • • • • •
  10. 10. #ngAtlanta2019 @BermanHale
  11. 11. #ngAtlanta2019 @BermanHale •
  12. 12. #ngAtlanta2019 @BermanHale • WEBSITES ARE GETTING MORE TECHNICAL •
  13. 13. #ngAtlanta2019 @BermanHale •
  14. 14. #ngAtlanta2019 @BermanHale • LEISURE SUIT LARRY ~1.1MB •
  15. 15. #ngAtlanta2019 @BermanHale • LEISURE SUIT LARRY ~1.1MB • LEMMINGS ~2.3 MB •
  16. 16. #ngAtlanta2019 @BermanHale • LEISURE SUIT LARRY ~1.1MB • LEMMINGS ~2.3 MB • DOOM ~2.39MB •
  17. 17. #ngAtlanta2019 @BermanHale • •
  18. 18. #ngAtlanta2019 @BermanHale @Jammer_Volts
  19. 19. #ngAtlanta2019 @BermanHale F
  20. 20. #ngAtlanta2019 @BermanHale RENDERING
  21. 21. #ngAtlanta2019 @BermanHale @bart_goralewicz
  22. 22. #ngAtlanta2019 @BermanHale GOOGLE JS RENDERING PROCESS “ ”
  23. 23. #ngAtlanta2019 @BermanHale GOOGLE JS RENDERING PROCESS “ ”
  24. 24. #ngAtlanta2019 @BermanHale
  25. 25. #ngAtlanta2019 @BermanHale
  26. 26. #ngAtlanta2019 @BermanHale
  27. 27. #ngAtlanta2019 @BermanHale •
  28. 28. #ngAtlanta2019 @BermanHale • SERVER SIDE RENDERING = FULLY PARSED HTML •
  29. 29. #ngAtlanta2019 @BermanHale • SERVER SIDE RENDERING = FULLY PARSED HTML • CLIENT SIDE RENDERING = PARSES IN THE BROWSER •
  30. 30. #ngAtlanta2019 @BermanHale TESTING & TROUBLESHOOTING • •
  31. 31. #ngAtlanta2019 @BermanHale TESTING & TROUBLESHOOTING • KNOW GOOGLE’S LIMITS • WRS > CHROME 41 • MOBILE-FRIENDLY TESTING TOOL •
  32. 32. #ngAtlanta2019 @BermanHale TESTING & TROUBLESHOOTING • KNOW GOOGLE’S LIMITS • WRS > CHROME 41 • GOOGLE’S MOBILE-FRIENDLY TESTING TOOL • BLOCKED ASSETS, JS LOG • URL INSPECTION TOOL
  33. 33. #ngAtlanta2019 @BermanHale TESTING & TROUBLESHOOTING • KNOW GOOGLE’S LIMITS • WRS > CHROME 41 • GOOGLE’S MOBILE-FRIENDLY TESTING TOOL • BLOCKED ASSETS, JS LOG • GOOGLE’S URL INSPECTION TOOL •
  34. 34. #ngAtlanta2019 @BermanHale META ELEMENTS
  35. 35. #ngAtlanta2019 @BermanHale MACHINE READABLE MARKUP • • • • • https://angular.io/api/platform-browser/Meta
  36. 36. #ngAtlanta2019 @BermanHale
  37. 37. #ngAtlanta2019 @BermanHale
  38. 38. #ngAtlanta2019 @BermanHale URLS
  39. 39. #ngAtlanta2019 @BermanHale MAKE ‘EM MAKE SENSE •
  40. 40. #ngAtlanta2019 @BermanHale MAKE ‘EM MAKE SENSE • SHOULDI.COM#DOTHIS •
  41. 41. #ngAtlanta2019 @BermanHale MAKE ‘EM MAKE SENSE • SHOULDI.COM#DOTHIS • SHOULDI.COM/?=CAT524&=LOLJK •
  42. 42. #ngAtlanta2019 @BermanHale MAKE ‘EM MAKE SENSE • SHOULDI.COM#DOTHIS • SHOULDI.COM/?=CAT524&=LOLJK • • SHOULDI.COM/DO-THIS/YES-PLS
  43. 43. #ngAtlanta2019 @BermanHale GOOD URLS ARE • • • history.pushState()
  44. 44. #ngAtlanta2019 @BermanHale HEADER RESPONSES
  45. 45. #ngAtlanta2019 @BermanHale 404S • • • • •
  46. 46. #ngAtlanta2019 @BermanHale REDIRECTS • • • •
  47. 47. #ngAtlanta2019 @BermanHale INDEXING OOPSIES • •
  48. 48. #ngAtlanta2019 @BermanHale INTERNAL LINKS
  49. 49. #ngAtlanta2019 @BermanHale LINKS MATTER •
  50. 50. #ngAtlanta2019 @BermanHale LINKS MATTER • REQUIRED FOR CRAWLING •
  51. 51. #ngAtlanta2019 @BermanHale
  52. 52. #ngAtlanta2019 @BermanHale STRUCTURED DATA
  53. 53. #ngAtlanta2019 @BermanHale TELL ME WHAT YOU’RE TELLING ME https://schema.org/docs/full.html In Beta: Speakable
  54. 54. #ngAtlanta2019 @BermanHale
  55. 55. #ngAtlanta2019 @BermanHale • • • http://bit.do/sdtest
  56. 56. #ngAtlanta2019 @BermanHale IT’S NOT JUST ABOUT BROWSERS
  57. 57. #ngAtlanta2019 @BermanHale SPEED & COST
  58. 58. #ngAtlanta2019 @BermanHale TIME IS MONEY
  59. 59. #ngAtlanta2019 @BermanHale DATA CO$TS
  60. 60. #ngAtlanta2019 @BermanHale CONVERSION COSTS
  61. 61. #ngAtlanta2019 @BermanHale
  62. 62. #ngAtlanta2019 @BermanHale •
  63. 63. #ngAtlanta2019 @BermanHale • DON’T TRUST CONTROLLED CONDITIONS •
  64. 64. #ngAtlanta2019 @BermanHale • DON’T TRUST CONTROLLED CONDITIONS • TAKE A WALK • https://www.webpagetest.org/easy https://whatdoesmysitecost.com/ ^@tkadlec
  65. 65. #ngAtlanta2019 @BermanHale ANALYTICS
  66. 66. #ngAtlanta2019 @BermanHale THE PROBLEM •
  67. 67. #ngAtlanta2019 @BermanHale THE PROBLEM • GA = MPA V SPA • d.r.e.a.m.
  68. 68. #ngAtlanta2019 @BermanHale THE FIX • HTTPS://DEVELOPERS.GOOGLE.COM/ANALYTICS/DEVGUIDES/COLLECTION/ANALYTICSJS/SINGLE-PAGE-APPLICATIONS
  69. 69. #ngAtlanta2019 @BermanHale
  70. 70. #ngAtlanta2019 @BermanHale Test Rendering Use Clean URLs & Links Include Meta Elements Check Analytics
  71. 71. #ngAtlanta2019 @BermanHale Make it Accessible Add Structured Data Fine Tune Speed Make a Friend
  72. 72. #ngAtlanta2019 @BermanHale
  73. 73. #ngAtlanta2019 @BermanHale Twitter, Webmaster Help Forum Want to speak at SEO conferences? Connect with SEOs Free crawls
  74. 74. #ngAtlanta2019 @BermanHale
  75. 75. #ngAtlanta2019 @BermanHale “ ” IT’S NOT ENOUGH TO SAY YOU WANT IT, … WE HAD TO TAKE AN EXTRAORDINARY STEP TO GET AN EXTRAORDINARY ROOM.
  76. 76. #ngAtlanta2019 @BermanHale “ ” GOOGLE’S DATA INDICATED THAT PSYCHOLOGICAL SAFETY, MORE THAN ANYTHING ELSE, WAS CRITICAL TO MAKING A TEAM WORK.
  77. 77. #ngAtlanta2019 @BermanHale

×