Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!




Seo

seo

Principali punti SEO primo step

Per lo sviluppo di un buon progetto web, si devono tener conto di molti fattori.
La SEO "Search Engine Optimization" ha un'importanza primaria nella progettazione web se si vuole emergere, ed essere dei professionisti nel settore.

Nonostante Google cambi gli algoritmi e ci guidi nella progettazione, ci sono delle regole base molto semplici da rispettare.
Premessa questo articolo non andrà in profondità ma vuole semplicemente dare una piccola linea guida per lo sviluppo della SEO alle prime armi nel secondo step andremo in profondità. Un delle regole fondamentali e la verifica e l'analisi che vedremo nel prossimo articolo.

Design responsive (RWD)

Nel mondo del Web Design, si sente continuamente parlare delle tecniche e delle pratiche per la costruzione di pagine HTML responsive. Una pagina responsiva è una pagina con un layout che si adatta automaticamente alla risoluzione e alle dimensioni del device con cui la stiamo visualizzando esempio Desktop e mobile (Smartphone, tablet), Google per indicizzare e posizionare ha bisogno che il sito web sia responsive.

Scelta del servizio di Hosting

Il provider del server che ospiterà il vostro sito, deve garantire la continuità del servizio. Un servizio instabile, con tempi di risposta lunghi o addirittura di inattività, penalizza un sito perché questo risulta irraggiungibile sia dai visitatori che dagli spider, i quali potrebbero indicizzare solo parzialmente le pagine, o considerare il sito come non più attivo.

Nome del dominio

La scelta del nome del dominio è fondamentale. Spesso i nomi dominio prescelti sono utilizzati da altre società o altri siti web. In questo caso, la lotta per raggiungere posti elevati nella SERP dei motori di ricerca potrebbe essere molto serrata. Una buona regola è quella di effettuare delle ricerche prima di comprare un dominio e selezionare un nome breve e chiaro, che contenga una o massimo due keyword.

Codice HTML

Per facilitare il lavoro dei motori di ricerca, e cercare di ottenere un buon posizionamento, è buona regola sviluppare siti web con codice “pulito” ed efficace. Evitate di ricorrere eccessivamente a codice javascript e ricordate di verificare che il codice HTML utilizzato sia allineato alle direttive del W3C.

Tag TITLE

E’ un tag fondamentale per l’ottimizzazione di una pagina. E’ quello che comunica il contenuto del sito sia ai motori di ricerca che agli utenti e che compare nella pagina dei risultati di una ricerca, su cui gli utenti cliccano per accedere ad un sito. L’unicità del titolo per ogni pagina è una condizione fondamentale per accrescere la propria posizione.

Il titolo deve contenere e preferibilmente iniziare con le keyword per cui vogliamo essere trovati. Il testo deve ben descrivere il contenuto della pagina, ma non deve essere troppo lungo, altrimenti Google e gli altri motori di ricerca potrebbero tagliarlo, rendendolo poco comprensibile agli occhi degli utenti.

Meta tag DESCRIPTION

La description è una breve descrizione del contenuto della pagina web, utile sia ai motori di ricerca che ai suoi utenti. Se ottimizzata, essa viene mostrata nella pagina dei risultati della ricerca come snippet, ovvero quel breve riassunto visualizzato nella SERP, subito sotto il titolo, che ha un ruolo importantissimo nel convincere un utente a scegliere di visitare una determinata pagina web. È buona norma utilizzare una descrizione per ogni pagina.

Tag di Headings

I tag headings vengono utilizzati per organizzare i contenuti della pagina. Esistono 6 misure di tag headings: si parte da <h1>, il più importante, fino ad arrivare ad <h6>, il meno importante. I tag headings normalmente aumentano la dimensione del testo contenuto all’interno del tag e danno all’utente un informazione visiva relativa all’importanza del testo presente al di sotto.

Usando varie misure di tag heading sarà possibile creare una struttura ben definita e permettere all’utente una navigazione più facile del documento. Generalmente, il tag h1 si applica al titolo del paragrafo, mentre i successivi h2 e h3 ai suoi sottoparagrafi.

Per quanto riguarda i motori di ricerca, anche essi utilizzano questi tag per capire di cosa si parla e quali testi sono più rilevanti all’interno della pagina. Il tag h1, in particolare, va utilizzato una sola volta all’interno della pagina e va ottimizzato inserendo parole chiave, ricordando, però, di non utilizzare gli stessi testi già utilizzati per title e description.

Meta tag keywords

E’ un tag che non ha più un peso fondamentale nel posizionamento, ma lo si può comunque ottimizzare inserendo le parole chiave più adatte ad una determinata pagina.

Grassetto

I marcatori grassetto e corsivo consentono di mettere in risalto una o più parole agli occhi dei visitatori, aumentando così la leggibilità del testo e permettendo di individuare più facilmente le parole o le frasi più importanti.

Per aiutare i robots a capire quali sono le parole più importanti all’interno di un testo, è meglio rendere il grassetto e il corsivo utilizzando i tag STRONG e EM i quali, da un punto di vista semantico, segnalano la presenza di una o più parole importanti. Ad ogni modo, non bisogna esagerare con l’utilizzo di questi tag all’interno di uno stesso documento.

URL

Gli URL, gli indirizzi che identificano una determinato documento web, sono molto importanti ai fini SEO perché compaiono nella pagina dei risultati dei motori di ricerca, nel browser, e spesso compaiono come link ipertestuali posizionati in altre pagine web, documenti o sui social network. Per tale motivo è importante che essi siano ottimizzati: devono contenere le keyword ed essere brevi e comprensibili. Spesso ci imbattiamo in indirizzi contenenti numeri o simboli.

Questo tipo di URL non è user friendly, non comunica nulla né ai motori, né a chi effettua una ricerca. Un URL leggibile e descrittivo, invece, oltre a favorire il lavoro dei crawler dei motori di ricerca, è più comprensibile e può attirare l’attenzione degli utenti.

Sitemap XML

La sitemap è un file in formato XML (eXtensible Markup Language) che contiene l’elenco delle pagine di un sito web. Dopo essere stato creato, questo file va inviato al motore di ricerca attraverso gli “strumenti per webmaster” per informarlo di tutte le pagine presenti sul sito web. Così facendo, è possibile porre rimedio ad errori di scansione dei crawler, i quali potrebbero non rilevare correttamente tutte la pagine di un sito.

Pagine di errore 404

Durante la navigazione, un visitatore potrebbe capitare su pagine che non esistono (errore 404), semplicemente perché hanno digitato un URL sbagliato oppure perché hanno seguito un link a cui non è più collegata alcuna risorsa. Sarebbe bene creare una pagina 404 personalizzata che contenga dei link alla pagina principale del sito o a sezioni importanti dello stesso. In questo modo si migliorerà la user experience. Se l’errore 404 è causato da link rotti, bisogna assolutamente ricordare di eliminare tali link o risistemare i collegamento tra link e risorsa.

Robots.txt

Si tratta di un file di testo da caricare sul server, nella cartella principale del sito. All’interno del file è possibile dare delle istruzioni al crawler del motore di ricerca circa quali pagine non scansionare.

Anchor Text

L’anchor text è il testo cliccabile di un link, ed è posizionato all’interno del tag <a href=“…”></a>. Questo testo va ottimizzato perché dice qualcosa di utile sulla pagina linkata sia ai visitatori di un sito che ai motori di ricerca. Per ottimizzarli, potreste inserire keyword importanti ed un testo breve ma descrittivo. Non dimenticate di inserire e ottimizzare anche il Title del link.

Immagini

Anche le immagini che sono posizionate all’interno di una pagina web devono essere ottimizzate. Per ogni immagine è bene utilizzare un nome di file distinto e personalizzare l’attributo “title” e quello “alt”.

Quest’ultimo attributo migliora la user experience perché permette di specificare un testo alternativo che apparirà nel caso in cui l’immagine, per qualche motivo, non possa essere visualizzata. Inoltre, se un utente sta visualizzando il sito con un browser che non supporta le immagini, o se sta utilizzando tecnologie alternative, come ad esempio uno screen reader, il contenuto dell’attributo “alt” gli fornirà informazioni riguardo l’immagine corrispondente. Anche i robot dei motori di ricerca non riescono a “leggere” le immagini, perciò è importante aggiungere questi attributi per far capire ai motori di ricerca che cosa l’immagine rappresenta e indicizzarla per la ricerca immagini.

Contenuti

Per ottenere un buon posizionamento, è opportuno che un sito offra dei contenuti utili e interessanti che creino un valore per gli utenti.
Tali contenuti devono essere unici, ovvero non copiati da altri siti (Google si accorge se il contenuto è “duplicato” e lo penalizza nella pagina dei risultati di ricerca), aggiornati frequentemente e di qualità, cioè approfonditi e ben scritti. Un sito povero di contenuti, che non viene aggiornato e che contiene documenti brevi e mal scritti, non potrà essere ben posizionato, o comunque non riuscirà a mantenere posizioni elevate per molto tempo. Naturalmente, il contenuto dovrà includere le parole chiave con cui si vuole essere trovati, ma in maniera tale da non risultare innaturale per il visitatore.

Google e gli altri motori di ricerca moderni ricorrono ad un’analisi semantica del testo che comprende anche la sinonimia e la correlazione tra termini, per cui è sconsigliabile ripetere in modo innaturale le parole chiave e diventa opportuno ricorrere a sinonimi o concetti correlati che sicuramente non penalizzano la lettura del testo da parte dei visitatori e vanno bene anche per i robots dei motori di ricerca. L’attività di scrivere contenuti di qualità abbinata all’ottimizzazione SEO è chiamata SEO Copywriting.

free wordpress template

undefined

I migliori primi 3 Free Responsive WordPress Themes 2017

WordPress è indiscutibilmente la piattaforma CMS più preferito sul web.
A causa della popolarità e lo sviluppo del CMS WordPress, molto temi  sono gratuiti e di ottima fattura.

Sarà per la loro semplicità e facile utilizzo questo CMS si nutre di Themes (Temi)

La maggior parte di questi temi includono caratteristiche sorprendenti;  ecco l'elenco dei migliori temi WordPress gratuiti che è possibile utilizzare per il vostro prossimo progetto... ↓

 

 

 

undefined

Brilliance

Brilliance è un tema WordPress professionale, molto creativo, flessibile e propositivo, moderno e robusto.
Brilliance è una piattaforma luminosa e intuitiva per la creazione di siti web accattivanti, dinamici e altamente efficaci per lo più ad applicazioni professionali e di business, con capacità abbondante per il successo commerciale e professionale costruito a destra in questo potente tema. 

SCARICA IL TEMA

 

 

undefined

Allegiant

Le aziende amano il tema Allegiant, perché include  abbondanti risorse che sono ideali per accelerare lo sviluppo del propio sito web aziendale, come ad esempio una funzione integrata dell'inserimento "membro del team" e molto altro.
Elegante presentazione e completamente fuori del solito standard, adatto a lavori professionali.

SCARICA TEMA

 

 

undefined

Auberge

Auberge è un impressionante tema WordPress semplice ma molto di moda, merita almeno di vederlo.
Ha un 5 su 5 stelle, ed è stato scaricato più di 30000 volte. Questa popolarità dimostra la sua schiacciante qualità e l'utilità.

SCARICA TEMA

 

 

Graphic & Print Design on Adobe Live

undefined

Progettazione grafica e stampa su Adobe Live

Segui in diretta i più importanti esperti di graphic design il 25-27 Aprile a partire dalle 18

Branding, teoria del colore, tipografia e impaginazione: sono questi i concetti di base su cui si concentreranno i designer.

Potrai inviare via chat domande sui loro flussi di lavoro e sulle best practice da adottare in InDesign, Illustrator e Photoshop.

Un’occasione imperdibile per trarre spunti interessanti e scoprire nuovi trucchi e suggerimenti.
Per due ore al giorno per 3 giorni, i nostri designer ti accompagneranno attraverso un progetto a cui stanno lavorando e ti mostreranno dal vivo le loro mosse.

Partecipa al confronto su adobelive.com

Link per registrarsi

Content Locker

Free Content Locker Plugin Wordpress

Content Locker ovvero ottenere share per il tuo Blog

Una delle attività molto importanti da non sottovalutate nel content marketing è il miglioramento dei contenuti e la l'oro originalità.
Chi scrive post interessanti e originali sa quanto lavoro sia necessario per pubblicare un nuovo articolo ed è quindi molto importante cercare di ottenere visibilità e trust, tra necessità e curiosità del lettore il Content Locker è un vero stumento prezioso!

Il content locker si può applicare al vostro sito sia inserendo il codice dello script sia utilizzando un plugin per Wordpress.
(Vi consiglio sempre per Wordpress di verificare la compatibilità della vostra versione WP e sopratutto se avete un sito in multi lingua)

Come potete vedere negli esempi potete effetture due strategie molto efficaci: Social Locker o Sign-In Locker

Social Locker Example

undefined

Sign-In Locker Example

undefined

Qui nella sezione Plugin Potete trovare quello che fa per voi ovvimante sia Pro che free! Mytheme

Discussioni più recenti → Home ← Discussioni più vecchie