Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

A Technical SEO Consultant turned a course creator and LinkedIn Learning instructor with over 45k students Creator of the Tech SEO Pro and SEO Website Migrations Courses International speaker A dog person Kristina Azarenko

Slide 4

Slide 4 text

techseo.pro Kristina Azarenko @azarchick #WTSFest SEO Pro Chrome extension 60k+ users bit.ly/SEO-Pro-Ext

Slide 5

Slide 5 text

Have you ever faced a critical technical SEO issue? techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 6

Slide 6 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 7

Slide 7 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A technical SEO issue

Slide 8

Slide 8 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Like this...

Slide 9

Slide 9 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 10

Slide 10 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 11

Slide 11 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 12

Slide 12 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 13

Slide 13 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 14

Slide 14 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 17

Slide 17 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 18

Slide 18 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons

Slide 19

Slide 19 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons Links vs

Slide 20

Slide 20 text

Buttons Links UX Trigger an action Code techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 21

Slide 21 text

Buttons Links UX Trigger an action Point Page A -> Page B Code techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 22

Slide 22 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 23

Slide 23 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button?

Slide 24

Slide 24 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button?

Slide 25

Slide 25 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button?

Slide 26

Slide 26 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button?

Slide 27

Slide 27 text

link button link button techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 28

Slide 28 text

Buttons Links UX Trigger an action Point Page A -> Page B Can be styled as links Code techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 29

Slide 29 text

Buttons Links UX Trigger an action Point Page A -> Page B Can be styled as links Can be styled as buttons Code techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 30

Slide 30 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Kristina, do I need to think about it too now?

Slide 31

Slide 31 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Yes, girl!

Slide 32

Slide 32 text

Buttons Links UX Trigger an action Point Page A -> Page B Can be styled as links Can be styled as buttons Code Are added with or techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 33

Slide 33 text

Buttons Links UX Trigger an action Point Page A -> Page B Can be styled as links Can be styled as buttons Code Are added with or Are added with techseo.pro Kristina Azarenko @azarchick #WTSFest Buttons vs Links

Slide 34

Slide 34 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 35

Slide 35 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 36

Slide 36 text

techseo.pro Kristina Azarenko @azarchick #WTSFest class="button" ≠

Slide 37

Slide 37 text

@azarchick techseo.pro Kristina Azarenko #WTSFest

Slide 38

Slide 38 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can see links added with:

Slide 39

Slide 39 text

techseo.pro Kristina Azarenko @azarchick #WTSFest window.location.href=‘/page-url‘ Google can NOT see links added with:

Slide 40

Slide 40 text

techseo.pro Kristina Azarenko @azarchick #WTSFest window.location.href=‘/page-url‘ Google can NOT see links added with:

Slide 41

Slide 41 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 42

Slide 42 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button?

Slide 43

Slide 43 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button? Use links to direct people to other pages.

Slide 44

Slide 44 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button? Use links to direct people to other pages. Use buttons to trigger an action.

Slide 45

Slide 45 text

techseo.pro Kristina Azarenko @azarchick #WTSFest A link or a button? Use links to direct people to other pages. Use buttons to trigger an action. Don’t confuse the two.

Slide 46

Slide 46 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 47

Slide 47 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 48

Slide 48 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Images as Backgrounds

Slide 49

Slide 49 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Category page

Slide 50

Slide 50 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Category page Search results

Slide 51

Slide 51 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Image search

Slide 52

Slide 52 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 53

Slide 53 text

techseo.pro Kristina Azarenko @azarchick #WTSFest But this only works if...

Slide 54

Slide 54 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can index the images

Slide 55

Slide 55 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 56

Slide 56 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Web standards

Slide 57

Slide 57 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can index images added with:

Slide 58

Slide 58 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can index images added with:

Slide 59

Slide 59 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can index images added with:

Slide 60

Slide 60 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 61

Slide 61 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 62

Slide 62 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 63

Slide 63 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 64

Slide 64 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 65

Slide 65 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 66

Slide 66 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Image as a background with CSS

Slide 67

Slide 67 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Indexable image or background?

Slide 68

Slide 68 text

techseo.pro Kristina Azarenko @azarchick #WTSFest How to add images? Use if you want Google to index and rank your images

Slide 69

Slide 69 text

techseo.pro Kristina Azarenko @azarchick #WTSFest How to add images? Use if you want Google to index and rank your images Use or CSS to add an image as a background for visual purposes only

Slide 70

Slide 70 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 71

Slide 71 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 72

Slide 72 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Lazy loading

Slide 73

Slide 73 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 74

Slide 74 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 75

Slide 75 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 76

Slide 76 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 77

Slide 77 text

How you see a page

Slide 78

Slide 78 text

How you see a page How Googlebot sees a page

Slide 79

Slide 79 text

techseo.pro Kristina Azarenko @azarchick #WTSFest The problem starts...

Slide 80

Slide 80 text

techseo.pro Kristina Azarenko @azarchick #WTSFest When Google sees a page like this

Slide 81

Slide 81 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 82

Slide 82 text

Google doesn't interact with content techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 83

Slide 83 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google doesn't scroll

Slide 84

Slide 84 text

techseo.pro Kristina Azarenko @azarchick #WTSFest So if you rely on Google to take some action to see your content, you'll be disappointed

Slide 85

Slide 85 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Decrease of image search traffic after lazy loading implemented incorrectly

Slide 86

Slide 86 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 87

Slide 87 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Or...

Slide 88

Slide 88 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Placeholder images get indexed

Slide 89

Slide 89 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 90

Slide 90 text

A placeholder image techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 91

Slide 91 text

A placeholder image techseo.pro Kristina Azarenko @azarchick #WTSFest Googlebot indexes placeholder images below the fold

Slide 92

Slide 92 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google Search Central Live: A live lazy loading case study SCAN ME

Slide 93

Slide 93 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 94

Slide 94 text

How? techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 95

Slide 95 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Lazy loading done right Don't rely on Googlebot to scroll or interact with your content to see it

Slide 96

Slide 96 text

How Googlebot sees a page

Slide 97

Slide 97 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Lazy loading done right Don't rely on Googlebot to scroll or interact with your content to see it Have all images available to Googlebot using web standards

Slide 98

Slide 98 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Google can index images added with:

Slide 99

Slide 99 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Lazy loading done right Don't rely on Googlebot to scroll or interact with your content to see it Include the right image in your Have all images available to Googlebot using web standards

Slide 100

Slide 100 text

techseo.pro Kristina Azarenko @azarchick #WTSFest ≠

Slide 101

Slide 101 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Shows the path to the image

Slide 102

Slide 102 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Shows the path to the image Specifies a list of image files to use in different situations (e.g. screen resolutions)

Slide 103

Slide 103 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Source: https://developers.google.com/search/docs/appearance/google-images#responsive-images

Slide 104

Slide 104 text

techseo.pro Kristina Azarenko @azarchick #WTSFest Source: https://developers.google.com/search/docs/appearance/google-images#responsive-images

Slide 105

Slide 105 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 106

Slide 106 text

techseo.pro Kristina Azarenko @azarchick #WTSFest

Slide 107

Slide 107 text

techseo.pro Kristina Azarenko @azarchick #WTSFest What makes you a great technical SEO You know how to debug issues

Slide 108

Slide 108 text

techseo.pro Kristina Azarenko @azarchick #WTSFest What makes you a great technical SEO You know when an issue IS an issue

Slide 109

Slide 109 text

techseo.pro Kristina Azarenko @azarchick #WTSFest What makes you a great technical SEO You know the best approach to solve it

Slide 110

Slide 110 text

techseo.pro Kristina Azarenko @azarchick #WTSFest CODING

Slide 111

Slide 111 text

techseo.pro Kristina Azarenko @azarchick #WTSFest @azarchick Kristina Azarenko SCAN ME THANK YOU techseo.pro