Hoe word ik mooi gevonden?

1

Transcript of Hoe word ik mooi gevonden?

Page 1: Hoe word ik mooi gevonden?

H o e w o r d i k m o o i g e v o n d e n ?

Sivard Donkers

WordPress meetup

Ut rech t 28 maar t 2017

Page 2: Hoe word ik mooi gevonden?

I n t r oWat kun je doen om

jouw informat ie in

zoekmachines en

op socia l media

mooier te maken.

Page 3: Hoe word ik mooi gevonden?

Vo o r a f• Vraag gerust

tussendoor

• Sl ides la ter op

in ternet

Page 4: Hoe word ik mooi gevonden?

Wa a r o m ?

Opvallende

zoekresultaten

zorgen dat er

eerder op jouw

link wordt

geklikt.

Page 5: Hoe word ik mooi gevonden?

Wa t g a a n w e d o e n ?

• Tekst

• Open graph

• Structured data

• Sitel inks

• AMP

Page 6: Hoe word ik mooi gevonden?

1 . D e t e k s t

• Ti te l

• Samenvat t ing /

SEO Yoast Meta-

Omschr i jv ing

Page 7: Hoe word ik mooi gevonden?

T i p s v o o r t e k s t e n

• Probeer een aantrekkel i jke t i te l en

meta-omschri jv ing te verzinnen

• Zet de gewenste zoektermen in de

t i te l en meta-omschri jv ing

• Maak de meta-omschri jv ing niet te

kort en te lang (min. 120 - max. 150

tekens)

• Maak evt. andere teksten voor Twit ter

en Facebook via SEO Yoast

Page 8: Hoe word ik mooi gevonden?

Te s t e n r e s u l t a a t

SEO Yoast

Page 9: Hoe word ik mooi gevonden?

2 . O p e n g r a p h p r o t o c o l

• Contro leer

h iermee hoe jouw

pagina in soc ia l

media moet

worden gedeeld.

Page 10: Hoe word ik mooi gevonden?

N i e t z o M a a r l i e ve r z o

Page 11: Hoe word ik mooi gevonden?

S e o Yo a s t

Page 12: Hoe word ik mooi gevonden?

T i p s v o o r A f b e e l d i n g e n

• M i n i m a l e g r o o t t e :

2 0 0 x 2 0 0 p i x e l s

• F a c e b o o k :

1 , 2 0 0 x 6 3 0 p i x e l s .

• T w i t t e r :

m a x . 1 0 2 4 x 5 1 2

p i x e l s .

• I n s t a g r a m :

1 0 8 0 x 1 0 8 0 p i x e l s .

• P i n t r e s t :

m i n . 6 0 0 p x b r e e d

• V e r g e e t d e a l t e n

t i t e l t e k s t e n n i e t .

M e e r i n f o :

h t t p s : / / m a k e a w e b s i t e h u

b . c o m / s o c i a l - m e d i a -

i m a g e - s i z e s - c h e a t -

s h e e t /

Facebook:

Afmetingen:

707 × 398

LinkedIn:

Afmetingen:

600 x 600

Page 13: Hoe word ik mooi gevonden?

Te s t e n o p e n g r a p h

• Facebookh t t p s : / / d e v e l o p e r s . f a c e b o o k . c o m / t o o l s / d e b u g / o g / o b j e c t /

Page 14: Hoe word ik mooi gevonden?

3 . S t r u c t u r e d d a t a

• Geeft s t ructuur

aan de in format ie

door microdata

toe te voegen aan

de webpagina.

• Hergebru ik t in

Zoekmachines en

soc ia l media

p lat formen

Page 15: Hoe word ik mooi gevonden?

S c h e m a . o r g

• O.a. Recepten,

Evenementen,

F i lms, Reviews,

Producten,

Breadcrumbs

Page 16: Hoe word ik mooi gevonden?

B r e a d c r u m b

o p j e w e b s i t e

Page 17: Hoe word ik mooi gevonden?

H T M L

Page 18: Hoe word ik mooi gevonden?

S t r u c t u r e d H T M L

Page 19: Hoe word ik mooi gevonden?

R e s u l t a a t b r e a d c r u m b

Zonder structured

data

Met structured data

Page 20: Hoe word ik mooi gevonden?

G o o g l e : r i c h s n i p p e t s

Page 21: Hoe word ik mooi gevonden?

P i n t e r e s t . c o m : r i c h p i n s

Page 22: Hoe word ik mooi gevonden?

S t r u c t u r e d d a t a p l u g i n s

• Producten, WooCommerce

• Breadcrumb, SEO Yoast

• Recepten, WP Ult imate Recipe

• Evenementen, The Events

Calendar

• Algemeen, WP rich snippets,

Page 23: Hoe word ik mooi gevonden?

Te s t e n s t r u c t u r e d d a t a

• Google search consoleh t t p s : / / s e a r c h . g o o g l e . c o m / s t r u c t u r e d - d a t a / t e s t i n g -

t o o l / u / 0 /

• Pinteresth t t p s : / / d e v e l o p e r s . p i n t e r e s t . c o m / d o c s / r i c h -

p i n s / o v e r v i e w /

Page 24: Hoe word ik mooi gevonden?

4 . G o o g l e S i t e l i n k s

• Websitel inks die onder een andere

websitel ink zichtbaar zi jn.

Page 25: Hoe word ik mooi gevonden?

B e l a n g r i j k o m t e w e t e n

• Sitel inks worden automatisch toegevoegd in zoekresul taten.

• Al leen zichtbaar wanneer Google denkt dat di t handig is voor de gebruiker.

• Zorg voor een heldere websi te structuur.

• <nav> tag in je navigat ie.

• Site moet makkel i jk doorzoekbaar z i jn.

M e e r i n f o : h t t p s : / / p l u s . g o o g l e . c o m / + G o o g l e W e b m a s t e r s / p o s t s / b 4 W c M e L g b A L

Page 26: Hoe word ik mooi gevonden?

5 . A c c e l e r a t e d M o b i l e P a g e s

( A M P )

ht tps : / /w w w.amppro jec t .o rg /

Page 27: Hoe word ik mooi gevonden?

R e s p o n s i v e w e b s i t e

• Gericht op Flexibi l i tei t en geschikt

voor elk platform (mobiel, tablet,

desktop)

• Gebruikt CSS3 media queries

• Vervangt je huidige website

Page 28: Hoe word ik mooi gevonden?

A M P

• AMP gericht op mobiel en snelheid

• Een aparte HTML-set (AMP HTML)

en javascript (AMP JS).

• Gebruik naast de gewone website.

• Vooral geschikt voor

nieuwsberichten.

Page 29: Hoe word ik mooi gevonden?

S n e l h e i d

Page 30: Hoe word ik mooi gevonden?

A M P i n z o e k r e s u l t a t e n

Page 31: Hoe word ik mooi gevonden?

A M P P l u g i n s

• AMP plugin van

Automatt ic .

• AMP for WP

Page 32: Hoe word ik mooi gevonden?

S a m e n v a t t i n g

• Tekst

• Open graph

• Structured Data

• Sitel inks

• AMP

Page 33: Hoe word ik mooi gevonden?

Open graph

Social Media

Structured Data

Sitelinks AMP

Google

Page 34: Hoe word ik mooi gevonden?

B e d a n k t