Website Auditing – Be the conversion Hero

Ever happened, that …
… you stumbled upon to a website and you were just awestruck by the look and feel of the website and all you have said is wow and you can’t stop scrolling through the website?

Or there may be the case, that …
… you may have stumbled upon to a website and your reaction is ‘whuuuut’ and you didn’t wait another second to leave the website. There are certain measures that makes your site amazing, flawless, average or worst. Most businesses simply ignore the part of maintaining and continuously improving their website.

Lets talk about website auditing. What are the measure that can make or break a website?
This talk shall put an emphasis on different standards of rating a website in terms of UX, design, performance, security which shall result in retained users on website and thus, more sales and turn around.

Session Details: https://vienna.wordcamp.org/2022/session/website-auditing-be-the-conversion-hero-en/

Transcript

1. By Vineet Talwar Website Auditing – Be the conversion Hero @vineetsktalwar
2. 2 #WCVIE @vineetsktalwar
3. 3 @vineetsktalwar
4. 4 Let’s talk about buttons @vineetsktalwar
5. @vineetsktalwar
6. @vineetsktalwar
7. https://www.thinkwithgoogle.com/intl/en-ca/marketing-strategies/app-and-mobile/mobile-page-speed-new-industry-benchmarks/ @vineetsktalwar
8. 8 “ Bad website has a measurable business impact @vineetsktalwar
9. 9 Google <3 User Experience @vineetsktalwar
10. @vineetsktalwar
11. 11 “ But How? @vineetsktalwar
12. 12 5 Pilllars of auditing • Performance • Security • Accessibility • SEO • UI / UX @vineetsktalwar
13. 13 “ Security @vineetsktalwar
14. @vineetsktalwar
15. @vineetsktalwar
16. 16 Are you Secure ? • securityheaders.com • observatory.mozilla.org • web.dev/measure • Github Repo Security • sitecheck.sucuri.net • Server Firewall // AWS Firewall • File permissions • WAF // AWS • WPScan @vineetsktalwar
17. 17 • Audit users • Audit code • Recaptcha, 2 FA, SSO • Plugin: WPS Hide Login • No Nulled Code • Restore last commit • UPGRADE!! Are you sure ? @vineetsktalwar
18. 18 “ Need for Speed ? @vineetsktalwar
19. @vineetsktalwar
20. 20 Google wants you to speed up @vineetsktalwar
21. 21 Core Web Vitals https://web.dev/vitals @vineetsktalwar
22. 22 Performance • Tools.pingdom.com • Page Speed Insights • Lighthouse test (web.dev/measure) • Gtmetrics • Chrome devtools @vineetsktalwar
23. 23 “ a11y @vineetsktalwar
24. 24 Accessibility • Lighthouse test (web.dev/measure) • Alt text • make.wordpress.org/accessibility/ handbook/best-practices/ • https://www.a11yproject.com/checkl ist/ @vineetsktalwar
25. 25 “ Is it on Google yet ? @vineetsktalwar
26. 26 SEO • web.dev/measure • Any SEO Plugin • Search console and Analytics • Meta text and description • 404 check • Backlinks • Searchmetrics site experience @vineetsktalwar
27. 27 “ UI/UX ? @vineetsktalwar
28. @vineetsktalwar
29. @vineetsktalwar
30. 30 “ A user interface is like a joke, if you have to explain it, its not that good @vineetsktalwar
31. @vineetsktalwar Source: vaexperience
32. @vineetsktalwar
33. 33 “ UX and Psychology are match made in heaven @vineetsktalwar
34. @vineetsktalwar
35. 35 Plan it out • Use case • Estimate traffic • Expectations from visitors • User Retention • Test as your end user • Think abut mobile users first • A/B Test • Hotjar Test @vineetsktalwar
36. @vineetsktalwar
37. 37 UX is all about • Where you are • What your motivations are • Experience • Interactivity • How you feel • https://growth.design/case- studies @vineetsktalwar
38. 38 “UX design is a bridge between users and your business @vineetsktalwar
39. 39 UX design is • Research: Understanding, Personas, Use cases, Journey Maps • Brainstorming: User Flows Wireframes • Implement: Prototype, Frontend / Backend • Reporting: Usability, Split testing, Analytics Reporting @vineetsktalwar
40. 40 Decoding UX • Interview potential users • Messaging • Content Flow • Define purpose for each page • Usability testing • Analyze data • Identify trends • Test Test and Test @vineetsktalwar
41. @vineetsktalwar
42. 42 “ Examples @vineetsktalwar
43. @vineetsktalwar
44. @vineetsktalwar
45. @vineetsktalwar
46. @vineetsktalwar
47. @vineetsktalwar
48. @vineetsktalwar @vineetsktalwar
49. @vineetsktalwar
50. @vineetsktalwar
51. @vineetsktalwar
52. @vineetsktalwar
53. @vineetsktalwar
54. @vineetsktalwar
55. @vineetsktalwar
56. @vineetsktalwar
57. @vineetsktalwar
58. @vineetsktalwar
59. @vineetsktalwar
60. @vineetsktalwar
61. @vineetsktalwar
62. @vineetsktalwar
63. @vineetsktalwar
64. @vineetsktalwar
65. @vineetsktalwar
66. 66 “ Image Source: WP Rocket
67. 67 Source: knowyourmeme.c om Possible Issues ? @vineetsktalwar
68. @vineetsktalwar
69. Vineet Talwar Product Owner / Web Developer E-Mail: contact@vineet.de Twitter/Instagram: @vineetsktalwar Linkedin: /in/vineetsktalwar Podcast: wpshoutout.com Speakerdeck: @vineetsktalwar WPTV: https://vineet.de/wptv Slides available: https://src.hm/wcvienna