Boot Camp SMX: Web Design SEO friendly (#smx #14A)

Ah. Questo è buono. In questa sessione Shari Thurow (@sharithurow, Fondatore e Direttore SEO di Omni Marketing Interactive) ci mostrerà come creare siti compatibili con i motori di ricerca che possono essere letti e indicizzati dagli spider di ricerca, ma sono anche ugualmente attraenti per i visitatori umani. Una grande risorsa per chi ha a che fare con, ehm, voglio dire... rispettando molto il feedback dei web designer che non sono convinti che si possa avere un web design SEO friendly senza compromettere l'esperienza dell'utente.

Evviva per SEO e UX che lavorano insieme e yay per educare interi team sul valore di entrambi! Andiamo.

Informazioni su Shari Thurow – Lei è l'uomo (donna) quando si tratta di design SE friendly. Lo fa dal 1995. È una designer e una sviluppatrice; buona risorsa tecnica. Usabilità Web e UX professionale dal 2002.

Non c'è "nessun altro campo in cui ci sia più giuramento dell'usabilità del sito web", afferma Shari. ( CA: Mi piace e sono d'accordo. )

Tutti i consigli di questa presentazione sono basati sui dati!

La reperibilità ha tre aree :

Navigazione
Ricerca
Chiedere social network

Quando stai testando UX un sito web, non stai testando la persona, stai testando il sito web.

Stiamo giocando adesso. Si chiama “Questo sito web è SE friendly o no. “

Shari dice che i nostri cervelli (maschio e femmina) sono programmati per pensare tre cose:
Posso mangiarlo? Mi mangerà? Posso fare sesso con esso? (Quindi, se sei un ristorante, è meglio che il tuo sito web mostri del cibo!)

La Mayo Clinic è un sito che funziona straordinariamente bene per quanto riguarda il web design SE friendly.

Cose che devi sapere:

1) Progettazione di un sito Web per le persone che utilizzano i motori di ricerca

2) Il design SE Friendly NON sta progettando solo per ottenere il ranking SERP. Non voglio concentrarmi sul design incentrato sulla tecnologia.

3) Concedi l'accesso ai contenuti desiderabili

4) Limitare l'accesso a contenuti indesiderati (IE: contenuto duplicato)

5) Il modo in cui metti parole e immagini grafiche sul tuo sito web – come organizzi fisicamente le cose – dice ai SE ciò che pensi sia importante. Se è importante, i SE presumono che lo metterai più in alto nella tua pagina.

A Google non piacerai; Google non si iscriverà alla tua newsletter; Google non aggiungerà un paio di Google da sci al carrello. Google, Yahoo e Bing stanno cercando di capire cosa vogliono i ricercatori e di darglielo; quindi TU devi capire cosa vogliono loro (gli umani) e darlo anche a loro.

5 regole del web design: Make It….

1) Facile da leggere

(leggibile, scansionabile, comprensibile, ha senso nell'elenco di ricerca. Le persone possono leggerlo? Le persone possono leggerlo SU UNO SMARTPHONE? )

Il contenuto deve essere facile da leggere e più facile da scansionare.

TEST! È facile da leggere?

No!

Fai attenzione a usare il grigio. Molte persone non riconoscono il grigio come selezionabile.

Non formattare il testo selezionabile e non selezionabile in modo che assomigli. Questa è una brutta esperienza utente e per i SE sembra spam.

2) Facile da navigare

(Le persone scansionano prima di leggere; gli esseri umani possono capire i tuoi contenuti così come la tecnologia?) Tutto il testo cliccabile dovrebbe apparire cliccabile, tutto il testo non cliccabile NON dovrebbe apparire cliccabile.

Facile da navigare risponde alle domande: dove sono? Dove posso andare? Come posso arrivare?

Fai in modo che le persone decidano facilmente su quale collegamento fare clic.

Fai attenzione a mettere la navigazione nella zona "Banner Blindness".

Apple Germany e Apple UK = esempi davvero buoni di navigazioni che spaccano.

TEST: Quale navigazione del sito è più facile da leggere?

Tipi di schemi di navigazione del sito (dal più al meno SE friendly)

Collegamenti testuali
Pulsanti di navigazione
Mappe di immagini
Menu (modulo e DHTML)
Veloce

Le navigazioni in espansione e in compressione (quelle che mostrano il segno + e –) sono le PEGGIORI per i motori di ricerca).

I menu a comparsa hanno il maggior numero di errori; i menu a discesa tendono ad avere il minor numero di errori.

I MegaMenu tendono a perdere fino al 20% di entrate! Se DEVI fare un MegaMenu, FoodNetwork ha un buon esempio che è facile da usare e facile da usare.

Se dai alle persone POCHE scelte, gli utenti spuntano. Ma se dai loro MOLTE scelte, vengono anche spuntati perché non sanno da dove cominciare. Vuoi qualcosa nel mezzo; che "in mezzo" ti sentirai fuori con i test.

[Hai problemi a condensare il tuo MegaMenu? Assumere un architetto dell'informazione; questo è quello che fanno. Si chiama "test di ordinamento delle carte" e ci sono due tipi; aperto e chiuso. Hai bisogno di entrambi.]

Se uno schema di navigazione del sito NON è compatibile con i motori di ricerca non dovresti usarlo? NO! L'ESPERIENZA UTENTE PRIMA DI TUTTO! Se ai tuoi utenti piace usare la navigazione, usala, ma assicurati di includere anche i link di testo.

Cerca sempre di avere una qualche forma di navigazione testuale sul tuo sito web. Un piè di pagina grasso può essere davvero utile QUANDO FATTO BENE.

I siti Web davvero grandi devono avere un indice del sito anziché una mappa del sito.

3) Facile da trovare.

Prima che le persone possano interagire con il tuo sito web, devono trovare il tuo sito web.

Se non vuoi che le persone notino qualcosa, mettilo nell'angolo in basso a destra dello schermo. È meno probabile che le persone guardino laggiù.

Dopo l'arrivo, le persone non si preoccupano di fare clic sulle pagine purché si sentano come se stessero facendo progressi.

4) Coerente nel layout, design ed etichettatura

Questo è il modo in cui le SE sono in grado di determinare la "qualità" del tuo sito web. Layout/design/etichettatura comunica fiducia...

5) Veloce da scaricare

C'è il tempo di download effettivo e il tempo di download percepito. Quest'ultimo è più importante del primo. Se le persone ottengono la convalida delle loro parole chiave, considereranno buono il tempo di download; se non ottengono ciò che vogliono percepiranno il tempo come lento.

Il tempo di download percepito dipende dal contesto:

Come i motori di ricerca leggono i siti web

• Testo indice
• Segui i link
• Misura la popolarità
• Soddisfa gli obiettivi e i comportamenti del ricercatore

Le persone dicono le stesse o simili cose sul tuo sito web come stai dicendo sul tuo sito web? (È qui che il collegamento in entrata e la "costruzione di collegamenti" sono molto importanti.)

Gli obiettivi del ricercatore sono ESTREMAMENTE importanti! Il tuo ricercatore desidera query di navigazione, informazioni (63-80% delle query SE) o transazionali (24-24%). Shari chiama questi obiettivi "Go, Know or Do".

Che tipo di testo dovresti usare sul tuo sito web?

Testo principale: TUTTI i motori di ricerca leggono e utilizzano per determinare la pertinenza

• Tag del titolo (scrivi le tue abbreviazioni nel tag del titolo se c'è spazio!)
• Copia del corpo
• Testo nella parte superiore della pagina web
• Testo Dentro e intorno ai collegamenti ipertestuali

Testo secondario – ALCUNI motori di ricerca leggono un duse per determinare la pertinenza

• Contenuto dei meta tag (MOLTO importante per l'ottimizzazione dei video)
• Testo alternativo
• Dominio e nomi di file

Gli elementi di testo primari sono più importanti degli elementi di testo secondari. Assicurati di inserire le parole chiave nei titoli, nel corpo del testo visibile, nel testo di ancoraggio, nei meta tag e nel testo ALT.

Questi sono tutti no:

Mobile

Gli utenti mobili leggono! (scioccante!)

Non dare per scontato che il design reattivo sia necessariamente compatibile con i motori di ricerca! I siti Web progettati per dispositivi mobili devono seguire le stesse 5 regole per il web design ( trattate sopra ) dei siti Web desktop.

Il design reattivo funziona bene per alcuni tipi di siti Web (un resterautn per esempio), ma la maggior parte dei siti deve avere un sito Web specifico per dispositivi mobili (IE: il sito Web Mayo Clinic)

Il design reattivo AUMENTA il tempo di download di un sito web. Conta il numero di immagini; il numero di script: entrambi impantanano i siti Web mobili.

Componente di popolarità

I segnali sociali e la popolarità sono entrambe forme di convalida. L'idea è di ottenere una quantità di link di qualità.

Quando hai effettuato l'accesso, i motori di ricerca ricordano la popolarità dei clic e regolano i risultati della SERP in base a questo.

Qualche altro pasticcio casuale

Leggi questo libro! Design emotivo di Donald Norman

"Non mi aspetto che tu sappia tutto, mi aspetto solo che tu abbia una CONSAPEVOLEZZA."

I motori di ricerca non leggono i segni di punteggiatura

La colonna di destra dovrebbe essere larga almeno 200px (se è inferiore a quella le persone tendono a ignorarla perché pensano che la colonna sia annunci)

Le persone tendono a guardare a tre o quattro pollici dalla parte superiore dello schermo; questo è il motivo per cui l'H1 è incredibilmente importante.

Generalmente 7-12 FAQ per pagina vanno bene; dopo 16 diventa davvero difficile da scansionare (che è una pessima esperienza utente.

Le persone decideranno di scorrere durante i primi secondi iniziali in base a ciò che è visibile. Questo è uno dei motivi per cui è importante ottenere le informazioni più importanti above the fold. (Beyond the fold, Shari non consiglia che la pagina sia più lunga di 2,5 schermate.)

Molte persone ignorano gli annunci di "cecità da banner" (nei primi 200px della pagina)

FreeDictionary.com = cattiva saturazione e posizionamento degli annunci
Mayo Clinic e ABC News = ottima saturazione e posizionamento degli annunci

Visibilità sui motori di ricerca = il libro di Shari. Leggilo per ulteriori informazioni su come classificare un PDF.