Website Auditing and conversion optimization

Slide 1

Slide 1 text

Website Auditing and Conversion Optimization Vineet Talwar #WCVLC22 @vineetsktalwar

Slide 2

Slide 2 text

Vineet Talwar #WCVLC22 Founder, Some Tech Work E-Mail: [email protected] Twitter/Instagram: @vineetsktalwar Linkedin: /in/vineetsktalwar Podcast: wpshoutout.com Speakerdeck: @vineetsktalwar WPTV: https://vineet.de/wptv

Slide 3

Slide 3 text

#WCVLC22 @vineetsktalwar

Slide 4

Slide 4 text

@vineetsktalwar

Slide 5

Slide 5 text

Let’s talk about buttons @vineetsktalwar #WCVLC22

Slide 6

Slide 6 text

@vineetsktalwar #WCVLC22

Slide 7

Slide 7 text

@vineetsktalwar #WCVLC22

Slide 8

Slide 8 text

https://www.thinkwithgoogle.com/intl/en-ca/marketing-strategies/app-and-mobile/mobile-page-speed-new-industry-benchmarks/ @vineetsktalwar #WCVLC22

Slide 9

Slide 9 text

A Bad website has a measurable business impact #WCVLC22 @vineetsktalwar

Slide 10

Slide 10 text

Google <3 User Experience @vineetsktalwar

Slide 11

Slide 11 text

@vineetsktalwar #WCVLC22

Slide 12

Slide 12 text

But How? #WCVLC22 @vineetsktalwar

Slide 13

Slide 13 text

5 Pilllars of auditing • Performance • Security • Accessibility • SEO • UI / UX @vineetsktalwar #WCVLC22

Slide 14

Slide 14 text

Security #WCVLC22 @vineetsktalwar

Slide 15

Slide 15 text

@vineetsktalwar #WCVLC22

Slide 16

Slide 16 text

@vineetsktalwar #WCVLC22

Slide 17

Slide 17 text

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 • Audit users / code • No Nulled Code @vineetsktalwar

Slide 18

Slide 18 text

Need for Speed ? #WCVLC22 @vineetsktalwar

Slide 19

Slide 19 text

@vineetsktalwar #WCVLC22

Slide 20

Slide 20 text

Google wants you to speed up @vineetsktalwar #WCVLC22

Slide 21

Slide 21 text

Performance • Tools.pingdom.com • Page Speed Insights • Lighthouse test (web.dev/measure) • Gtmetrics • Chrome devtools @vineetsktalwar

Slide 22

Slide 22 text

a11y #WCVLC22

Slide 23

Slide 23 text

Accessibility • Lighthouse test (web.dev/measure) • Alt text • make.wordpress.org/accessibility/ handbook/best-practices/ • https://www.a11yproject.com/checkl ist/ @vineetsktalwar

Slide 24

Slide 24 text

SEO #WCVLC22

Slide 25

Slide 25 text

SEO • web.dev/measure • Any SEO Plugin • Search console and Analytics • Meta text and description • 404 check • Backlinks • Screaming Frog @vineetsktalwar

Slide 26

Slide 26 text

UI/UX #WCVLC22

Slide 27

Slide 27 text

@vineetsktalwar #WCVLC22

Slide 28

Slide 28 text

@vineetsktalwar #WCVLC22

Slide 29

Slide 29 text

A user interface is like a joke, if you have to explain it, its not that good #WCVLC22 @vineetsktalwar

Slide 30

Slide 30 text

@vineetsktalwar Source: vaexperience #WCVLC22

Slide 31

Slide 31 text

@vineetsktalwar #WCVLC22

Slide 32

Slide 32 text

UX and Psychology are match made in heaven #WCVLC22 @vineetsktalwar

Slide 33

Slide 33 text

@vineetsktalwar #WCVLC22

Slide 34

Slide 34 text

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 • VWO @vineetsktalwar

Slide 35

Slide 35 text

@vineetsktalwar #WCVLC22

Slide 36

Slide 36 text

UX is all about • Where you are • What your motivations are • Experience • Interactivity • How you feel • https://growth.design/case- studies @vineetsktalwar

Slide 37

Slide 37 text

UX design is a bridge between your users and your business #WCVLC22 @vineetsktalwar

Slide 38

Slide 38 text

@vineetsktalwar #WCVLC22

Slide 39

Slide 39 text

@vineetsktalwar #WCVLC22

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

Decoding UX • Interview potential users • Messaging • Content Flow • Define purpose for each page • Usability testing • Analyze data • Identify trends • Test Test and Test @vineetsktalwar

Slide 42

Slide 42 text

@vineetsktalwar #WCVLC22

Slide 43

Slide 43 text

Examples #WCVLC22

Slide 44

Slide 44 text

@vineetsktalwar

Slide 45

Slide 45 text

@vineetsktalwar

Slide 46

Slide 46 text

@vineetsktalwar

Slide 47

Slide 47 text

@vineetsktalwar

Slide 48

Slide 48 text

@vineetsktalwar

Slide 49

Slide 49 text

@vineetsktalwar @vineetsktalwar

Slide 50

Slide 50 text

@vineetsktalwar

Slide 51

Slide 51 text

@vineetsktalwar

Slide 52

Slide 52 text

@vineetsktalwar

Slide 53

Slide 53 text

@vineetsktalwar

Slide 54

Slide 54 text

@vineetsktalwar

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

@vineetsktalwar

Slide 59

Slide 59 text

@vineetsktalwar

Slide 60

Slide 60 text

@vineetsktalwar

Slide 61

Slide 61 text

@vineetsktalwar

Slide 62

Slide 62 text

@vineetsktalwar

Slide 63

Slide 63 text

@vineetsktalwar

Slide 64

Slide 64 text

@vineetsktalwar

Slide 65

Slide 65 text

@vineetsktalwar

Slide 66

Slide 66 text

@vineetsktalwar

Slide 67

Slide 67 text

@vineetsktalwar

Slide 68

Slide 68 text

Image Source: WP Rocket

Slide 69

Slide 69 text

Source: knowyourmeme.c om Possible Issues ? @vineetsktalwar

Slide 70

Slide 70 text

#WCVLC22

Slide 71

Slide 71 text

Slides available: on Speakerdeck Vineet Talwar Founder, Some Tech Work Linktree: https://vineet.de/linkinbio