7 elementi essenziali SEO che tutti i web designer devono conoscere

I web designer e gli esperti SEO tendono a scontrarsi.

Come mai?

Perché, sebbene questi due elementi siano assolutamente essenziali per qualsiasi sito Web, a volte funzionano l'uno contro l'altro.

Mentre i designer si concentrano sul fornire all'utente un'esperienza visiva eccezionale, gli esperti SEO si preoccupano di fornire ai motori di ricerca una visione realistica del sito.

Senza design, un sito web è sottovalutato. Ma senza SEO, anche un sito Web progettato in modo meraviglioso non sarà mai trovato dai lettori.

C'è un modo per riparare il conflitto?

In questo articolo, analizzerò sette modi in cui i designer possono aiutare il processo di ottimizzazione dei motori di ricerca su qualsiasi sito web. Imparerai quali elementi di design sono importanti per la SEO e alcuni suggerimenti interessanti che rendono felici sia i web designer che gli esperti SEO del risultato finale.

1. Consenti ai motori di ricerca di "leggere" le tue immagini

Una delle parti più importanti del web design è l'aggiunta di immagini per suddividere il testo. Google, tuttavia, non vede quelle immagini nello stesso modo in cui le persone.

Il tag HTML <img> indicherà al motore di ricerca che c'è un'immagine. Il contenuto effettivo dell'immagine, tuttavia, è illeggibile per i bot dei motori di ricerca.

Quindi, come possiamo lasciare che il motore di ricerca "legga" quell'immagine?

Il WordPress Media Manager ci dà la possibilità di cambiare il titolo e il testo alternativo di qualsiasi immagine che utilizziamo.

Tutto quello che devi fare è fare clic su Media Manager, selezionare l'immagine che desideri ottimizzare e aggiungere un titolo e un testo alternativo . Questo cambia il codice HTML, aggiungendo parole che i bot dei motori di ricerca possono leggere.

Ad esempio, diciamo che ho aggiunto una foto della Torre Eiffel in un post su Parigi. Per il testo alternativo, potrei aggiungere "Torre Eiffel a Parigi". Ora i motori di ricerca sanno non solo che c'è un'immagine, ma anche di cosa si tratta.

Questo aiuta la SEO per quella pagina e consente anche all'immagine di apparire in un ulteriore tipo di ricerca: una ricerca di immagini.

2. Assicurati di essere ottimizzato per l'accesso mobile

L'anno scorso, l'utilizzo del Web mobile ha effettivamente superato l'utilizzo del Web desktop. Ciò significa che sempre più persone utilizzano smartphone e tablet per navigare in Internet. Di conseguenza, i motori di ricerca hanno un aspetto più favorevole sui siti Web che si adattano all'utilizzo dei dispositivi mobili.

Come web designer, sapere come rendere i tuoi progetti ottimizzati per i dispositivi mobili è ora più importante che mai.

Secondo Google, esistono due modi accettabili per rendere il tuo sito web ottimizzato per i dispositivi mobili: design web reattivo e pubblicazione dinamica. Entrambi consentono all'URL di rimanere lo stesso, mentre il sito si adatta automaticamente al browser mobile dell'utente.

Per rimanere ottimizzato per i dispositivi mobili, è anche importante evitare i video Flash nel contenuto principale del tuo sito. Sappiamo tutti che Flash sta andando fuori moda, ma evitare questa forma di video morente è estremamente importante quando si ottimizza per l'uso mobile.

3. Usa i caratteri web e l'HTML per creare progetti scansionabili

Ho detto prima che l'uso dei tag alt è un ottimo modo per consentire ai motori di ricerca di "leggere" le immagini, ma cosa succede se le tue immagini contengono del testo? E se quel testo è troppo grande per il tag alt?

Ecco che i webfont vengono in soccorso! Se stai progettando banner o immagini con testo, inclusi i font web da siti web come Fonts.com o Google consentiranno ai tuoi progetti di essere ancora leggibili dai bot dei motori di ricerca.

Puoi anche combinare questi font web con HTML per assicurarti che il testo nel tuo design sia veramente "vivo". Includendo elementi HTML come intestazioni H1 o H2, testo in grassetto e così via, i bot di scansione sono ancora in grado di vedere di cosa tratta la grafica. Tutte le parole chiave all'interno di questo testo sono quindi leggibili e questo aiuterà la SEO in-page.

4. Inserisci un div espandibile per combinare un design minimalista con contenuti ottimizzati

Se sei incuriosito dal design minimalista ma non sei sicuro di come includere il testo per la SEO nella pagina, ascolta!

Supponiamo che tu abbia un pannello di immagini di prodotti su una pagina web. Un ottimo design minimalista sarebbe semplicemente quello di lasciarli come immagini e utilizzare i tag alt per dire ai robot dei motori di ricerca quali sono le immagini.

Indovina un po': il tuo esperto SEO non è ancora soddisfatto.

Invece di utilizzare solo i tag alt per inserire testo importante, prova a posizionare un div espandibile per ogni immagine. In questo modo, quando fai clic sull'immagine, un <div> si espanderà in basso, fornendo spazio per contenuti accattivanti e ricchi di SEO che renderanno felici sia gli utenti che i motori di ricerca (per non parlare del tuo esperto SEO!).

Questo testo è completamente scansionabile dai motori di ricerca. Tuttavia, poiché non è visibile fino a quando non viene cliccato, puoi comunque mantenere il tuo design minimalista.

5. Codice con HTML5 e CSS3 per funzioni avanzate del sito

Ci sono molti vantaggi nell'usare HTML5 e CSS3. Più specifici degli argomenti di oggi, questi due linguaggi di markup migliorati possono avere un impatto preciso sulla SEO di una pagina web.

Se le pagine web che progetti non sono ben strutturate, qualsiasi altro sforzo per la SEO può essere praticamente buttato fuori dalla finestra. L'utilizzo di HTML5 aiuta le pagine Web a essere ben strutturate e semanticamente accurate, il che porta a un migliore posizionamento sui motori di ricerca.

Inoltre, HTML5 è uno strumento fantastico per sostituire il temuto Flash! Inoltre, può aiutare a ridurre la quantità di codice su ogni pagina Web, rendendo così più facile la scansione dei bot.

6. Ottimizza i progetti per una risposta rapida

Nel 2010, Google ha annunciato che avrebbe incluso la velocità del sito come parte del proprio algoritmo di ranking. Da allora, la velocità del sito è diventata sempre più importante nella SEO.

Quindi, come possono i tuoi progetti mantenere veloce il tuo sito web?

La chiave sta nel trovare l'equilibrio tra qualità dell'immagine e dimensione del file. Ovviamente, sappiamo tutti che i file più grandi richiedono più tempo per essere caricati, quindi vuoi che le tue immagini siano più piccole. Tuttavia, assicurati di non compromettere la qualità.

Un consiglio che può aiutarti a ottimizzare le immagini per una risposta rapida: assicurati di non ridurre le dimensioni con HTML. Invece di caricare un'immagine più grande e modificare l'HTML per visualizzarla con una risoluzione inferiore, riduci le dimensioni dell'immagine prima di caricarla. Ciò consente di risparmiare larghezza di banda e accelerare i tempi di risposta.

(Solo una nota a margine: un altro vantaggio dell'utilizzo di HTML5 e CSS3 è che aiutano ad accelerare i tempi di risposta del sito Web. Un motivo in più sono ottimi per la SEO!)

7. Unisciti a un grande creatore di contenuti

Se non l'hai già fatto, questo è uno dei migliori consigli per creare design SEO-friendly. Contenuto e design vanno di pari passo. Collaborare con un creatore di contenuti SEO ti dà un vantaggio che altri potrebbero non avere. Il tuo creatore di contenuti può aiutarti facendo ricerche di parole chiave, ottimizzando i contenuti per le pagine web e dandoti suggerimenti sul testo da includere nei tuoi progetti.

Per anni Internet ha propagandato i vantaggi del design incentrato sui contenuti, e ciò si ottiene al meglio quando i creatori di contenuti e i designer lavorano come una squadra.

Conclusione

Web designer: sei pronto per andare davvero d'accordo con gli esperti SEO? Dopo aver letto questo articolo, sarai pronto a fornire idee SEO-friendly all'interno dei tuoi progetti che possono rendere tutti felici.

Tuttavia, questi suggerimenti sulla SEO sono utili per qualcosa di più del semplice andare d'accordo con un esperto SEO. Essere in grado di migliorare la SEO on-page con i tuoi progetti ti renderà ancora più prezioso come designer.

Usa questi suggerimenti SEO nei tuoi progetti web e vedrai risultati migliori che mai!

Pronto per imparare qualcosa di nuovo? Dai un'occhiata a questi articoli:

• 3 motivi per cui l'hosting WordPress gestito è perfetto per la tua azienda
• La chiave per gestire più siti WordPress
• La guida per principianti alla SEO di base e alla scrittura di contenuti su WordPress