E’ un po’ che ve ne volevo parlare e un articolo che ho trovato su Smashingmagazine me ne dà l’occasione, mi riferisco al CMS open source Drupal.
Se state impazzendo dietro ai setup poco user friendly di Joomla o Mambo è arrivato il momento di passare all’ottimo Drupal.
Riporto i link che trovate sull’articolo originale in inglese:

Drupal – Sito ufficiale del progetto dove trovare l’ultima versione e le guide di base (cliccando su Support -> Handbooks)

Cheat Sheet – Per gli sviluppatori dei temi Utile .pdf con la lista delle principali variabili e di come è strutturato il CMS

Drupal Taxonomy- Per trovare la spiegazione dei termini utilizzati nello sviluppo di Drupal

Drupal API Reference Riferimento ufficiale per l’application programming interface

Drupal code search Motore di ricerca per trovare pezzi di codice per Drupal

Drupal Whitepapers, freebooks Pagina contenente un’altra serie di utili link dedicati a Drupal

---

Moduli
Moduli sito ufficiale La pagina del sito del progetto contenente i moduli riconosciutiDrupalmodules Comunità dedicata ai moduli per DrupalSiti per trovare l’ispirazione
Drupalsites Collezione di siti dedicati a Drupal

Drupalsn Social network per proporre e valutare siti realizzati con Drupal

Blog Sixversion Post con una collezione di 31 siti validi realizzati con Drupal

Tutorials
Webmaster Tips Articolo che spiega come realizzare un tema di Drupal

Neemtree Articolo che spiega le basi per realizzare un tema di Drupal

Gomediazine Articolo davvero interessante che spiega con un esempio pratico partendo da Illustrator fino al codice web per Drupal come realizzare un sito per un gruppo musicale

Nerdliness Articolo di base per capire la struttura di un tema per Drupal

Moduli
Siteground Articolo che spiega come installare un nuovo modulo in Drupal

Date comunque un’occhiata all’articolo originale, perchè qui ho segnato solo i link che ritengo utili per sviluppare un sito con Drupal, ma al suo interno potete trovare altre interessanti risorse per approfondire il discorso.

Ti segnalo questo interessante video realizzato dal team di Google per imparare ad usare gli strumenti per i webmaster. Il contenuto è indicato soprattutto per chi si avvicina ora al SEO, ma una rinfrescata alla memoria non fa mai male a nessuno.

Un editor WYSIWYG (What You See Is What You Get) permette a un utente di un CMS (content management system) di scrivere delle pagine in HTML come se stesse scrivendo una pagina di un documento di testo di Word.
L’aspetto interessante è che gli utenti per cui costruiamo i nostri CMS, ovviamente non sanno nulla di programmazione Web e di codice Html, ma con un editor di contenuti possono benissimo cavarsela da soli e scrivere in tranquillità i loro articoli o aggiungere prodotti a un eventuale catalogo on line.
Cercandone uno per il mio CMS, ho trovato TinyMCE, web based Javascript HTML WYSIWYG editor rilasciato sotto licenza Open Source LGPL dall’azienda Moxiecode Systems AB.
L’aspetto più interessante è la sua facilità di inserimento all’interno del nostro codice, con una semplicità poi di utilizzo da parte dell’utente finale davvero incredibile.

Come puoi vedere l’aspetto della schermata per comporre un articolo è praticamente identico a Word, con quasi tutte le funzioni e qualcheduna in più per il web, come quella di inserire un contenuto flash o addirittura ulteriori livelli all’interno della pagina web stessa.

Non tutto quello che luccica è oro ovviamente. Devo anche confessarvi i lati negativi di un sistema WYSIWYG. Infatti molti criticano questi sistemi perchè generalmente il codice che creano è “sporco”, cioè non ottimizzato o non fedele al 100% alle regole del W3C. E questo come ben sappiamo non è positivo, soprattutto per una buona indicizzazione sui motori di ricerca.

Detto questo, penso che non ci siano problemi nell’utilizzare TinyMCE, anche perchè il codice che genera non è poi così terribile e soprattutto è molto più importante che la pagina sia realizzata bene con una buona struttura logica a livello di DOM (Document Object Model). Detto questo se dovessi consigliare a un cliente una piattaforma valida per un blog opterei per WordPress, ma per un sito aziendale penso che per le pagine dei prodotti questo editor possa andare benone.
Considerando il fatto che la pagina più importante per i motori di ricerca è sempre la home, dove dovremo stare attenti a tutti gli aspetti SEO, nelle pagine secondarie, possiamo prenderci qualche minima licenza, come in questo caso, soprattutto se miglioriamo la produttività del cliente, che vuole essere autosufficiente.

Poi ovvio se un sito è fatto dalla A alla Z da un webdesigner è sempre la cosa migliore. Non tanto per la sua bellezza, che è un aspetto soggettivo, quanto per una qualità del codice che è sempre fondamentale per una buona indicizzazione su Google (IL motore di ricerca eheh).

Dopo tutta questa pappardella quasi mi dimenticavo, ecco il link per scaricare TinyMCE.

TinyMCE editor WYSIWYG

Quando si realizza un nuovo sito web una delle problematiche ricorrenti è quella di testarlo su tutti i browser più diffusi sul mercato.
Le strade da seguire sono due:

1) si dispone di un PC con Windows, un Mac e una macchina con Linux (non sempre necessario perchè gli utenti Linux sono veramente pochi rispetto alla massa dei navigatori) e si installano i diversi browser in modo che si possano eseguire i test.

2) si utilizzano dei servizi on line che eseguono degli screenshots con i diversi browser, permettendoci quindi di analizzarli con calma senza dover installare nulla.

Vediamo in dettaglio come procedere:

1) Il primo sistema è sicuramente il più efficace, perchè ci permette di testare sul campo e di persona i diversi browser. Il metodo più semplice ed economico per realizzarlo è comprarsi un Mac con Boot Camp e installare anche un sistema operativo della Microsft. Boot Camp ci permetterà di scegliere all’avvio quale sistema operativo usare. Potremo così installare nei due sistemi operativi tutti i browser più utilizzati.

2) Il secondo sistema, come accennato sopra, sfrutta dei siti che lavorano per noi, eseguendo degli screenshot del sito che vogliamo analizzare.

• Browsershots.org Il servizio è gratuito e permette di analizzare il sito su tutti i principali browser in circolazione. Ovviamente essendo gratuito presenta dei limiti, come ad esempio il dover aspettare dai 10 ai 45 minuti prima di poter visionare tutti gli screenshots.
• Litmus Questo sito è a pagamento, ma presenta un’interfaccia gradevole e di facile utilizzo. I costi sono comunque contenuti, considerando anche il notevole risparmio di tempo.
• Browsercam L’aspetto che rende questo servizio forse il migliore in circolazione è dato dal fatto che permette di testare i siti anche sui device mobile, garantendone una perfetta compatibilità in tutte le situazioni.

Questa seconda metodologia presenta però dei limiti. Infatti eseguendo semplicemente degli screenshots, se le pagine del nostro sito sono molto lunghe non riusciamo a visualizzarle completamente. Quindi è un sistema che si presta se nel realizzare il nostro web design consideriamo la grandezza media di uno schermo, senza scorrere verso il basso la pagina.

Se conoscete altre metodologie o avete idee a riguardo, mi raccomando postate!!!

La sitemap è un elemento sempre più importante nella realizzazione di un sito web, perchè aiuta i motori di ricerca nel processo di spiderizzazione delle pagine.
Esistono diverse guide on line e tools che ci permettono di realizzare una sitemap in maniera corretta.
Questo post con lo scopo di raccogliere i migliori:

- Sitemap Protocollo d’intesa fra i principali motori di ricerca (Google, Yahoo, MSN Search) per la realizzazione di uno standard comune nella codifica della sitemap dei siti.
- Utilizzo del protocollo Sitemap Guida realizzata da Google che spiega in maniera molto semplice e immediata le funzioni del protocollo sitemap.
- Sitemap third party programs and websites Raccolta fatta da Google con i migliori programmi e siti che permettono la realizzazione di una sitemap. Sono presenti sia programmi gratuiti, che a pagamento.
- Xmlsitemap Applicazione on line che permette la realizzazione della sitemap di un sito.
- SEO Utility Sitemap Nel famoso portale SEO Utility non poteva mancare lo script per realizzare la sitemap di un sito.

Ovviamente se ne conoscete altri vi invito a segnalarli, in modo da avere un post il più completo possibile.

Le nuove segnalazioni verranno aggiunte al post.