Realizzazione Siti Web

Categoria: Siti Web | 31 agosto 2011

PageRank:

FraGolosi è un blog con migliaia di ricette originali della cucina italiana. Le ricette vengono messe a disposizione di tutti in modo totalmente gratuito e chiunque ha la possibilità di commentare lasciando il suo contributo.

Vecchia Versione - FraGolosi

Il lavoro svolto da Tematicaweb è partito da un’analisi del sito preesistente, che era stato sviluppato nel 2008 su una versione del CMS WordPress.

Obiettivo del restyling è stato quello di aumentare l’usabilità, potenziare i servizi, migliorare il sito in termini di SEO e rinfrescare l’aspetto grafico.

Home Page - FraGolosi

Le nuove esigenze del committente hanno spinto Tematicaweb a riorganizzare in parte la struttura e la disposizione delle offerte contenutistiche del sito. Le sezioni fondamentali sono sempre rimaste organizzate in pagine e articoli suddivisi in categorie e sotto-categorie.

È stato dunque riprogettato un tema WordPress per FraGolosi che prevedesse l’uso di nuovi plugin (come stampa,  condivisione sui social, articoli correlati, commenti recenti e tanti altri) e sono stati realizzate particolari pagine template che permettessero di ottenere risultati basati su query personalizzate.

Dizionario Gastronomico - FraGolosi

Inoltre una totale personalizzazione è stata operata per il plugin del Dizionario Gastronomico per il quale è stata introdotta la paginazione ed è stato totalmente ottimizzato il codice.

Alle tipiche pagine istituzionali, sono state affiancate delle macro categorie che contengono, anche in sotto-categorie più specifiche, tutto il materiale informativo relativo alle ricette.

La personalizzazione dei moduli, ha dato vita a servizi come la newsletter, il motore di ricerca da poter includere in altri siti web e la possibilità di inviare le ricette allo staff di FraGolosi.

Acquisti Speciali - FraGolosi

Il servizio aggiuntivo legato alla piattaforma Spreadshirt è stato sostituito dalla sezione Acquisti speciali dedicata a settori specifici come l’abbigliamento, l’Hi-tech, la cura del corpo, ecc… , che indirizza gli utenti a relativi siti per effettuare gli acquisti; il tutto creato attraverso uno specifico programma di affiliazione (TradeDoubler)

Oltre al materiale legato al sito web di FraGolosi sono state mantenute le sezione relative alla guida alle calorie, sezione che contiene un elenco dettagliato, suddiviso in gruppi, sui valori energetici degli alimenti.

Per venire incontro alle esigenze dei navigatori, inoltre, Tematicaweb ha creato un indice delle ricette, suddiviso in categorie e sotto-categorie, in ordine alfabetico. Inoltre ogni categoria è provvista di una descrizione con eventuale approfondimento dell’elenco completo dei Post della relativa categoria.

Adrotate - FraGolosi

Il sito web, si finanzia mediante gli introiti provenienti dagli annunci pubblicitari di ad-sense e di altri fornitori, Tematicaweb ha dunque fornito il supporto per l’inserimento e la gestione degli annunci e dei banner. A tale scopo è stato intergrato e personalizzato il plugin AdRotate.

Attualmente i contenuti di FraGolosi vengono aggiornati dallo staff del sito web, mentre Tematicaweb si occupa degli interventi legati a codice e funzionalità.

I risultati passati legati al SEO erano soddisfacenti, aggirandosi al 91%, ma nell’ottica del restyling, Tematicaweb ha operato un ottimizzazione anche per il SEO. L’intento di convertire la provenienza degli utenti, seguendo l’attuale tendenza, ha portato ad effettuare determinati accorgimenti per favorire le visite dai social network, integrando all’interno del sito il plugin WpTwitter, per la pubblicazione automatica delle ricette su Twitter e collegando il blog con l’applicazione RSS Graffiti sull’account di Facebook, che consente la pubblicazione automatica delle ricette sulla bacheca.

Il restyling operato nel corso dei mesi estivi, ha portato alla consapevolezza di dover ottimizzare non solo le parti codice aggiornando la struttura WordPress all’ultima versione ma anche, di operare un miglioramento per quanto concerne il SEO.

Per la velocità di caricamento, delle pagine parametro che i motori di ricerca tendono sempre più a prendere in considerazione, sono stati utilizzati differenti strumenti per raggiungere il 100% di punteggio, in un classico tool SEO che controlla la corretta presenza di tag e attributi.

Per l’ottimizzazione, L’utilizzo del CMS WordPress ha permesso di sfruttare le enormi potenzialità offerte dai plugin disponibili e dove ciò non è stato possibile, si è intervenuti manualmente sul codice per cercare di seguire tutte le indicazioni imposte dalle nuove tendenze.

Per l’ottimizzazione classica, come la gestione di titoli, description e keywords delle pagine si è sfruttato il potentissimo, ormai riconosciuto come essenziale, plugin All in One SEO Pack che ha consentito una gestione ottimale dei metatag di rilievo per i motori.

La gestione delle sitemap in xml è stata effettuata con l’ottimo plugin Google XML Sitemaps, che, opportunamente configurato, permette la notifica automatica delle modifiche alla sitemap agli strumenti webmaster di Google, Yahoo! (richiede la creazione di una applicazione per ottenere l’IDKey) e Bing.

La gestione del file robots.txt è stata effettuata col plugin KB Robots.txt, che permette la gestione degli url consentiti e bloccati direttamente dal pannello di WordPress, senza dover intervenire via FTP.

L’integrazione con lo strumento di monitoraggio Google Analytics è stata effettuata con il plugin Google Analytics for WordPress, che permette una maggiore gestione e integrazione rispetto al classico codice incorporato manualmente.

L’insieme di questi accorgimenti, unita alla corretta programmazione e al rispetto degli standard imposti dal W3C, hanno consentito il raggiungimento del 100% di SEO Score, ma ciò, non è oggi più sufficiente.

A tal proposito è stata anche effettuata un’ottimizzazione avanzata che ha interessato non solo l’istallazione di svariati plugin ma anche una vera e propria ottimizzazione sul codice.

Ricetta apertura foto - FraGolosi

L’utilizzo di numerosi plugin per la gestione di foto, multimedia in genere, condivisione sui social network, form mail e tutto ciò che rende usabile e accattivante il proprio sito web, l’aggiunta stessa di codice per l’analisi statistica degli accessi (necessaria per il SEO), non fanno altro che aggiungere innumerevoli quantità di codice javascript e css che rallentano sensibilmente l’esecuzione delle pagine.

Perfino gli elementi multimediali inseriti nelle pagine web (per quanto compressi e ottimizzati) fanno innumerevoli richieste DNS al server che, per tal motivo, causa sensibili rallentamenti prima di fornire correttamente la pagina web richiesta dall’utente: alla fine ciò che abbiamo messo in atto per catturare l’attenzione del navigatore, altro non fa che frustrarlo a causa della lentezza del caricamento.

I tool messi a disposizione da Google e Yahoo! forniscono indicazioni su quali siano i problemi da risolvere e, con un po’ di indagini si riesce a seguire quasi tutte le regole, accoppiando l’utilizzo di plugin avanzati e interventi sulla configurazione del server web (realizzabili anche su molti hosting condivisi come Aruba, intervenendo su .htaccess).

WPminify - Fragolosi

Seguendo le indicazioni degli strumenti si è proceduto all’installazione e configurazione del plugin WP Minify che consente di compattare tutti i file css e i file javascript inseriti dai vari plugin nell’head della pagina web in uno, sfruttando una cache interna periodicamente rinnovata, compatta inoltre i file e l’html delle pagine web.

Successivamente è stato installato e configurato il plugin WP Super Cache che permette moltissime configurazioni e consente la creazione di una cache lato server per staticizzare le pagine di WordPress e renderne il caricamento molto più veloce. Fra le opzioni disponibili anche quella della compressione, che comunque non risulta sufficiente da sola per ottenere la compressione gzip richiesta come parametro importante da entrambi i tool

Per attivare la compressione gzip agendo sul file .htaccess

Sempre all’interno del file .htaccess, sono state inserite le regole per allungare il caching delle immagini, parametro ritenuto troppo breve da entrambi i tool di verifica.

Tematicaweb si è occupata anche dello sviluppo di prodotti grafici per il blog di ricette Fragolosi.

www.fragolosi.it