Come fare un sito web per imprese di medie e piccole dimensioni

105

Click here to load reader

description

Esperienza fatta, e quì condivisa, per la creazione e la gestione di un sito web per un'azienda edile immobiliare di piccole dimensioni. Accorgimenti, soluzioni, metodi, dopo 18 mesi di sviluppo.

Transcript of Come fare un sito web per imprese di medie e piccole dimensioni

Page 1: Come fare un sito web per imprese di medie e piccole dimensioni

COME FARE UN SITO WEB

per imprese

di medie e piccole dimensioni

dalla scelta del CMSalla pubblicazione dei contenuti

Antonio MartiniStudio Tecnico Geometra | Padovawww.costruzionimartini.com

PROVA TESTO PIE PAGINA

1.0-2013

Page 2: Come fare un sito web per imprese di medie e piccole dimensioni

Copyrights

Quest 'opera è stata r i lasciata con l icenza CreativeCommons Attr ibuzione 3.0 Unported. Per leggere unacopia della l icenza vis i ta i l s i to webhttp://creativecommons.org/l icenses/by/3.0/ o spedisci unalettera a Creative Commons, 171 Second Street, Suite 300,San Francisco, Cal i fornia, 94105, USA.

La l icenza Creative Commons é del t ipo: CC BY-NC-ND

• Attribuzione

• Non commerciale

• Non opere derivate

Come risulta da simbolo in copertina e a piè di pagina

Questa licenza é la più restrittiva delle sei licenze principali CC,permettendo a terzi soltanto di scaricare le opere econdividerle con alt r i f ino a che diano i l giusto creditoall 'Autore originario , ma non possono cambiarle in nessunmodo o ut i l izzarle commercialmente.

Padova, settembre 2013

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

2

Page 3: Come fare un sito web per imprese di medie e piccole dimensioni

INDICE

Indice generaleCopyrights .......................................................................................2

INDICE................................................................................................3

Introduzione del l 'autore.................................................................8

DEFINIZIONI.....................................................................................13

Brand...........................................................................................13

CMS..............................................................................................13

Browser........................................................................................13

Tema............................................................................................13

Plugin...........................................................................................14

Host..............................................................................................14

URL................................................................................................ 14

SEO...............................................................................................15

Freeware.....................................................................................15

Opensource...............................................................................15

SERP.............................................................................................. 15

Landing Page............................................................................16

Home Page................................................................................17

Pagine.........................................................................................17

Post............................................................................................... 17

Categorie e Tag........................................................................17

Embed.........................................................................................18

HTML.............................................................................................19

Schema.org...............................................................................19

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

3

Page 4: Come fare un sito web per imprese di medie e piccole dimensioni

Sitemap.xml...............................................................................20

Root.............................................................................................. 20

Rank.............................................................................................21

UTF-8............................................................................................22

Case-sensit ive...........................................................................23

Local SEO....................................................................................23

Thumbnails.................................................................................23

WebMaster..................................................................................23

SCELTE INIZIALI ................................................................................25

SCELTA DEL CMS........................................................................25

PLUGINS.......................................................................................30

I più diffusi e comuni...........................................................32

Quell i più specif ici per le mie esigenze.........................33

SCELTA DELL'HOSTING...............................................................37

SCELTA DEL DOMINIO................................................................37

CREARE LE CASELLE EMAIL.......................................................37

CREARE LE PASSWORD..............................................................38

SCELTA DEI COLORI AZIENDALI ................................................40

RGB..........................................................................................40

ESADECIMALE.........................................................................40

SCELTA DEL TEMA.......................................................................41

SCELTA DI CATEGORIE E TAG ..................................................41

PERSONALIZZARE IL TEMA..............................................................43

Traduzione in Ital iano..............................................................43

Tema Figl io.................................................................................45

Aggiornare i l Tema...................................................................46

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

4

Page 5: Come fare un sito web per imprese di medie e piccole dimensioni

Logo TXT nel codice sorgente...............................................47

Favicon.......................................................................................48

LA GESTIONE DAL NOSTRO PC.....................................................49

GRAVATAR.......................................................................................49

STRUTTURA DEL SITO.......................................................................50

DIVULGHIAMO E INDICIZZIAMOCI................................................52

Quì, iniz ia i l vero lavoro...........................................................52

MATERIALE DA CREARE..................................................................56

Immagini.....................................................................................57

Test i..............................................................................................57

PDF...........................................................................................57

Video ..........................................................................................57

Audio...........................................................................................57

Sl ideshow....................................................................................58

Mappe.........................................................................................58

Quest ionario on l ine.................................................................58

LUOGHI DOVE DIVULGARE............................................................58

Socials.........................................................................................59

Facebook...............................................................................59

PAGINA FAN FACEBOOK...................................................60

Google Plus............................................................................60

Pagine local......................................................................60

Authorship..........................................................................60

Twitter......................................................................................63

LinkedIn...................................................................................63

Sharing........................................................................................63

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

5

Page 6: Come fare un sito web per imprese di medie e piccole dimensioni

Immagini................................................................................63

Flickr....................................................................................63

Picasa.................................................................................63

Panoramio..........................................................................63

Pinterest..............................................................................63

Houzz...................................................................................64

PhotoSynth..........................................................................64

Video ......................................................................................64

YouTube..............................................................................64

Vimeo..................................................................................66

Dailymotion........................................................................66

Test i..........................................................................................66

Sl ideshow................................................................................66

Mappe.....................................................................................66

Maps....................................................................................66

Places..................................................................................66

Directory e Motori di Ricerca.................................................66

Motori di Ricerca..................................................................66

Directory.................................................................................66

Forum..........................................................................................67

Blog..............................................................................................67

STRUMENTI per CREARE CONTENUTI ............................................67

Risorse Esterne...........................................................................67

Software......................................................................................67

Opensource...........................................................................67

Commercial i ..........................................................................68

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

6

Page 7: Come fare un sito web per imprese di medie e piccole dimensioni

IL MERCATO IMMOBILIARE IN RETE..............................................68

CONSIGLI VARI e ACCORGIMENTI ..............................................69

AdWords......................................................................................69

AdSense......................................................................................70

Scopri re cosa cerca e pensa la gente...............................70

Indicizzarci.................................................................................71

Contenuti - Idee.......................................................................71

Parole Chiave............................................................................71

Scri t tura Pagine e Post .............................................................71

Contenuti....................................................................................71

Nel Sito........................................................................................72

Nelle Schede Immobile...........................................................72

eMail............................................................................................72

Realizzare E-BOOK....................................................................73

Sit i Domanda & Risposta.........................................................73

Webinar.......................................................................................73

Furto dei contenuti ...................................................................73

Aggiornamento del Settore nel WEB....................................74

CONCLUSIONI.................................................................................74

BIBLIOGRAFIA..................................................................................76

SEO Power...................................................................................76

Google Marketing.....................................................................76

Wiki Brands..................................................................................76

Email Marketing.........................................................................76

Internet per i l mercato immobil iare.....................................76

I segreti del web marketing immobil iare............................76

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

7

Page 8: Come fare un sito web per imprese di medie e piccole dimensioni

Introduzione dell'autore

iao, t i r ingrazio per avere nel lo schermo questomodesto lavoro. In genere si legge un l ibro da sol i ,quindi é come se fossimo solo noi due, a

chiacchierare di un si to web; e dal momento cheverosimilmente dovrest i essere un col lega del mio stessosettore, t i darò confidenzialmente del Tu. Se non sei delmio settore, mi r ivolgerò a te allo stesso modo, spero non tidispiaccia.

C

In ogni caso, potrest i essere forse l 'unico a leggere questofi le, pertanto, a maggior ragione, meglio se si instaura uncl ima confidenziale.Se non sarò di tuo gradimento, un cl ick destro del mouse,e via.

Ho scri t to queste pagine pensando prevalentemente almio settore, l 'edil iz ia e l ' immobil iare. Ma i concetti e ipr incìpi sono gl i stessi per quals iasi settore.Quel lo che accomuna tutt i i settor i economici in questatraccia operativa è:

• Impresa/azienda di medie o piccole dimensioni• La volontà di gest i re i l proprio s ito in modo diretto e

autonomo, senza dover pagare un c.d. 'webmaster ' edipendere da lui per ogni piccola modif ica

Se non hai tempo e vogl ia di leggere l ' introduzione -potreicapir lo- salta subito allo Orientamento , cl iccando quì

Mi chiamo Antonio Mart ini , sono efaccio i l geometra, a Padova. Lavoroprevalentemente con l ' impresa ediledi famigl ia. Eseguiamo lavori dir istrutturazione e nuova costruzione ,soprattutto per committenti pr ivati .Talvolta, se si presenta l 'occasione diun buon invest imento, costruiamoqualche bifamil iare o appartamento

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

8

Page 9: Come fare un sito web per imprese di medie e piccole dimensioni

da vendere. Dal 2008, sappiamo tutt i come stannoandando le cose.A f ine 2011, abbiamo ri tenuto maturi i tempi per realizzareun si to internet aziendale. Fino a quel momento, lapercezione era di uno strumento non ancora insinuatonel la società, al punto di poter essere ut i le a una realtàimmobil iare ed edil iz ia.

I l mondo internet evolve rapidamente, e siamo passati dal“non é ancora i l momento ”, a un “siamo in r itardo ”.

Anche oggi comunque, a due anni di distanza, i l nostrosettore nel la rete appare abbastanza arretrato. Si vedonosit i creati e abbandonati a se stessi, con vest i grafichepiuttosto mediocri; spesso 'fatt i in casa'. Diff ici le possanodare qualche r isultato signif icativo.Un si to é come un colossale bigl ietto da visi ta, con tutte leconseguenze.

Ma andiamo con ordine.

Nel gennaio del l 'anno 2012 di quest 'era volgare, cir ivolgiamo a un grafico per al lest i re i l nostro nuovo si to.Da quel momento, i l tempo dedicato a questa cosa éstato incalcolabile. Anzi, sarebbe calcolabi le, mapreferisco non pensarci, perchè potrebbe essere frustrante,osservare quanto tempo e lavoro si dedica a qualcosa chea detta di tutt i gl i espert i , porterà frutt i solo sul medio-lungo periodo.

In tutto questo tempo, tuttavia, ho appreso molte cose.Perchè un si to va gest i to quotidianamente!Una piccola realtà come la nostra, non può permetters i dipagare un webmaster esterno che effettui tutt i i nostr icambiamenti, control l i , aggiornamenti, gest i t isostanzialmente ogni giorno.Nel prosieguo capirai da solo perchè la manutenzione dels ito abbia una cadenza quotidiana.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

9

Page 10: Come fare un sito web per imprese di medie e piccole dimensioni

Non possiamo nemmeno pagare un dipendente per faresolo questa cosa.L'unica possibi l i tà, é gest i rcelo da soli .

Per chi non ha mai approfondito nul la di HTML , s i t i internet,web host ing, CMS, e SEO , tutto questo sembra una cosamolto complicata.In realtà non lo è; a condizione di capire almeno l 'ABCdell 'uso di un computer.Di s icuro non é complicato se anche tu, come me, usispesso i l computer per la normale gestione di uno studiotecnico , un' impresa edile , una società immobil iare.

Avendo osservato quanti s iano i passaggi che ho dovutomettere in f i la per arr ivare a un sito che ancora non misoddisfa pienamente, ho sentito la necessità di scr ivere unpromemoria, per me, prima di tutto.Non si sa mai dove potremmo dover andare a mettere lemani domani, per un malfunzionamento, una perdita didati, o qualche up-grade. Meglio avere traccia del le cosefatte. Anche perchè i l tempo passa, e potremmo nonricordare più come si é r isolta una specif ica cosa.Senza contare che la teresina incalza, ineluttabilmente.

Dal momento che dovevo scrivere, perchè non farlo inmodo un po' più ordinato, e condividerlo?

Gli strumenti ci sono, e sono anche gratuit i. Basta volere.

Trovo assurdo, perdere tempo in 2, o in 1000, per r isolverelo stesso problema.Per molt i dei problemi che ho risolto, ho trovato lasoluzione in rete, scrit ta da alt r i .Quì, mi l imito a raccogliere tutt i quegl i aspett i , problemi,soluzioni, accorgimenti, r iscontrat i e r isolt i per i l nostro si to,immaginando che qualche alt ra persona, potrebbe trovarsidi f ronte agl i stessi identici problemi.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

10

Page 11: Come fare un sito web per imprese di medie e piccole dimensioni

Soprattutto se, come ho detto esordendo, si t ratta di uncollega che opera nel la mia stessa realtà settoriale edimensionale ( le grandi società, r isolvono in mododiverso).

Quindi, a chi é r ivolto questo l ibro?

Agli operatori del mondo edile e immobiliare che, comeme, usano i l computer, spesso con una malcelatapassione, spina nel f ianco di mogli, e compagne.Operatori , col leghi, che non hanno ancora un sito web o,l 'hanno, ma non si sono mai preoccupati di migliorarlo efarlo funzionare per quello che serve: fare brand, eportare nuovi clienti . E soprattutto, non conoscono i lmotivo, per farlo.

Io non ne so molto. Ma ne so quanto basta, per capire cheun sito va colt ivato, con molta cura.

Non ho idea di quanto tu ne sappia del la materia. Daròper scontato che sai usare i l computer, navigare in rete, esappia cos'è un fi le JPG. Per i l resto, come disse i l TomHanks in Phi ladelphia: “...me lo spieghi come se avessi 5anni.”.

Facciamo uso del computer da anni ormai, mal 'approccio al la rete in veste di utenti navigatori in cerca diinformazioni, é diverso dal l 'approccio att ivo, in veste dicreatori di informazionePerchè creare un si to s ignif ica questo: creare e diffondereinformazioni, dirette o indirette.Per fare questo si rende necessario apprendere almeno lenozioni base per poter gest i re i l proprio si to.T i racconterò qui tutto quel lo che posso, ma poi, temodovrai approfondire qualcosa. Anche perchè, se questofosse un l ibro da professionist i , mi converrebbe metterlo invendita ;)

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

11

Page 12: Come fare un sito web per imprese di medie e piccole dimensioni

Perchè ho scrit to questo l ibro?I l pr imo motivo l 'ho già esposto: un bel pro-memoria. Manon é l 'unico.Ti anticipo qui, uno degli aspett i più del icati e importantidel l 'att ivi tà svolta in rete per fare Brand.É diff ici le r iassumere in poche parole, anche perchè sonototalmente privo di s intesi. Ma ci provo:part iamo dal la definizione di ' fare brand ' .

É tutta l 'att ivi tà svolta per far conoscere un'azienda.Fare marketing, in un certo senso. Aumentare i l numerodelle persone che conoscono i l nome, i l logo, l 'att ivitàsvolta, la sede, gl i addetti .Non solo farci conoscere, ma anche farci conoscere per inostr i valor i , pr incipi, metodi, f i losofia, ecc.

Le grandi aziende hanno sempre fatto pubblicità neimedia tradizional i . Televisione. Radio. Carta stampata.Ora esiste internet, e anche una piccola azienda come lanostra, può fare molte cose, per... fare brand.

Lo stanno facendo in molti . Di fatto, già oggi nessuno puòpermetters i di stare fuori dalla rete.

Proprio perchè lo fanno tutt i , come facciamo adist inguerci, in mezzo a tanta informazione, aziende, s i t i eportali?Facendo una serie di cose che t i racconterò nel leprossime pagine.Non le conosco tutte, é evidente. Ma le poche che hoimparato, le condivido con te. Perchè anche tu, leggendoquesto f i le e cl iccando sui l ink presenti nel testo, mi aiut i adiffondere un brand, i l mio.Eh già...Tu hai a disposizione questo piccolo e modesto lavoro, perquel lo che vale, e in cambio -sempre per quel lo che vale-tu mi stai aiutando a fare una di quel le cose che, nel loroinsieme io definisco globalmente SEO , mettendo nel

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

12

Page 13: Come fare un sito web per imprese di medie e piccole dimensioni

mucchio tutte le cose uti l i e necessarie per ottenere unacosa: se un utente digita in Google “nuova bifamiliarePadova ”, vorrei che tra i primi r isultat i s i col locasse anche i lmio.

Stai pensando “aaaahhhh! Bastérdo maledétto... ”, conl 'accento di Lino Banfi nei suoi anni glor iosi? No, non écosì, e t i spiegherò i l perchè.

Ma per ora t i chiedo: vuoi anche tu, essere trovato tra ipr imi r isultat i di Google, per un tuo prodotto, serviz io,immobile, o anche solo per i l tuo nome?Se sì, vieni con me, andiamo a farci un giro.

Se no, click destro del mouse, el imina, conferma.

:-)

INIZIAMO

ad Aurora e Miriam

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

13

Page 14: Come fare un sito web per imprese di medie e piccole dimensioni

ORIENTAMENTOuesto ebook, s i propone di spiegare passo dopopasso, cosa dovrebbe fare una persona cheintende creare un sito web per la propria att ività.Q

I concett i possono valere per qualsiasi t ipo di att ivi tà, ma,i l f i lo conduttore in queste pagine, sarà -per comodità econvenzione- i l settore edilizia e immobiliare .

I passi descri tt i sono gli stessi che ho dovuto compiere io.Riordino le idee dopo 18 mesi di lavoro, mettendole periscr i t to. Per me, e per chi si t rovasse nella stessa si tuazione.

I l lavoro, nel suo complesso, si può art icolare in questemacro-fasi:

• creazione del sitohost ing service, dominio, CMS, Tema

• creazione dei contenutif i le: post, immagini, testi , documenti, video,audio, s l ide, mappe; da inseri re nel si to, e in tutt i is i t i di condivis ione e sharing

• divulgazione del materiale in reteattraverso i s it i e i portali di sharing, s i concretizzatutta l 'att ivi tà di branding, uti le a far conoscere lapropria azienda, marchio, brand, nel la zona diterr i torio nel la quale operiamo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

14

Page 15: Come fare un sito web per imprese di medie e piccole dimensioni

DEFINIZIONI

BrandLa nostra immagine aziendale, costi tuita dal nome, dallogo, dal la nostra f i losofia aziendale, la nostra stor ia,reputazione, ecc.

CMSContent Management System; in i tal iano 'sistema digestione dei contenuti' , é un software instal lato su unserver dedicato al l 'Hosting Web, e serve per faci l i tare (dimolto) la creazione e la gest ione dei contenuti di un si to.

BrowserI l software che nel nostro PC traduce i l l inguaggio del lepagine HTML, in qualcosa di comprensibi le graficamente evis ivamente. Explorer, Chrome, Fi refox, Safari , sono i piùdiffusi. Per capire cosa possa signif icare, apri una paginaqualsiasi in internet, posiziona i l puntatore del mouseproprio nel mezzo del lo schermo, fai cl ick destro, e nelmenù (anche in uno di quell i secondari eventualmente)cerca l ' ist ruzione “visualizza sorgente pagina ”, si apri ràuna finestra del browser che mostra i l codice HTMLsorgente. Quel codice testuale, s i t rasforma nel la paginagrafica che vediamo.

Esempio di codice sorgente

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

15

Page 16: Come fare un sito web per imprese di medie e piccole dimensioni

Tema'theme ' in inglese, é un insieme di ist ruzioni in l inguaggioHTML e CSS, che fornisce la veste grafica a un si to, inmodo armonico e coordinato, mettendo insieme nozioni didesign, estet ica, grafica, colori , impaginazione, e ist ruzionispecif iche per essere letto nel migliore dei modi dai motoridi r icerca.

PluginE' un piccolo software secondario, aggiuntivo, che si'attacca' ad alt r i software principal i per aggiungere una opiù funzioni part icolari e specif iche. Nel nostro caso, ciservi ranno dei Plugin per i l CMS .

HostE' i l server che ospita (a pagamento) i l nostro s i to. Ovvero,mantiene registrato i l nostro dominio/indirizzo URL ,conserva tutt i i dati testual i , immagini, video, cheinseriamo nel le pagine e nei post, e contiene i l nostroCMS , al quale accediamo da 'remoto', facendo un login .

URLUniform Resource Locator , é una sequenza di caratter iche identif ica univocamente l ' indir izzo di una risorsa inInternet, normalmente presente in un host server , come adesempio un documento, un' immagine, un video,rendendola accessibi le ad un cl ient che ne facciarichiesta attraverso l 'ut i l izzo di un web browser (Wikipedia).L 'URL per eccellenza, é quel lo del nostro dominio,composto dal nome del nostro brand, e dal dominio dit ipo .com, .i t , .eu, ecc. Come ad esempiocostruzionimartini.com che é i l mio dominio aziendale.Ma, in effett i , anche ogni s ingola immagine JPG , GIF , oPNG che carichiamo nella cartel la del nostro s ito, avràassegnato un indir izzo URL, interno al dominio, nel la forma

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

16

Page 17: Come fare un sito web per imprese di medie e piccole dimensioni

http://www.costruzionimartini.com/studio-tecnico/attivi t%C3%A0/video-computer-grafica-2d-3d/ che é una sotto-pagina del l 'home page.Da questo indir izzo si possono notare 2 cose:

• i l codice %c3%a0• una parte del la struttura del si to

Cose che vedremo in seguito .

SEOSearch Engine Optimization. Letteralmente 'ott imizzazioneper i motori di r icerca'. Uno degli aspett i più art icolat i eimportanti di tutta la preparazione di un si to. Consiste intutte quelle tecniche, aggiustamenti, furbizie, necessariper fare in modo che le nostre pagine compaiano tra ipr imi r isultat i del le r icerche. In giro, ci sono due f igureprofessionali diverse, che si propongono per lareal izzazione di si t i web: i grafici puri , e gl i espert i SEO.Dovete sapere cosa volete, perchè non fanno le stessecose. Ne r iparlerò.

FreewareProgramma/software l ibero, grat is, l iberamente scaricabilee uti l izzabi le.

OpensourceProgramma/software l iberamente scaricabi le e uti l izzabi le.I programmatori s i sovvenzionano con delle donazionil ibere che tra migl iaia o mil ioni di utenti in tutto i l mondo,vengono fatte. Non é obbligatorio far la, ma, diffondendoun prodotto immateriale come un software via internet, amil ioni di utenti, basta che qualche migl iaio doni pochieuro e i programmatori sono sufficientemente r ipagati.

Mockup grafico

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

17

Page 18: Come fare un sito web per imprese di medie e piccole dimensioni

Riproduzione di un oggetto o modello in scala r idotta omaggiorata, come l ’ impaginazione di una pagina web, adesempio. Potremmo defini r lo come lo 'schizzo' del lapagina che vogliamo creare o riprodurre.

SERPOgni s ingolo r isultato che compare nel la pagina delmotore dopo aver effettuato una r icerca, prende i l nomedi 'serp ' .Esempio di alcune serp:

Esempio di SERP da una r icerca google

Landing PagePagina di atterraggio. Una pagina che potrebbecorr ispondere al la scheda di un prodotto, o di unimmobile. In sostanza contiene solo le informazioni legateal bene che si vuole proporre, e a volte, nessun l ink inuscita, dove si vorrebbe che l 'unica scelta rimasta al

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

18

Page 19: Come fare un sito web per imprese di medie e piccole dimensioni

malcapitato vis itatore, fosse quella di chiederciinformazioni con una email.Questa é la tecnica spiegata persino in alcuni l ibr i incommercio, che si propongono come r ivelatori di 'Segretiper i l web immobil iare'.Personalmente, non approvo. Se io per primo capito in unapagina simile, é un att imo: cl icco X del la l inguetta dellapagina nel browser, e a mai più r ivederci.Nel mio si to non ne metto.La pagina che maggiormente somigl ia a una landingpage, per i l nostro settore, é la pagina/scheda di unimmobile.Somigl ia a una landing page perchè contiene soloinformazioni relat ive al l ' immobile, ma per i l resto é comequalsiasi alt ra pagina.

Home PageLa pagina principale del nostro s i to. Ma questo lo sapevigià. Vero...?

PagineLa maggior parte dei s it i s i divide in due t ipi: si t i -vetr ina, esit i -blog. Nei pr imi, t roviamo solo pagine stat iche. Nei s it i -blog troviamo sia i post (art icoli su quals iasi argomento emateria) che pagine statiche.

PostUn art icolo. Pubblicato nel nostro s ito, o in una community,un Forum, un Blog, ecc. Composto da testo, e immaginimult imedial i , foto, video, sl ideshow.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

19

Page 20: Come fare un sito web per imprese di medie e piccole dimensioni

Esempio di anteprima dei post in una home page:

Categorie e TagArticoli e Pagine stat iche nel nostro s ito, possono essereassegnati a una o più categorie , ed aver attr ibuit i uno opiù tag.Immagina un post che parl i di r ist rutturazione, e in modopart icolare dei pavimenti e dei serramenti.Nel nostro s i to ho creato una serie di categorie e di tag. Inquesto caso, avrei i l Post archiviato nella categoriaRistrutturazione , con associati due tag: pavimenti eserramenti .L ' insieme di categorie e tag, crea la ' Tassonomia ' . Ovverola possibi l i tà di archiviare e cercare -anche in mezzo amigliaia- i contenuti in una determinata categoria , o perun determinato tag .Un visi tatore che con la funzione 'cerca ' presente in ognis ito che si r ispett i , digit i 'pavimenti ' , vedrà comparire tutt i ipost ai qual i sia stato assegnato quel tag.La tassonomia é tenuta in considerazione dai motori dir icerca.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

20

Page 21: Come fare un sito web per imprese di medie e piccole dimensioni

In ogni si to, possiamo creare le categorie e i tag chepreferiamo, e quanti ne vogl iamo. Basta che poi tuttoabbia un senso.

EmbedI l codice embed ci viene fornito da si t i terzi , per inseri re un'f rame' in una del le nostre pagine o post.Un esempio su tutt i , YouTube . Se vogliamo incorporare inuna pagina, un video preso da YouTube , entr iamo nel si todei video, guardiamo quel lo che ci interessa, e con lafunzione 'condividi ' '→ codice da incorporare ' , copiamol 'embed, e lo inseriamo dove desideriamo.

Una cosa importante da impostare, é la dimensione delvideo, in pixel (spero tu sappia cos'è un pixel ... non vorreiallungare la sezione Definizioni al l ' infini to :) ) . Non tutt i i s i t imettono a disposizione la possibi l i tà di impostaredimensioni personal izzate. Nel caso, dobbiamo cambiarea mano quei due valori t ra vi rgolette. 560 e 315. Width eHeigh. Larghezza e altezza, facendo attenzione amantenere le stesse proporzioni.

HTMLHyper Text Markup Language. Ipertesto. Ovvero, lapossibi l i tà di assegnare un col legamento, facendo inmodo che con un cl ick su un elemento (testo o immagine)facciamo un balzo dentro al documento collegato, che

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

21

Page 22: Come fare un sito web per imprese di medie e piccole dimensioni

può essere in un alt ro s i to, in un alt ro server, in un alt rocontinente.I l l inguaggio é composto da un codice; una serie di Tag.Da non confondere con i tag delle tassonomie.Si chiamano al lo stesso modo, ma sono due cose diverse.I l tag <p> ad esempio, in html, indica che i l testo é quel lodi un 'paragrafo'. Mentre i l tag <h2> indica che i l testo éun t itolo di secondo l ivel lo (h1 é i l l ivel lo più alto, sono 6l ivell i , f ino ad h6).Ogni tag ha un' ist ruzione di iniz io e di f ine, per dire albrowser dove inizia e f inisce un paragrafo, un t i tolo, unframe, o alt ro.Quindi, ad esempio, in html un paragrafo sarà codif icatocosì:<p>testo del paragrafo</p><p> indica l ' iniz io</p> indica la f ineE questo vale per i l 99% dei tag. Un ti tolo di 3° l ivello: <h3>Testo del titolo</h3>

Anche i l f rame di YouTube, se torni a guardare, iniz iavacon <iframe> e f iniva con </if rame>.Dentro al la prima ist ruzione, quel la che da inizio al Tag,possono esserci alt re ist ruzioni di dettaglio, come width,heigh, style, align, ecc.. Mentre l ' is t ruzione finale, saràsempre e solo '/ ' seguito dal lo stesso tag iniziale. Sempre,dentro i simboli < e >.Le parentesi tonde e graffe, () {} s i usano nel l inguaggioCSS.

Schema.orgRegole standard per defini re esattamente i l senso di alcunidati presenti nel le pagine. Ad esempio, se scrivo “viaMadonna del Rosario, 88 ”, così, senza alcuna codificaspecif ica, un essere umano capirà che é un indir izzo, ma i lserver di un motore di r icerca, lo leggerà come un testouguale agli alt r i . Se invece lo scriviamo seguendo le regole

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

22

Page 23: Come fare un sito web per imprese di medie e piccole dimensioni

definite da Schema.org , anche i l server saprà che quello éun indir izzo anagrafico. Alt ro esempio: ‘Gioconda’,potrebbe essere i l nome di una società, e, se locodif ichiamo come tale, legato ad esempio a un businesslocale di intrattenimento, un server lo proporràcorrettamente quando un utente in zona starà cercandoun pub con i l suo smartphone; e non sarà invece associatoin funzione del le r icerche più frequenti per tale parola: i lquadro.

Sitemap.xmlE' la mappa del nostro si to, ed é usata dagli spybot deimotori di r icerca, per capire com'è strutturato e cosacontiene.É un f i le, e si t rova nella Root del nostro s ito.

Root'Radice'. Concettualmente, l 'host che ospita i l nostro si to, éun computer come i l nostro. Quindi, funziona con lo stessoprincipio di cartel le, sottocartel le, e f i les.Noi possiamo muoverci dentro le nostre cartel le, usandodei programmi apposit i, anche gratuit i , per navigaredentro i l server, esattamente come facciamo normalmentenel nostro computer, con Esplora Risorse (se usi Windows).Una delle cartelle del l 'host si chiamerà ad esempio:www.costruzionimart ini.com , e dentro avrà alt re sottocartel le, e fi les.Come in questa schermata:

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

23

Page 24: Come fare un sito web per imprese di medie e piccole dimensioni

E' una schermata di Fi leZi l la. Un software opensource chepuoi l iberamente cercare e scaricare. Se non é cambiatol ' indir izzo, dovrest i trovarlo qui:https://f i lezi l la-project.org/download.php

RankO 'Page Rank'. I l punteggio che Google assegna a ognipagina web archiviata nei suoi server.Va da 0 a 10. Considera che anche le pagine di Googleraramente arr ivano al Rank 6.Le home pages di YouTube e Google Traduttore, arr ivanorank 9.I l blog di Beppe Gril lo , ha un rank 6.Non ho mai visto un rank 10.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

24

Page 25: Come fare un sito web per imprese di medie e piccole dimensioni

I l rank é vis ibi le in alcune barre del browser. Al l imite, pervederlo, bisogna instal lare un apposito plugin. Vai nel loStore del tuo browser, e cerca 'page rank'.

UTF-8Wikipedia: Unicode Transformation Format , 8 bit. E ' unacodif ica dei caratter i Unicode in sequenze di lunghezzavariabi le di byte, creata da Rob Pike e Ken Thompson. UTF-8 usa gruppi di byte per rappresentare i caratteri Unicode .T i spiego perchè può interessare a me e a te.Ricordi l 'ur l con i l %c3%a0 ? (Guarda QU Ì )Bene.Quando crei una pagina o un post, devi inseri re una seriedi dati. Uno su tutt i : l 'URL , come quel lo che forse haiappena r ivisto.Quel l 'URL , conteneva la parola i tal iana 'att ività ' , con la 'à ' .Ma se nel tuo CMS , digit i semplicemente la parola'att ivi tà', sarà trasformata automaticamente in 'att ivita ' ,senza accento.O chiudiamo un occhio senza andare troppo per i l sott i le elasciamo la parola senza accento, o sistemiamo la cosa.Secondo te, io che sto qui a scrivere un l ibretto, cos'hofatto?Ho lasciato perdere, chiaro.

Scherzo.Ho cercato, e ho trovato. Bisogna sost i tui re i l caratterespeciale, con i l suo codice UTF-8. Per la ' à ' , i l codicecorr isponde a: %c3%a0 .Te lo spiego un pochino meglio...I l s imbolo % indica solo l ' iniz io del codice, e c'è in tutt i is imboli /caratter i special i . Poi, ci sono una o due coppie diidentif icativi . 'c3' e 'a0' in questo caso.Ad esempio, la normalissima 'P ' maiuscola, ha per codice%50.Occhio... ci potrebbe servi re anche la 'P ', per Padova.Perchè c'è i l case-sensit ive.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

25

Page 26: Come fare un sito web per imprese di medie e piccole dimensioni

Allora, se vogl io che nell 'ur l (e nel le serp), compaia'att ivi tà' con l 'accento corretto della l ingua ital iana, nelcampo URL del CMS dovrò scrivere 'att ivi t%c3%a0'.Alt ra modifica automatica:le maiuscole vengono trasformate in minuscole; é appuntoi l caso del case-sensitive , per i l quale a volte ci chiedonodi scrivere correttamente maiuscole e minuscole, in alcunis it i .Perciò, se voglio fare del Local SEO , é necessario chenel l 'ur l compaia i l nome del la mia città, Padova, scri ttocorrettamente, con la 'P ', e non la 'p'.Quindi, nel l 'URL scriverò: %50adova; che browser e serp cimostreranno correttamente come 'Padova', comprese lecodif iche Schema.org viste prima.Ci sono molt i elenchi dei codici, on l ine, ma questosembra fatto bene (se é ancora att ivo):http://unicode-table.com/en/#0050 Vi si t rovano anche i codici HTML. Ad esempio, 'P ' = &#80;

Case-sensitiveSistema che dist ingue le maiuscole dal le minuscole, e alt r is imboli special i .

Local SEOTutt i gl i accorgimenti e i migl ioramenti da attuare, permigliorare l ' indicizzazione del nostro s ito, nel le r icerchelocal i; quel le fatte con tablet e smartphone, localmente.Soprattutto in un settore come l 'edil iz ia e l ' immobil iare,l 'att ivi tà é molto local izzata.Non verrà i l s ignor Cheng dal la Cambogia acommissionarci una casa. Sarà piuttosto la signora Mariache abita a 10 km da noi. Quindi, é da lei che dobbiamofarci t rovare.E Google sta spingendo molto, in questa direzione.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

26

Page 27: Come fare un sito web per imprese di medie e piccole dimensioni

ThumbnailsMiniature del le immagini che inseriamo nel si to. Create inautomatico da WordPress, e da tutt i i pr icipali plugin digest ione immagini.Se l ' immagine principale é di 800x450 pixel, e pesa 0,5Mb,inut i le usarla dove é sufficiente una miniatura che pesa2Kb. Per questo motivo, di una stessa immagine, s i creano2, 3, 4, miniature, in divers i formati e con divers i pesi.

WebMasterLa parola mi r icorda tanto i l mastro di chiavi in Ghostbuster:)E' qualcosa di analogo: la persona che padroneggia egest isce i l s i to.Sei tu, se gestisci direttamente i l tuo sito. Oppure é i ltecnico, grafico, esperto SEO, al quale t i r ivolgi ogni voltache devi fare la più piccola modif ica.Se lo gest isci tu, e ogni tanto hai bisogno di r ivolgerti a untecnico special izzato, per r isolvere le cose troppo diff ici l i , i lwebmaster sei sempre tu.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

27

Page 28: Come fare un sito web per imprese di medie e piccole dimensioni

SCELTE INIZIALI

SCELTA DEL CMSI l cui compito é faci l i tare la gestione dei contenuti di s it iweb, svincolando i l webmaster da conoscenze tecnichespecif iche di programmazione Web.Ripetiamo un pò l ' intero concetto:ogni pagina web é un insieme di istruzioni in l inguaggioHTML e CSS.I veri espert i conoscono questo l inguaggio e scrivono i lcodice sorgente dei Temi.Un Tema ( theme ) é formato da una serie di f i le.Normalmente un f i le principale, chiamato ' style.css ' , e unaserie di f i le accessori con estensione .php che gest isconosingole porzioni o funzioni.Style.css definisce l ' intero st i le: I caratter i usati, leimpostazioni dei paragrafi, dei t itol i, dei color i , dimensioni,ecc..I f i les *.php, gest iscono le varie sezioni del tema:

– Header.php , la testata. La parte alta del nostroTema, con i menù principal i , i l logo, e tutt i gl i alt r ielementi che si r ipetono in tutte le pagine nel nostrosito, nel la parte superiore.

– Footer.php , i l piè di pagina. L 'esatto opposto,gest isce quel la parte sempre uguale, posta sullaparte f inale in basso di tutte le nostre pagine. Diquest i tempi, va di moda colorarlo di scuro, emetterci dentro una specie di mappa del si to.Contiene anche i r i fer imenti del la proprietà del s i to.

– Single.php , gest isce i l s ingolo post.

E via elencando.

In un Tema ce ne sono circa 15. Ogni f i le *.php gest isceuna porzione del tema, che in modo standard si r ipete

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

28

Page 29: Come fare un sito web per imprese di medie e piccole dimensioni

nel le varie pagine. I l f i le style.css r ichiama quasti singolif i le.In sostanza, é come se style.css fosse i l capo uff icio, equando arriva i l browser, chiedendo “dove vado a leggerei l codice per questa porzione di pagina?”, style.css gl ir isponde “vai da Tiz io.php”.T i spiegherò più avanti dove puoi vedere questi f i le.Una volta compreso i l funzionamento, potrai modif icarl i perpersonal izzare alcune cose, se ce ne fosse la necessità.OCCHIO : dimenticare anche un solo s imbolo o caratterepuò portare al malfunzionamento, e a video non sivedrebbe più i l s i to che funziona correttamente. Nei casipiù gravi, non si vede proprio nulla, se non una r igatestuale che segnala un errore.Quindi, é una cosa da fare solo se si é padroni deiconcetti, e si é concentrati. Non metterti a modificare i ltema, se sei distratto o interrotto.

Ma rimaniamo sul semplice:Tu, non devi scrivere nessun codice html. Ma deviconoscerne l 'ABC, questo si , é essenziale.Non posso mettermi a spiegartelo quì, mi dispiace,allungherebbe troppo la trattazione. Mi l imiterò ai concett ie ai tag essenzial i . In rete però, trovi tutto. I l CMS t i mette davanti a una specie di Word: uno spaziodove inseri re test i e immagini, e delle barre strumenti condei comodi bottoni per formattare i l testo (paragrafo,t i tolo, grassetto, corsivo, ecc.), inseri re elementi grafici,elenchi numerati, ecc.Lui t radurrà ciò che inserisci, in l inguaggio HTML, che puoivedere in un'alt ra finestra.Infatt i , i l CMS é composto da almeno 2 finestre: quel la divisual izzazione (quel la semplice ) , e quel la di testo, dovevedi le cose che hai inseri to, nella forma del l inguaggiohtml.

Meglio se metto un paio di immagini eh?!

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

29

Page 30: Come fare un sito web per imprese di medie e piccole dimensioni

Queste sono schermate prese dal CMS Wordpress.

La schermata 'V isua le ' , dove ved i un 'an tepr ima grezza, de l la pag ina o de l pos t .Ved iam o anche:

• i n a l to , i l campo per i l t i to lo de l la pag ina , que l lo che mos t reranno i motor id i r i cerca .

• i l permal ink ; che é l ' i nd i r i zzo ur l assegnato a l l a pag i na (dove b isognainser i re i cod ic i UT F-8)

• i pu lsant i per i nser i re a l cun i e lement i . W ordpress propone so lo 'agg iung imedia ' . G l i a l t r i sono s ta t i i nser i t i da a l cun i p lug in che abb iamo ne l nos t ros i to .

• s i vede la bar ra de i bo t ton i per i nser i re e lement i e f ormat tare i cara t te r i • ne l la par te in fe r io re s i vede l ' a rea d i sc r i t tu ra vera e propr ia• i n a l to a des t ra , puo i no tar e le due l i nguet t e per se lez ionare la f i nes t ra

a t t i va , che in ques to caso é ev idenz i a ta 'V isua le ' con i l r e t tango l ino rossoin t raparenza

Nell ' immagine, si vede una tabel la, con una r iga e duecolonne, che contengono r ispettivamente:

• Quella di sinist ra, i l col legamento per re-twittare lapagina

• Quella di desta, i l col legamento al ' l ike' di facebook

E questa che segue, é la f inestra 'Testo' che mostra gl istessi contenuti, ma nel la forma del codice HTML

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

30

Page 31: Come fare un sito web per imprese di medie e piccole dimensioni

Noi lavoreremo al 90% nel la pagina visuale, ma, ognitanto dovremo necessariamente intervenire anche nelcodice HTML. Per questo, é necessario conoscere almenole basi; per correggere piccole cose.

Esistono CMS professional i , a pagamento, e ne esistono diopensource.Gli opensource più conosciut i ad oggi, sono Wordpress eJoomla.Io conosco WP, wordpress. Joomla non l 'ho nemmeno maivisto, e non saprei dirne nul la.

Non l 'ho scelto. Le cose sono andate così...

Per la fase iniz iale ci siamo rivolt i a un grafico. Non unesperto SEO. Ma solo perchè non conoscevamo ladifferenza.Oggi, andrei da un esperto SEO.Senza nul la togliere ai grafici, per me le cose stanno inquesto modo:chiamare una società di host ing, prenotare e registrare undominio, instal lare Wordpress (gratuito), metterci dentro unTema preconfezionato che si t rova in rete e può esserepotenzialmente gratuito, r iempir lo del materiale che

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

31

Page 32: Come fare un sito web per imprese di medie e piccole dimensioni

comunque deve preparare i l proprietario del si to,francamente, fat ico a vederci un costo di 2.000 €. C'è unalt iss imo valore aggiunto. E' un vero e proprio business.Ma, se non so fare queste cose, per quanto semplici, devofarle fare a qualcuno.Non é in ogni caso un lavoro special ist ico. Potrebbe farloanche tuo nipote di 14 anni.

Al l imite, conviene fare una cosa, e la consigl iocaldamente: invece di fart i fare un si to ' top', da 2.000 €,fatt i uno base da 500 €, perchè r ichiede esattamente lestesse competenze e le stesse procedure (registrazione deldominio, instal lazione wordpress, ecc.).Quando hai capito i l funzionamento, t i cambi da solo i lTema e i contenuti. Perchè alla fine dovrai far locomunque. E credimi, non é così complicato.

Tutto quel lo che fa un grafico, é inseri re foto e test i comefaremmo noi in Word. E poco alt ro di più, come ilcollegamento ai socials.Cose che, se mastichiamo qualcosa, possiamo fare anchenoi.Un esperto SEO, invece, non solo fa queste cose'elementari ' , ma ottimizza i l s i to in modo che venga benindicizzato nei motori, ed é questo, che serve a noi. Nostronipote di 14 anni non saprebbe farlo.

Creare un sito che nessuno va a vedere, non serveassolutamente a nul la.

Però, lavorando a stretto contatto con i l grafico, mentrer iempiva le pagine, e talvolta le creava, ho imparato l 'usodi wordpress, guardandolo.Ho imparato solo le basi. Poi, come ogni cosa, s i imparafacendola.Così, oggi, i l mio CMS é Wordpress. Devo dire che mipiace. E' molto svi luppato e diffuso, si trovanonumerosiss imi Plugin gratuit i , per fare molt iss ime cose.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

32

Page 33: Come fare un sito web per imprese di medie e piccole dimensioni

Ci sono plugin per inseri re i bottoni di share (G+, Like,Tweet, Pinterest, ecc.), plugin per inseri re uno spazio dovei l vis i tatore può simulare la rata di un prest i to per l 'acquistodi una casa. Plugin per inseri re le votazioni con le stel le...migliaia di plugin, inseri t i gratuitamente da persone di tuttoi l mondo.

Perchè gratuit i?

Io sto scrivendo questo ebook, perchè una volta diffuso inrete, può portare traff ico al mio sito, attraversol ' indicizzazione di Google, che r iconoscerà questo f i le nel larete, e genererà rank.Non avrò un r i torno in denaro diretto, ma in termini difunzionamento del s i to, che si spera, dovrebbe portarenuovi contatt i , e quindi, lavoro.Questo, é i l concetto.

Se io ne fossi capace, scriverei un plugin per wordpress,per un aspetto legato all 'edi l iz ia o all ' immobil iare, perchèé un ott imo metodo per indicizzare i l proprio s i to (un pluginé associato a un sito).Alcune società, fanno consulenza per i s it i internet, apagamento. Creano plugin professional i , da vendere.Ma prima, per fars i conoscere, ne creano anche digratuit i .Un caso su tutt i : Yoast .Se hai Wordpress, avrai quasi sicuramente i l pluginWordPress SEO di Yoast. E' prat icamente indispensabile, edé gratuito. Lo conoscono tutt i , perchè funziona ed écompleto. Cosa fa?Controlla le nostre pagine e post, indicandoci tutt i gl iaspett i che vanno bene, o che devono essere migl iorat i,perchè Google ci prenda in considerazione.L'ut i l izzo é intuit ivo, perchè presenta una serie di voci conun pal l ino colorato.Se é rosso, la voce non va bene, se é verde, é ok. Faci le.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

33

Page 34: Come fare un sito web per imprese di medie e piccole dimensioni

Ci sono poi alcune gradazioni di gial lo, marrone, arancio,per indicare vie intermedie.Non solo. Testualmente, ci dice cosa non va bene, e cosadobbiamo migliorare.Quando tutto é ok, la nostra pagina avrà i l boll ino verde.

Esempio d i pag i na da o t t im izzareEsempio d i pag i na o t t im izzata

I ragazzi del la Yoast, hanno dimostrato di sapere quelloche fanno, e oggi possono proporre dei plugin apagamento. Io ne ho acquistat i 2, senza nemmenopensarci: Local SEO , e Video SEO . Due aspetti oggiimportantiss imi.Costano circa 50 € l 'uno, e per quel lo che fanno, direi cheé una spesa più che ragionevole.Dei loro plugin, ha scri t to anche Giorgio Tavernit i nel suol ibro SEO Power , che, come i plugin di Yoast , consiglio.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

34

Page 35: Come fare un sito web per imprese di medie e piccole dimensioni

Hanno ottenuto i l r isultato per eccellenza: io ne stoparlando, l i sto consigl iando, e l i sto l inkando.Non é i l r isultato per eccellenza perchè lo faccio io, maperchè ottenere quest i r isultat i , per chi lavora in rete, él 'obiett ivo principale. Non tutt i ci r iescono.Tornando a... theme, la scelta del CMS: io ho WordPress, ésemplice e gratuito.Per spiegare i l suo funzionamento servi rebbe un l ibrodedicato. Posso consigl iart i questo: appena potrai,esploralo in ogni parte dei menu. Un po' alla voltaprenderai famigl iar i tà. Garanti to.

PLUGINSIn rete, t roverai f requentmente delle pagine che ti tolano: “ imiglior i 10 plugin per wordpress”, leggi l i , ma non prenderl i

per oro colato. Legginemolt i, e t i farai un' idea diquel l i veramente famosi.E se sono popolari , c'èun unico motivo:funzionano.Personalmente, facciocosì: vado nel menù deiplugin, e seleziono'Aggiungi nuovo'

Appare la seguente schermata:

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

35

Page 36: Come fare un sito web per imprese di medie e piccole dimensioni

guardo i 'Popolari ' (evidenziato in rosso nel la f igura)ovvero, quel l i più scelt i , votati e scaricati. In genere , sonoquell i che cercano quasi tutt i , per le funzional i tà piùcomuni e richieste.

Attualmente, io ho instal lato i seguenti plugin:

I più diffusi e comuni

Contact Form 7 – Con questo, s i impostano i classici formper i l contatto email, dove l 'utente inserisce la propriaemail, nome, oggetto, e corpo del messaggio. E' anchepossibi le far al legare dei f i le, se ad esempio ci chiedonoun preventivo per dei lavori, e ci mandano i f i le diprogetto.Full UTF-8 – un plugin per correggere alcuni problemi suicaratter i special i.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

36

Page 37: Come fare un sito web per imprese di medie e piccole dimensioni

Google XML Sitemaps – generatore automatico del lamappa del s ito, aggiornata a ogni modif ica chefacciamo. In realtà, io ho att ivato questa funzione nelplugin SEO di Yoast, ma, questo plugin r imane uno dei piùdiffusi, ed é giusto segnalartelo.GRAND Flash Album Gallery – un visual izzatore di gal ler ieimmagini. Si crea una cartella, ci si mettono tutte le fotodesiderate, e questo plugin, l iberamente dimensionabile inlarghezza e altezza, le mostra in sequenza, con lapossibi l i tà di navigare, fermare, andare avanti e indietro, evisual izzare le informazioni della foto (se le abbiamoinseri te). Offre varie vest i grafiche, chiamate 'sk in'. Un paiodi skin sono gratuite, elementari e senza pretese, maperfettamente funzionanti. Alt re, più belle, sono apagamento.

In te ressan t i l e min ia ture che scor rono ne l la par te in fe r io re .

NextGEN Gallery – un alt ro plugin tra i più conosciut i perl ' inserimento e la gest ione del le immagini. Personalmente,non l 'ho mai t rovato di grande uti l i tà. Fa molte cose, macon dei l imit i . Ad esempio, consente di impostare una

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

37

Page 38: Come fare un sito web per imprese di medie e piccole dimensioni

larghezza unica ( in pixel) per la sl ideshow, ma se abbiamola necessità di avere impostazioni diverse, in paginediverse, ci t roviamo in diff icoltà.WordPress SEO – i l famoso ott imizzatore di Yoast. IL suodiretto concorrente, per popolari tà, é All in One SEO Pack ,punteggio 4 stel le con 1450 votazioni. Quello di Yoast, haquasi 5 stel le piene, con 2900 votazioni.

Quelli più specifici per le mie esigenze

Breadcrumb NavXT – Consente di creare un elenco dipagine, per elencare i post che abbiamo prodotto.Broken Link Checker – Dopo un po' di modif iche al tuosito, potrebbe accadere di aver scombinato alcuni l inkinterni t ra le tue pagine e post, rompendoli. Oppure, l ink apagine sterne che non esistono più. Questo plugin fa uncontrol lo dei l ink rott i e ce l i segnala, anche via email.Molto ut i le.Dynamic To Top – Inserisce una freccetta f lottante, checompare nel le pagine/post, e consente di tornare al l ' iniz iodel la pagina, con un semplice cl ick, senza dover srotel larei l mouse. Ut i le in caso di pagine molto lunghe.

I l cerch ie t to rosso con la f reccet ta b ianca. S i può pos iz ionar e ne i var i ango l i de l l a pag i na, a sce l ta .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

38

Page 39: Come fare un sito web per imprese di medie e piccole dimensioni

Elegant Builder – Plugin a pagamento, del la ElegantTheme , per creare del le bel le pagine stat iche, come leschede immobile. Con circa 40 €, forniscono questo plugine alt r i 3, che però non servono a molto. Questo é quelloche vale davvero.Local SEO for WordPress SEO by Yoast – A pagamento,serve per ott imizzare i l s i to in funzione del business locale.Post Snippets – Crea una l ibreria di codici personalizzati .Se in ognuna del le tue pagine, vuoi inseri re sempre lasol i ta tabel la, con i sol it i contenuti, non ha sensoricostrui r la ogni volta, perdendo molto tempo. Si crea unelemento in questa l ibrer ia, e con un click, ogni volta, s iinserisce la tabel la. Si crea la prima volta, s i copia i lcodice nel l 'apposito spazio di questo plugin, e tutte levolte successive basterà un cl ick per inseri r la. Se devipersonal izzare una singola parola o l ink dentro la tabella,puoi impostare i l campo 'variabi le', che verrà chiesta adogni inserimento.PS Disable Auto Formatting – con questo, ho r isolto laconfusione vis iva nel la scheda 'Testo' di WordPress (quel ladove si vede i l codice html), questa é diff ici le da spiegare,dovrai provarla da solo, é l 'unico modo per capire cosaintendo :)Really simple Facebook Twitter share buttons – uno deinumerosi plugin gratuit i che si t rovano in rete, per inseri re ibottoni di share (G+, l ike, ecc.)Regenerate Thumbnails – A volte, é necessario r igenerartutte le thumbnails. Con questo plugin, basta un cl ick.Revision Control – Credimi, pagine e Post s i cambianospesso. Si correggono, s i integrano. Anche in fase direal izzazione, salviamo ad ogni modifica, ma, Wordpressmemorizza una versione del la pagina per ogni s ingolamodif ica. Diventa pesante, perchè in basso vi t rovate unelenco lunghissimo, con tutte le conseguenze anche intermini di memoria e caricamento video. Con questoplugin, ho ridotto la coda al le ult ime 3 versioni modif icate.Schema Creator by Raven – con questo, create datisecondo le codifiche di schema.org.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

39

Page 40: Come fare un sito web per imprese di medie e piccole dimensioni

Video SEO for WordPress SEO by Yoast – a pagamento, perott imizzare l ' indicizzazione tramite i video.Walk Score – americano, fornisce la possibi l i tà di inseri reun frame nelle nostre pagine, contenente una mappa,all ' interno del la quale c'è un punteggio, relativo al lamobil ità pedonale di una zona, in base ai collegamenti eservizi esistenti.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

40

Page 41: Come fare un sito web per imprese di medie e piccole dimensioni

wordpress prevent copy paste – att ivando questo plugin,a chi entra nel tuo si to non funziona i l menù con i l tastodestro del mouse, e non può selezionare i l testo, necopiarlo. I l furto di test i t ra i si t i , é un grosso problema. Sesi fa una r icerca per un dato argomento, non é rarotrovare test i identici. Qualcuno ha copiato. E' spregevole.Ma quel qualcuno, forse non sa che:a. Google identif ica chi ha scrit to per primo, e chi dopo.Penal izzando chi ha copiato.b. esistono servizi on l ine, per identif icare contenuti copiatidal nostro si to.

A questo punto r icorda: Wordpress é una piattaforma nataper i Blog, non per i s i t i vetr ina.

I si t i vetr ina sono un po' superati. Soprattutto, non r iesconoa fars i indicizzare da Google alt rettanto bene. Ed é unaspetto fondamentale.

SCELTA DELL'HOSTINGOra, bisogna scegliere dove parcheggiare i l nostro s i to. Cisono varie società, con vari prezzi, e vari serviz i .Uno dei più conosciut i in Ital ia, é Aruba. Dove attualmentec'è anche i l nostro.Un si to, si può sempre spostare. Sono f i les, alla f ine.In rete ho trovato commenti molto negativi su Aruba.Personalmente non saprei dirne ne bene, ne male. Non homai avuto part icolari problemi.Se un si to funziona bene, e ha migl iaia di vis i te al giorno, ébene veri f icare che l 'hosting fornisca una connessioneveloce.

SCELTA DEL DOMINIOOra, bisogna scegliere i l nome del nostro s ito.Quì, ho ben pochi consigl i da dare.Le strade sono 2:

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

41

Page 42: Come fare un sito web per imprese di medie e piccole dimensioni

1- i l nome del nostro Brand (esempiocostruzionimart ini.com )2- un nome legato al nostro business (esempiorist rutturazionepadova.com ) se operiamo nel lar ist rutturazione.

CREARE LE CASELLE EMAILHai scelto i l dominio, i l CMS, l 'hosting, e hai registrato i l tuoURL. Bene. Ora, devi creare le tua caselle email. Quel lecon i l tuo dominio, che normalmente sono:info@costruzionimart ini.comtecnico@costruzionimart ini.comtizio @costr...caio @costr...

CREARE LE PASSWORDDa questo momento, entrerete in molti s i t i , nei qualidovrete creare un account.Social. Portali . Directory. Informazione.Questo signif ica che ut i l izzerete molto spesso unapassword.Esattamente, ut i l izzerete 2 o 3 codici, in base a quel lo chevi chiederà ogni s ingolo si to:- nome utente, o user- password- indir izzo email

Per i l nome utente, usate i l nome del vostro brand. Se i lvostro nome aziendale é cost ituito da più di una parola,ad esempio 'Costruzioni Edi l i P incopalla', attaccatele in ununica parola 'costruzioniedi l ipincopalla'.Non tutt i i s it i accettano un nome utente formato da parolestaccate; mentre tutt i , accettano l 'unica parola, s ingola.Quindi, per facil i tà e praticità, s ia nel l 'ut i l izzo, che nel lamemorizzazione, userete sempre

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

42

Page 43: Come fare un sito web per imprese di medie e piccole dimensioni

costruzioniedil ipincopalla ; in tutt i gl i account che andretea creare.Questo, favori tà anche i l r iconoscimento univoco delvostro brand, nel web.

Password . Evitate parole e numeri r iconducibi l i a datipersonal i vostr i o di vostr i parenti, f igl i , mogli, amanti; datedi nascita, date particolari , nomi, cognomi, o alt ro.Per chi si diverte in attacchi informatici, é relat ivamentefaci le, scopri r le, non chiedetemi come.Quindi, createne 3, con la fantasia, digitate totalmente acaso, e, cosa importante, usate i caratter i special i : #^?!%&$ etc. assieme a numeri, e lettere mescolate tramaiuscole e minuscole.Non tutt i i s it i accettano i caratter i speciali , l imitandosi adaccettare solo lettere e numeri.I s it i più importanti per i nostr i contenuti (come ad esempioi l server che ospita i l nostro s ito, e i l nostro CMS) accettanosicuramente le password più complesse.I si t i per account di semplice ut i l izzo, potrebbero accettaresolo lettere e numeri.In questo caso, non é consigl iabile avere un'unicapassword 'semplice' che va bene per tutt i .Evitate di creare password da poter memorizzarementalmente. E' inut i le, e vulnerabile.Se usate sempre lo stesso PC in uff icio, i l vostro browsermemorizzerà i dati di accesso (utente e password), e nondovrete digitar l i ogni volta.Se proprio dovrete, potete fare un copia&incol la, comevedremo.Meglio creare almeno 3 password:1 - la più complessa. 20 caratter i , usando letteremaiuscole e minuscole, numeri, e caratter i special i , senzaalcuna sequenza logica. Da usare tutte le volte che saràaccettata dai s it i dove ci st iamo registrando.2 - complessità media: 10 caratter i , in lettere maiuscole eminuscole, numeri, e caratter i special i . La differenza

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

43

Page 44: Come fare un sito web per imprese di medie e piccole dimensioni

r ispetto al la prima, é solo nel la lunghezza, perchè non tutt ii s i t i accettano password lunghe.3 - semplice: una password di 15-20 caratter i, solo inlettere maiuscole e minuscole, senza caratter i special i , dausare nei s i t i che non l i accettano.

Per i s it i 'minori ' , potrebbe servi rvi una quarta password da6 miseri caratteri .

Ogni volta che vi registrerete in un si to creando unaccount, dovrete scrivervi i 3 dati (email, nome utente epassword) in 2 post i :1 - un f i le di testo.2 - un blocco note cartaceo, con la penna.

Per i l f i le di testo, se usate windows, create un f i le *.rt fdirettamente sul desktop, in modo da poterlo averesott 'occhio e apri re, in un att imo, ogni volta che dovreteapri r lo per fare copia&incolla.I l copia&incol la sarà necessario quando i l s i to dove voleteentrare, non consente la memorizzazione dei dati diaccesso. Infatt i , non dipende solo dal le impostazioni delvostro browser, ma anche da quello che i l s ito consente difare.La memorizzazione cartacea é fondamentale, perchè é unsupporto fis ico, e in quanto tale non é vulnerabile a vi rus,crash di s istema, o quals iasi alt ra disgrazia dovessecapitare al vostro computer, tale da farvi perdere tutt i idati, compreso i l f i le dove avete memorizzato le password.

SCELTA DEI COLORI AZIENDALISembra una sciocchezza, ma é uno dei dettagl i cherivelano la serietà, attraverso la precisione.Non mi r i ferisco ai colori in se stessi. Quì é una quest ione digusti personal i , o di colori già consol idati nel tempo.Mi r i ferisco invece all ' identi f icazione precisa e univoca deicolori . Che poi useremo in tutto i l nostro materiale, dal

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

44

Page 45: Come fare un sito web per imprese di medie e piccole dimensioni

bigl ietto da visi ta, al si to, ai block notes e penne aziendali,f ino ai color i del le pareti.Se i l nostro colore é un verde ben preciso, non possiamousare un verde chiaro qua, e un verde scuro la.Con i l digitale e i computer, questo é faci le, bastadedicare un'oretta al la cosa, e i l lavoro é fatto persempre.I color i RAL hanno le corrispondenze digital i .I pr incipali codici per i color i , nel l ' informatica (computerpersonal i , internet, tablet... ) sono 2:

• RGB• ESADECIMALE

RGB

Red Green Blu, i 3 colori miscelati . I l codice diogni s ingolo colore, in mil ioni di sfumature, édato dalla sequenza dei 3 valor i . Un bluelettr ico come questo, ad esempio,ha un codice: R 56 G 7 B 248

ESADECIMALE

Lo stesso colore, corr isponde al seguentecodice esadecimale: #3807f8 che anche inquesto caso é l ' insieme del le tre sequenze 3807 f8, sempre del rosso verde blu, maespresso con un protocollo diverso, e semprepiù diffuso.

Quindi, decidi i colori con calma, ma una volta scelt i , usasempre quell i , ovunque. Quando puoi, nel computer e inrete, digita i l valore esadecimale, così sarà esattamente i ltuo, e non un 'più o meno'.

SCELTA DEL TEMAOra, manca solo i l tema. In rete, si t rovano varie aziendeche vendono sit i preparati, e parzialmente personalizzabi l i .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

45

Page 46: Come fare un sito web per imprese di medie e piccole dimensioni

Io ne conosco una: Elegant Themes. Hanno circa 90 temi,ott imizzati, e personal izzabi l i . Bel l i , aggiornaticontinuamente. Immagino che in ET s i possa trovarequalcosa che ci soddisf i , o, andare in giro per la rete acercare del l 'alt ro.I temi del la ET (Elegant Themes) sono gest ibi l i da unpannel lo di control lo molto completo e ragionevolmenteintuit ivo, chiamato epanel .Naturalmente, molti temi sono pubblicizzati direttamentenel si to WordPress.com .Come abbiamo detto in precedenza, un Tema é insieme

di f i le.Style.css , che definisce lo st i le.Poi, i vari *.php .Per accedere a questi fi le , inWordpress, fai così:Nel la barra laterale s inist ra, entranel menù 'Aspetto ' e dal latendina scegl i l 'ul t ima voce:'Editor ' .Si apri rà la seguente schermata,con al centro la f inestra permodificare i l codice, e sulladestra, l 'elenco dei f i le *.php chenel loro insieme compongono i ltema selezionato. Selezionandouno di quei f i le, esso si apri rànel la f inestra del l 'editor, epotremo modif icarlo.

Dal menù a tendina sul la destra, in alto, sopra l 'elenco deif i le .php, c'è un menù a tendina, dove é possibi leselezionare i l tema da modif icare, t ra quel l i instal lat i inWordpress.Di norma, sono presenti i Temi original i di WP, che siinstal lano assieme al CMS, e i l nostro tema in uso.Nessuno ci vieta di instal larne decine, ma non ci servono,e occupano memoria.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

46

Page 47: Come fare un sito web per imprese di medie e piccole dimensioni

SCELTA DI CATEGORIE E TAG Come già detto, Categorie e Tag identif icano tutt i i postcreati, per mezzo della tassonomia.La scelta é personale, e non posso certo fare degl iesempi.Posso però dart i una nozione tecnica:Non usare le stesse parole per i Tag, le Categorie, e i T itol idei post.Come vedremo, devi att ivart i presso Google WebmasterTools (GWT), st rumenti google per i webmaster. Accederaianche a Google Analyt ics.Quest i due strumenti, ogni giorno, t i dicono come stafunzionando i l tuo si to.Quante persone entrano, cosa guardano, per quantotempo, la città da dove si col legano, ecc..

Nota: quando inizierai a fare questi controll i, sarebbemeglio se dall 'elenco delle visite, fossero escluse le tue,soprattutto all ' inizio, quando sono poche. Per farequesto, aggiungi un apposito plugin al tuo browser, é i lmodo più semplice, anche se funziona solo dal tuo PC econ quel browser. Se ne usi un altro, o da altrapostazione, sarai conteggiato. Per rimuovere tutte levisite dal tuo uff icio, bisogna segnalare i l tuo IPdirettamente ad Analytics. Ma non sono sicuro valga lapena descriverti la procedura qui, ora .

GWT , segnala i problemi che potrebbero penalizzare i l tuosito.I l problema più frequente r iguarda i contenuti dupl icati.Duplicati solo agl i occhi degli spybot del motore dir icerca, e non nel le nostre intenzioni.I l CMS crea del le pagine per i post, ma anche per i tag ele categorie . Lo fa in automatico. Se usiamo la stessaparola in un post, per i l Titolo , i l Tag , e la Categoria ,avremo come minimo 3 voci doppie. Per google signif icache l 'attenzione di un navigatore viene divisa-potenzi lamente- su tre pagine che hanno gl i stessi identici

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

47

Page 48: Come fare un sito web per imprese di medie e piccole dimensioni

contenuti e stessi r i fer imenti, quando é preferibi le r idurrequeste dispersioni d'informazione.Per evitare i dupl icati automatici, la prima regola é usareparole diverse tra i Tag e le Categorie . Ad esempio, noncreiamo un Tag e una Categoria chiamati entrambi'r istrutturazione ' , ma al l imite creeremo il Tag'r istrutturare ' , e la Categoria 'Ristruttura ' .

PERSONALIZZARE IL TEMA

Traduzione in ItalianoMolto probabilmente acquisterai un tema americano, ocomunque prodotto al l 'estero, e quindi, verosimilmente inl ingua inglese.Supponiamo che i l tema si chiami 'Web Real Estate' (nomedi fantasia), e accedete al vostro s ito con Fi leZi l la, al lacartel la:www.costruzionipincopalla.com/wp-content/themes/WebRealEstate/lang' lang ' , o ' language ' . In questa cartel la dovreste trovareuna o più coppie di f i le, con estensione .po e .moad esempio:en_US.poeen_US.mo

'en', sta per 'engl ish'. 'US', per United States, perchèl ' inglese americano é un pò diverso dall ' inglese bri tannico.Quest i due fi le sorgente original i, sono creati daiprogrammatori del Tema, e quasi in ogni paese delmondo, chi lo desidera, può effettuare la traduzione nel lal ingua preferi ta.

Per la l ingua ital iana, dovremmo trovare:i t_IT.poei t_IT.mo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

48

Page 49: Come fare un sito web per imprese di medie e piccole dimensioni

Perchè può servi re la traduzione?I l motivo principale: favori re i vis itatori i tal iani del nostrosito.Se sotto l 'anteprima di un annuncio immobil iare c'è scri t to'read more', non tutt i gl i i tal iani -purtroppo- r iescono atradurre in ' leggi tutto i l resto', per andare a vedere lapagina completa del l 'annuncio.Sto scrivendo queste pagine per piccole realtà aziendaliche, per loro natura, operano in un mercato locale.In sostanza, é raro che uno straniero venga a vedere i l s itodi un' impresa edile locale, che opera a l ivello provinciale.Quindi, r i tengo che l ' interesse primario sia quel lo di andareincontro ai visi tatori connazional i , e semplif icargl i la vita,con parole ital iane.

Se non ci sono, dobbiamo crearle. Tranquil l i , é faci le, unavolta che si sa come fare.

Io ho fatto così:1 - ho scaricato i l programma opensource 'Poedit ' ,letteralmente, i l nome signif ica 'modifica i f i le po'.2 - ho scaricato dal Tema nel nostro s ito, al mio pc, i l f i lesorgente originale 'en_US.po ' (quel lo con estensione .mo écreato in automatico, noi non lo tocchiamo)3 - ne ho fatto una copia rinominandola ' i t_IT.po'4 - ho aperto questo f i le ' i t_IT.po' con Poedit , ed hotradotto tutte le r ighe presenti.5 - al momento di salvare la traduzione, Poedit crea l 'alt rof i le che viaggia in coppia: ' i t_IT.mo', nel la stessa cartella(ma control late che sia la stessa, o vi tocca cercarla ingiro per i l pc)6 - caricate i 2 f i le nel la cartel lawww.costruzionipincopalla.com/wp-content/themes/WebRealEstate/lang (o ' language') delvostro web host ing

Se tutto é andato bene, quando r icaricaricherai la tuahome page, vedrai che le parole inglesi sono state

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

49

Page 50: Come fare un sito web per imprese di medie e piccole dimensioni

sost i tuite da quel le in ital iano (se tal i parole erano presential l ' interno del f i le sorgente en_US.po, e le hai t radotte,naturalmente)

I l processo di t raduzione é faci le.Guarda la seguente schermata...

Schermata PoEdi t . Ne l la par te a l ta c 'è i l contenuto de l f i l e . S i se lez iona una r iga , ene i due r iquadr i so t tos tan t i , su l l a s in i s t ra , abb iamo i l tes to or ig ina le ne l la porz ionesuper io re , e l a T raduz ione ne l r i quadro infer io re . La t raduz i one va inser i ta t ra l e 2v i rgo le t te present i . F ine . S i t raducono le r i ghe che c i i n te ressano, nonnecessar iamen te tu t te , e abb iamo conc luso .

Tema FiglioChiamato in rete 'Theme Child ' , serve per r isparmiarelavoro quando ci sono gli aggiornamenti.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

50

Page 51: Come fare un sito web per imprese di medie e piccole dimensioni

Periodicamente sono aggiornati s ia i Temi che WordPress (oi l CMS che avrai scelto). Più o meno, ci sono circa 2-3aggiornamenti l 'anno.Se abbiamo personal izzato alcuni f i le .php del nostrotema, l i perdiamo quando andiamo a instal lare la nuovaversione.Faccio presente che, per installare i l nuovo Tema, énecessario prima dis instal lare quel lo presente. Perchèhanno lo stesso nome.Per non dover r i -personalizzare tutt i i f i les, quandoeseguiamo l 'up-grade, l 'unica strada possibi le (ad oggi) éla creazione di un Tema Figlio .Così chiamato perchè é letteralmente un discendente delTema principale. Potrebbe contenere anche i l solo fi lestyle.css, con dentro le s ingole r ighe, che r imandano alTema Padre .Non entro nei dettagl i , perchè ho provato 2 volte a far lo enon è stato un successo.La seconda volta ha funzionato a meravigl ia, edeffett ivamente mi ha r isparmiato stress e lavoro.Ma poi c'è stato l 'aggiornamento di WordPress, e quandoho r iatt ivato i l Tema Figl io, i l s i to non funzionava più.Mi s i é gelato i l sangue.Att ivando i l Tema originale (aggiornato negl i stessi giorni diWP) tutto si é sistemato.Ho capito che mi conviene riaggiornare i pochi f i le che hopersonal izzato. Perdo un po' di tempo, ma vado sul sicuroed evito problemi.Ho scri tto un f i le in word, con i nomi dei f i le da modif icare,e le r ighe di codice personal izzato, con la posizione doveinseri r le. Mi basta seguire la procedura. Non devonemmeno fare mente locale, sul le s ingole modif iche;seguo i passi che mi sono scri tto.

Aggiornare il TemaDiscorso diverso per l 'aggiornamento del Tema, con ladis instal lazione dell 'esistente.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

51

Page 52: Come fare un sito web per imprese di medie e piccole dimensioni

In quei 10 minuti nei qual i effettuerai la dis instal lazione del'vecchio Tema', i l tuo si to come appari rà?Bisogna att ivare un alt ro tema, temporaneamente.Io, ho creato una copia intera del Tema, r inominandolo'Tema Switch'.Quando devo aggiornare. Att ivo i l Tema Switch , dis instal loquel lo che stavo usando. Carico quello nuovo, e lo att ivo(disatt ivando automaticamente lo Switch).

Schermata dei temi insta l l a t i . In a l to quel lo at t ivo . Sot to , i l tema per lo sw itch ,per i l quale ho creato anche l ' icona.

Logo TXT nel codice sorgentePochi lo fanno, e ancora meno sanno che qualcuno lo fanel nostro s i to: apri re e visualizzare la sorgente del la nostrapagina web.Ovviamente si può solo visualizzare, e non modif icare.Si può fare con qualsiasi browser: sul la pagina di quals iasis ito, provate a fare cl ick con i l tasto destro del mouse; nelmenù che appare, selezionate 'Visual izza sorgente pagina'.Si apre una f inestra con i l codice HTML.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

52

Page 53: Come fare un sito web per imprese di medie e piccole dimensioni

Se non appare i l menù con i l tasto destro, signif ica che i lgestore del si to a disabi l i tato la funzione, per prevenire i lfurto dei contenuti. Puoi visualizzare comunque la paginasorgente, ma devi accedere al la r ichiesta dal menùstrumenti del browser.Nel f i le sorgente, quasi tutte le r ighe contengono codiciche ogni browser leggerà, t raducendole nel la paginagrafica vis ibi le quando si naviga.Quasi , tutte le r ighe; perchè alcune non sono lette daibrowser, ma solo dal l 'utente umano che guarda loschermo.Queste righe sono normalmente contenuteall'interno del TAG:<!--------riga a piacere-------------->Questa r iga può essere un promemoria, un segnaposto perl ' iniz io e la f ine di una sezione di codice, etc.E' possibi le inseri re nel codice del nostro si to, alcune diqueste righe, con l 'unico scopo di creare i l nostro logoanche nel la pagina sorgente, in modo da renderlo vis ibi leai curiosi che la dovessero apri re.Questo é un esempio del la nostra pagina sorgente:

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

53

Page 54: Come fare un sito web per imprese di medie e piccole dimensioni

Si nota lo schema del logo CM, costruzioni martini, scr i t tocon sequenza del testo 'CM'.Questo codice, va scri tto nel la sezione <head>, nel f i ledel Tema, denominato Header.php.

FaviconLa 'favicon' é i l nostro logo, icona, vis ibi le nel le l inguettedei vari browser, e che identif icano le nostre pagine, inmezzo alle alt re.

Le l i nguet t e d i F i reFox , con le f av i con r i conosc i b i l i . Cos t ruz ion i Mar t in i , Goog le , Goog le P lus , E legant T hemes.

La favicon di Costruzioni Martini,e quel la di Google Search.

La favicon può anche essereanimata. Cattura l 'occhio.Per creare una favicon animata, é possibi le ut i l izzare i lsoftware opensource Gimp .Un'animazione, é una sequenza più o meno veloce, diimmagini f isse. Per creare una gif o una ico animata, inGimp , devi creare tanti l ivell i , quante saranno le tueimmagini in sequenza. Ed esportare i l tutto nel formatoidoneo.Poi, carica i l tuo f i le nella root del si to.Quì, ora, non r iesco ad essere maggiormente esaust ivo,scusami.In ogni caso, é necessario masticare un minimo di nozionidi grafica.

LA GESTIONE DAL NOSTRO PCFidatevi: se vi dedicherete allo svi luppo del si to, creeretemolt iss imo materiale, senza accorgervene. Test i , immagini,video. Soprattutto immagini. Centinaia. Dalle piccoleicone, ai render di grande formato. Dopo un po’, potreste

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

54

Page 55: Come fare un sito web per imprese di medie e piccole dimensioni

accorgervi di non trovare più quello che volete, quando viserve.Non perchè sia sparito, ma perchè sarà come trovare l 'agonel pagliaio.A meno che, non vi s iate ben organizzati pr ima.Io, me ne sono accorto dopo alcuni mesi. E r imettere tuttoin ordine, r ichiede moltissimo tempo.La confusione si può creare anche nel server che ospita i lvostro si to, perché se lasciate immagini inut i l i , questeoccupano spazio, e ve le trovate tra i piedi quandolavorate sul le pagine e sui post.Io ho fatto così: nel computer, ho creato una cartel ladedicata al Si to, e al l ' interno, una serie di sottocartel le cherif lettono la struttura del si to stesso. Posizionando dentro lecartel le del pc, i l materiale usato nel le cartel le del s ito,r ispecchiandone la posizione.

GRAVATARCreate i l vostro logo riconosciuto al l ivello globale inInternet, associandolo al vostro indir izzo email, accedendoal s i to di GRAVATAR .In questo modo, molti appl icativi on l ine faranno appari rei l vostro logo (o fotografia) quando avranno comerifer imento, la vostra email.Ad esempio Google Plus e Google Ricerche ( la paginache apriamo tutt i , quando vogl iamo cercare qualcosa ininternet)Quando vedete una piccola foto, a sinist ra dei r isultat i dir icerca in Google ( le SERP), é quel lo che si ott ieneassociando foto+email+autore dei contenuti del la paginaapparsa nei r isultat i .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

55

Page 56: Come fare un sito web per imprese di medie e piccole dimensioni

Per ottenere questo r isultato, bisogna eseguire laprocedura del l 'AuthorShip.Ma, prima di far la, é necessario fare alt re cose.I l s ito, e i contenuti, ad esempio.

STRUTTURA DEL SITOI software di Google, entrano ogni giorno in mil ioni di s it i . L i' leggono', e l i archiviano.Trattandosi di software che agisce in modo programmato,é necessario preparare i l s i to in un modo che siafaci lmente e ott imamente comprensibi le da tal i software,chiamati spybot.Tale preparazione é l 'att ivi tà principale di un operatoreSEO.Uno degli aspett i che si devono curare per farcomprendere al meglio i l nostro s ito, é la struttura del lostesso.La struttura é l ' ins ieme di sottocartelle e di f i les, relat ivi aicontenuti che creiamo noi.Non ci s i r i fer isce quindi ai f i le del Tema, che sono un'alt racosa. Stiamo parlando di quel lo che mett iamo noi dentroal si to, come materiale informativo. In questo caso,soprattutto per le pagine stat iche, quel le analoghe al si tovetr ina.I post, sono gest i t i ott imamente dal CMS e dal Tema,grazie alle tassonomie. L 'unico accorgimento chedobbiamo avere noi, é nel la scelta di Categorie e Tag.La struttura ideale del s i to, é una questione di buon senso.Nul la di complicato.Dentro al nostro PC, organizziamo le cartel le nel modo piùlogico. Nel s ito faremo la stessa cosa.In un sito t ipico del nostro settore edi le / immobil iare,potremmo avere ad esempio tre aree:

• informazioni su di noi: chi siamo, cosa facciamo,dove siamo, cosa abbiamo fatto, contatt i .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

56

Page 57: Come fare un sito web per imprese di medie e piccole dimensioni

• Informazioni sul l 'att ivi tà per i privati: r ist rutturazioni,manutenzioni, in qual i settor i , descriz ioni, preventivi ,ecc.

• Vetrina immobil iare: le proposte immobil iariLe proposte immobil iar i , potrebbero essere suddivise in:

• Cantier i in corso• Immobil i pronta consegna• Aff it t i• Immobil i che proponiamo per conto dei nostr i cl ient i

Quindi, i l s i to dovrebbe avere una struttura del le cartelle,s imile a questa:

Per ottenere questo, bisogna creare degli ur l s imil i alseguente:http://www.costruzionimartini.com/studio-tecnico/attivi t%C3%A0/indagini-mercato-immobil iare/quotazioni-immobil i -padova-primavera-2013/

E non invece, creare tutte le pagine 'attaccate'direttamente alla home page.La struttura si ott iene impostando la pagina 'genitore ' .Quando creiamo una nuova pagina, sul la destra del laschermata, c'è un menù a tendina, per scegliere (se

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

57

www.costruzionimartini.com

Chi siamo Lavori edili Proposte Immobiliari

Conto vendita

Pronta consegna

Affitti

Cantieri in corso

Page 58: Come fare un sito web per imprese di medie e piccole dimensioni

r i teniamo) la pagina genitore. Se non impostiamo nul la, i lgenitore sarà sempre l 'home page.Nel lo stesso r iquadro, possiamo impostare i l ' template ' ,ovvero, uno degli st i l i di pagina che i l nostro Tema cimette a disposizione.Inf ine, possiamo impostare i l numero di 'ordinamento ' ,att r ibuendo la prior ità, a ogni pagina, r ispetto al le alt re'sorel le' con lo stesso genitore.

Per un approfondimento, puoi dare un'occhiata a questosito .

DIVULGHIAMO E INDICIZZIAMOCI

Quì, inizia il vero lavoroOra che hai creato i l s i to e i pr imi contenuti, devi iniz iare aportare persone, che lo vis i t ino, condividano i contenuti,l inkino le tue pagine.E' a questo che serve tutto i l lavoro. Final izzato a (non mistanco di r ipeterlo): quando qualcuno, nel raggio di 30 km,digita “r istrutturazione edil izia ” o “nuova bifamiliarePadova”, vorrei che i l pr imo r isultato organico , fosse i lmio.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

58

Page 59: Come fare un sito web per imprese di medie e piccole dimensioni

Per arr ivare a questo r isultato, scusami se te lo dico solo aquesto punto del l ibro... bisogna lavorare molto.Molt iss imo. Bisogna creare contenuti, e di qual ità. Megliopochi ma buoni, che tante piccole spazzature.Google riconosce le une e le alt re, e ce le attr ibuisce.Faccio sempre r i ferimento a Google, perchè é i l punto dipartenza per i l 99% del le r icerche fatte in Ital ia. Sevogl iamo comparire in rete, dobbiamo comparire inGoogle.Perchè facciamo un si to?Immagino, sia per farci trovare da potenzial i cl ient i .Come ci t rovano in internet, i potenziali cl ient i?Ci cercano.Dove ci cercano?Dove anche noi per primi, andiamo a cercare qualcosa: inGoogle .Quindi, quello che tutt i vorremmo per i l nostro s ito e lanostra att ività, é: comparire nel le prime posizioni, in alto,nel la prima pagina del la r icerca fatta da un potenzialecl iente.Se abbiamo costruito una bifamiliare nel comune diPadova , e immaginiamo una persona che sta cercandouna bifamiliare in questo Comune, anche se in una zonaprecisa, come Arcel la, Torre, Camin, Nazareth, o alt ro, éprobabile che questa persona inizi la sua r icerca entrandoin Google, e digitando le parole chiave 'bifamiliarepadova ' .Quel lo che servi rebbe a noi, é di compari re almeno neiprimi 3-4 r isultat i , del la prima pagina.Pochiss ime persone, aprono la seconda pagina di unaricerca. Tu l 'hai mai fatto? Io, prat icamente mai.Se fai un si to, e lo 'butt i ' in internet dimenticandolo, f ini rànel la centesima pagina del le r icerche.E' come non averlo .Appari rà sul lo schermo, solo del le persone che avrannocercato esattamente 'costruzioni edi l i pincopalla', i l nomedella tua azienda. Ma quelle persone, più o meno, già t iconoscono.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

59

Page 60: Come fare un sito web per imprese di medie e piccole dimensioni

Stai facendo i l s i to per facil i tare i l compito di t rovart i , al lepersone che già t i conoscono... o vuoi fart i conoscere etrovare anche da chi non t i ha mai sentito nominareprima?Io, lavoro sul s ito per ottenere i l secondo risultato.Per far comparire i l nostro si to (o almeno una delle pagineche cost i tuiscono i l nostro si to), nel le prime posizioni deller icerche, bisogna darsi da fare.Tutto i l lavoro fatto sul nostro s ito, da noi o da un espertointernet al posto nostro, si chiama 'ott imizzazione per imotori di r icerca'.Anche se come già accennato, si potrebbe dire 'per ILmotore di r icerca', dal momento che tutto viene fatto infunzione di Google.In futuro, Google potrebbe perdere la sua leadership, maper ora detiene i l control lo.Google lavora ogni giorno per migliorare la qual i tà del lesue risposte.Non lo fa perchè vuole bene agl i utenti. Lo fa perchè é nelsuo interesse.Se Yahoo dovesse iniz iare a dare r isposte più precise,pert inenti, mirate, e veloci, r ispetto a Google , le personeinizierebbero in breviss imo tempo a usare Yahoo , e Googlein iz ierebbe a perdere utenti, con tutte le conseguenze.Ad oggi, Google é inarrivabile. Migl iora ogni giorno i proprialgori tmi, e i r isultat i sono sempre più precis i .In prat ica, i suoi 'programmi' di control lo dei s it i , arr ivano a'capire' i contenuti di una pagina web, quasi come fossecontrol lata da un essere umano, arr ivando a capire se icontenuti sono val idi, originali , uti l i , se violano leggi ocopyright, e molto alt ro.Chi gest isce un si to quindi, deve sapere qual i regolerispettare e applicare, per rendere una pagina web di quels ito, ' indicizzabi le' da Google.Indicizzare, s ignif ica ottenere un punteggio. Googleassegna un punteggio, un valore, a ogni pagina (a ognunadei mil iardi di pagine presenti nei suoi database). Questo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

60

Page 61: Come fare un sito web per imprese di medie e piccole dimensioni

punteggio é attr ibuito in base a numerose variabi l i , cherimangono segrete.A parte gl i aspett i che r imangono segreti, Google diffondecomunque del le informative, spiegando come devonoessere strutturate le pagine web per ottenere un buonposizionamento nei r isultat i del motore di r icerca piùfamoso al mondo.Gli esperti SEO, conoscono molte di queste regole. Alt re lededucono andando per tentativi e osservando i r isultat i neiposizionamenti.Ci sono 2 modi per comparire nei pr imi r isultat i :1 - in modo naturale, od 'organico '2 - pagandoSchermata da una r icerca Google per ' r is t rut turazione Padova' . Si

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

61

Page 62: Come fare un sito web per imprese di medie e piccole dimensioni

I l posizionamento 'naturale' o 'organico', é quel lo che siott iene semplicemente ott imizzando i l s i to.I l posizionamento a pagamento , si r iconosce perchè éevidenziato, e l 'utente capisce che si t ratta una sorta di...'pubblicità ' . Quel r isultato non si trova in prima posizioneperchè é val ido, ma solo perchè ha pagato.Tu cosa fai quando esegui le tue r icerche personal i?Cl icchi sui r isultati sponsorizzati?Io no.Le percentual i statist iche dimostrano che la grandemaggioranza delle persone reagisce come me, e forse,anche come te.Ecco perchè a volte può essere ut i le pagare unacampagna pubblicitaria in Google, ma non può essere laregola.I r isultati più apprezzati e cliccati, sono quelli 'organici 'o 'naturali ' .

Questo testo, é pensato per chi desidera fare quel che hofatto io:Realizzare un sito rivolto al settore edile, costruzioni,immobiliare, e gestir lo direttamente, senza delegarepersone terze.

Te lo dico subito: é un lavoro vero e proprio. Nel senso cherichiede molto tempo. O lo si fa, o é meglio lasciarperdere.Se vogl iamo che Google ci consideri, dobbiamo fare unaserie di cose:

Materiale da divulgare 'Luoghi' dove divulgarli

• Immagini• Video• Testi• Slideshow• Mappe

• Socials• Sharing• Directory• Forum• Blog

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

62

Page 63: Come fare un sito web per imprese di medie e piccole dimensioni

Inf ine, elencherò gli st rumenti che uso io per crearemateriale, se può essert i ut i le in qualche modo. Lisuddividerei in 'Risorse Esterne ' e 'Software ' .Pr ima di iscr iverci in ogni dove, direi che é meglio creare i lmateriale . Così, da poterlo divulgare quando entreremonei 'Luoghi ' att i al lo scopo, creandovi un account.

MATERIALE DA CREARE

ImmaginiSenza dubbio le più usate, perchè le più faci l ida produrre, con uno scatto dal la fotocameradel telefono cel lulare.Ma le cose più faci l i , raramente sono le migl ior i .Nel settore immobil iare, quando si desiderapresentare un'abitazione, potremmo averealmeno 2 categorie di immagini:

• fotografie• disegni tecnici (planimetrie, sezioni,

prospett i , ecc.)Le foto di piccole porzioni di uno sgabuzzinovuoto, dove si vede un pezzo di muro bianco,un metro di batt iscopa, e un metro quadro diparquet, sono davvero miserevol i . Non possofare a meno di chiedermi perchè lepubblicizzino.Ma la presenza di operatori così mediocri,regala la possibi l i tà di dist inguersi conpresentazioni migl iori .Se si vuole real izzare una presentazioneprofessionale, si può, basta volere. I l costo? Unamacchina fotografica decente, al posto del losmartphone; e, un minimo di formazione sucome scattare del le foto, e cosa inquadrarecon l 'obiett ivo.Le persone che navigano e vedono immaginiogni giorno, sanno ormai r iconoscere al primo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

63

Page 64: Come fare un sito web per imprese di medie e piccole dimensioni

sguardo -e senza nemmeno far mente locale-immagini belle, da immagini brutte.Le r iconosciamo anche noi, quando navighiamoin veste di ' turist i ' , e le alt re persone sono comenoi. Sarebbe stolto, avere due pesi e duemisure, scartando i l brutto materiale in rete, epoi pretendere che gl i alt r i accettino i l nostro,brutto materiale.

L'alt ro t ipo di immagini, è quel lo creato consoftware di grafica. I l più conosciuto éPhotoShop, ma si deve acquistare.I l suo clone OpenSource si chiama Gimp, ed èl iberamente scaricabi le e uti l izzabi le.

Le immagini ut i l izzate nei s i t i , sono di t ipo JPG,PNG, GIF.La più diffusa in assoluto, oggi, è i l t ipo JPG.Perchè a parità di immagine, ha la migl iorecompressione, ed occupa la minor memoriapossibi le.I l formato PNG, consente di avere del le porzionidi foto trasparenti. Per capirci, immaginiamol ' immagine di una sfera verde su fondo bianco.Se ho questa immagine in formato JPG, e lainserisco in una pagina bianca, vedrò la miasfera verde.Se ho questa immagine in formato JPG, e lainserisco in una pagina gialla, vedrò la sferaverde su un quadrato bianco, grande comel' immagine stessa, naturalmente.Se invece ho questa immagine in formato PNG,e al colore bianco assegno i l canale alfa ( latrasparenza) potrò inseri r la in pagine con i lfondo di quals iasi colore, vedrò sempre e solola sfera verde, senza i l contorno, che a volte èdecisamente poco gradevole da vedere.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

64

Page 65: Come fare un sito web per imprese di medie e piccole dimensioni

Con i l formato GIF, s i possono fare del leimmagini animate, cost i tuite da una sequenzadi immagini f isse. É come un micro-f i lmato.

Le immagini s i misurano in pixel, per i lati e perl ' intensità.Lo schermo di un computer portat i le,mediamente, può 'misurare' 1440 pixel inorizzontale, e 900 pixel in vert icale.

Oggi, uno smartphone può scattare foto chemisurano 2304 x 1728 pixel, e pesare 1,00 Mb inmemoria.

Ora, bisogna sempre r icordare 2 cose:• dimensioni• peso in memoria

Avere un monitor largo 1440 pixel, e caricareun' immagine larga 2304 pixel, è come avere untelevisore largo 50 centimetr i , e caricareun' immagine larga 100 centimetr i : per vederel ' immagine intera, dovrò zoomare perr impicciol i r la. Non ha molto senso.Avrebbe senso, se volessi ingrandirequel l ' immagine, per vedere dei dettagl i , ma chilo fa, in rete?Se proprio è necessaria questa funzione,adotteremo i l metodo opportuno.Per i l peso in memoria, t i chiedo: quando apriuna pagina, e questa impiega una vita acaricarsi, cosa pensi?Se la pagina é unica e importante, aspett i masbuff i . Se non é così importante, la chiudi e vaiin un alt ro si to.Le pagine devono caricarsi in fretta.Se contengono immagini, queste devono essereleggere, pesare pochi Kb. Non possono pesare1 Mb.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

65

Page 66: Come fare un sito web per imprese di medie e piccole dimensioni

Esistono almeno un paio di metodi:1. Fancybox2. Diminuzione della quali tà

I l Fancybox è una funzione che associa 2versioni della stessa immagine; una più piccoladi minor qual ità, e più leggera in memoria,presente nel la pagina, veloce da caricare.L'alt ra copia del la stessa immagine, più grande,di miglior qual i tà e più pesante, appare sulloschermo solo quando si fa un cl ick sopra al laprima (quel la leggera). Compare nel lo schermocome un box, una finestra grafica, insovraimpressione.Anche l ' immagine 'grande', in ogni caso, nondovrà avere una r isoluzione maggiore del lamaggior parte degl i schermi.Un' immagine da 800x450 pixel, è un ott imoformato, e in 16:9, che consigl io di usare comestandard, perchè la rete si unirà al la televisione,e i televisor i usano i l 16:9. Almeno così è oggi.Tra 10 anni, si vedrà.

Diminuzione della quali tà.Un' immagine da 800x450 pixel, può pesare 500Kb, o 100 Kb. La stessa immagine.Per 'al leggeri re' l ' immagine, bisogna diminuirnela qual ità.Se l ' immagine originale ha una quali tà del100%, possiamo farne una copia con unaquali tà del 60%-70%, e r idurre di molto i l peso.L'occhio umano, diff ici lmente può notarequesto calo di qual ità.Con una qual ità infer iore al 60%, ce neaccorgiamo faci lmente, e non è i l caso.La riduzione di qual i tà, s i può fare con molt isoftware gratuit i . Io uso XnView .

Densità.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

66

Page 67: Come fare un sito web per imprese di medie e piccole dimensioni

Normalmente, le immagini hanno unarisoluzione pari a 72 dpi. Con questa r isoluzione,si ha una corr ispondenza di 28 pixel = 1centimetro in stampa.

Nota per le immagini nei pdf:Per avere corrispondenza tra immagini e pdf,bisogna crearl i con la stessa r isoluzione dpi.Se ho bisogno di tale corr ispondenza, uso 150dpi, che è molto alto per un' immagine, e moltobasso per un pdf. I l punto d' incontro.

Testi

PDF

pdf per i l download, schede immobil i , materialedi settore cha abbia qualche ut i l i tà.

Creare pdf con gl i stessi cri ter i dei video: dati eparole complete, nel t i tolo, nei contenuti, neil ink interni che r imandano al nostro s ito, perchè if i le l iberamente scaricabi l i, sono ' raccolt i ' da si t idedicati, come 'ebookbrowse'.

Forse, i l modo migl iore per creare f i les PDF, ècon la suite OpenOffice. In particolare, Writer, i lprogramma di scri t tura.

Una volta scrit to i l nostro documento, basta uncl ick nel bottone presente sul la barra strumenti,per esportare nel formato pdf.

Video • non più lunghi di 3 minuti• cambio scena o angolazione ogni 3-5 secondi (o

r ischia di diventare noioso)• scene di scorr imento, orizzontale o vert icale. La

telecamera si muove l inearmente, lentamente, inuna direzione, senza ruotare su se stessa

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

67

Page 68: Come fare un sito web per imprese di medie e piccole dimensioni

• inseri re del le persone nel video, ma solo dettagl i digest i , non i volt i . Così lo spettatore si puòimmedesimare

• effett i s low motion, e accelerazioni, in funzione del lascena, del contesto, e del lo storyboard

• idee per l 'apertura• l 'accensione di una luce• un'alba• l 'accensione di una candela

• idee per la chiusura• spegnimento di una candela con un soff io• un tramonto

• Inseri re alla f ine del T itolo, i termini usati neller icerche (se coerenti con i l contenuto): HD, tutorial ,come fare per , spiegazione , …

• control lare le keywords dal form di r icerca inyoutube, che usa i l suggest

• strumenti: videocamera, fotocamera, caval lett i,drone per le r iprese aeree,

• software videoedit ing• composizione del video: intro, end, credits. Breviss imi

video per l ' introduzione e la f ine, test i animati per icredit i f inali .

• idee video:• Tour Vi rtual i del l ’abitazione• Video promozione dei nostr i serviz i• Video info sul mercato locale• Video Tour del Quart iere• Iniz iative cultural i, sport ive, tur ist iche

• per avere un' idea di video immobil iar i promozional i ,se avete un po' di tempo, potete andare a vederequell i che ho raccolto in questa playl ist 009 | RealEstate | Sal ing Video

• Portali Royal i ty Free per le musiche di sottofondo. Seascoltando i brani sentite una voce che r ipetecontinuamente “audiojungle”, sappiate che si tratta

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

68

Page 69: Come fare un sito web per imprese di medie e piccole dimensioni

di un watermark, ovvero una specie di 'marcatura'anti-copia.

• PremiumBeat.com• Jamendo.com• DanoSongs• Royal i tyFreeMusic• AudioJungle

AudioI f i le audio sono tra i meno conosciut i , come strumento peri l posizionamento SEO, ma sono indicizzati come gli alt r imedia, grazie anche ai metadati presenti al l ' interno.

• Creare i l f i le (voce fuori campo per i video, adesempio), curando:

• nome del f i le• i l testo legato al f i le• le meta informazioni audio ID3, vedere id3.org

( i l collegamento potrebbe essere lento)• t i tolo• nome• t rascriz ione• URL

• tutt i dati che un buon software audio video fa. O siusa servizio on-l ine.

SlideshowQuando creiamo del materiale per i l nostro s ito, loabbiamo disponibi le, basta r iut i l izzarlo in forme e modidivers i.Se ho scri tto un art icolo su un dato argomento, i l più ègià fatto. Dovrò solo fare un copia-incol la, e potròcreare una presentazione del t ipo Power Point, daesportare come una sl ideshow, caricandola nel si tosl ideshare.net .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

69

Page 70: Come fare un sito web per imprese di medie e piccole dimensioni

Naturalmente, anche se facciamo copia-incol la,dovremo curare la presentazione 'power-point ' (o i lgratuito Impress di OpenOffice).La pubblicazione di sl ideshow, aiuta l ' indicizzazione delnostro brand.

MappeA questo dovrest i aver già fatto i l tuo account Google, coni l quale puoi accedere a tutt i i serviz i del colosso del web;r icerche, community, youtube, maps, ecc..Nel la funzione Maps, possiamo creare delle mappepersonal izzate, e inseri r le nel nostro s i to.Quindi, non solo la mappa del 'dove siamo', con i l sol i topal l ino rosso, puntuto nel la parte inferiore, ma anchemappe dei cantier i in corso, dei lavori già fatt i , o diquals iasi alt ro luogo degno di interesse per la nostraatt ivi tà.Possiamo evidenziare i lott i , e marcarl i con un' iconapersonal izzata. E inseri re molte alt re informazioni, olt re ail ink che rimandano al le nostre pagine.Le mappe create non sono vis ibi l i nel la mappa ordinaria diGoogle.Se qualcuno apre la mappa Google, per motivi suoi, nel lazona di un nostro cantiere, non vedrà i nostr i segnaposto.Le nostre mappe sono vis ibi l i solo:

1. nel nostro s i to, se le incorporiamo2. dal l 'utente che cl icca su un apposito l ink, che

rimanda a quel la determinata mappa. Link, chepossiamo inseri re in una email

3. dal l 'utente che cl icca su una SERP, e questo, è forsel 'aspetto più interessante! Se creiamo una mappa,curata come tutt i gl i alt r i material i, con ti tolo,descriz ione, contenuti, parole chiave, ecc., questaverrà indicizzata, e comparirà tra i r isultati di r icerca.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

70

Page 71: Come fare un sito web per imprese di medie e piccole dimensioni

Quindi, prestare attenzione ai nomi assegnati al le mappe.Usiamo parole chiave, perchè anche queste vengonoindicizzate.

Questionario on lineEsistono servizi on-l ine, anche gratuit i , per fare una r icerca,e avere r isposte -ad esempio- su qual ielementi/caratter ist iche le persone vorrebbero trovare nellaloro casa nuova o r ist rutturata. O, qual i serviz i avere dalvenditore, impresa edile, società immobil iare.

LUOGHI DOVE DIVULGAREHai i l s ito, hai i l brand, le passwords, le emails condominio, i l gravatar, un po' di contenuti, e tutto i l resto.Bene, é ora di iniz iare a lavorare.Crea degli accounts nei pr incipali social networks, portaliper lo sharing (scambio f i le), forum, blog, community.

Importante : tutti gli account devono essere coerenti alBrand. Nome, logo, avatar, lo stesso in tutti gli accountche creiamo.

Molti dei s it i e dei socials che seguono, propongonol ' inserimento di un loro badge , nel nostro s ito.Questo, in realtà porta più vantaggi a loro, che a noi.Un si to acquista tanta più r i levanza, quanto più vienel inkato da alt r i s i t i esterni. Facebook é già grande.Immaginate se ogni suo iscr i tto, dotato di un si to, inserisseanche un badge...Viceversa, al nostro si to potrebbe essere l inkato Facebook(l ink reciproco, di corr ispondenza) ma, a noi nonporterebbe grandi vantaggi.Quì di seguito, elenco quel l i più conosciut i ad oggi,settembre 2013. Tra 2 anni... quien sabe?

SocialsNei socials, l 'att ivi tà principale é la chiacchiera /pettegolezzo, con aggiunta di foto, e più raramente di

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

71

Page 72: Come fare un sito web per imprese di medie e piccole dimensioni

video. Dal punto di vista Brand, ci interessa discutere solodel le tematiche legate al business, presentandoci in modoadeguato. Non é argomento di questo l ibr icino, quale sia i lmodo migliore di porsi con le alt re persone. Lascio a te lavalutazione di merito :)Alcuni consigli netiquette:

• Scrivere (parlare) come si mangia• ascoltare e r ispondere in modo coerente• usare domande al posto delle affermazioni• interazioni on-l ine seguite da interazioni off- l ine• svi luppare i l passa parola

Facebook

Non é i l migl iore da un punto di vista SEO, ma é i l piùconosciuto. Può portare traff ico al nostro si to, e in ognicaso, aiuta a diffondere l ' immagine del brand.

NOTA : Non si deve creare la pagina con il nome delBrand, é un errore ( l 'ho fatto anch'io, ma nessuno miaveva insegnato nul la) , la pagina profi lo, dev'esserepersonale, e nessuno ci vieta di comportarci, interagire,e trattare, solo l 'argomento professionale del corebusiness. Poi, possiamo/dobbiamo, creare una 'paginafan', legata al business e non a una persona. Ma ancheper questa, può essere sbagliato darle i l nome delBrand, mentre potrebbe essere preferibile, creare unapagina con il nome legato al tipo di attività, come ilsolito ' r ist rutturazione Padova'.

PAGINA FAN FACEBOOK

• non con i l nostro nome/brand, ma con i lserviz io/target e le parole chiave che vogliamoconquistare:

• r ist rutturazione padova progetto e lavori edi l ir ist ruttura appartamento casa negozio uff iciocondominio progetto e consulenza, e viadiscorrendo.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

72

Page 73: Come fare un sito web per imprese di medie e piccole dimensioni

• caricare una foto che r icordi agl i utenti perché civis itano e che ricordi i l nome del la pagina

• in ‘modif ica pagina’ sezione ‘ info’ inseri re testo enumero di telefono “se vuoi r ist rutturare…ecc”

• Inseri re foto degli interventi• l ink al s i to, blog, ecc• pubblicare note periodiche• pubblicare video• Chiedere di cl iccare ‘mi piace’• Condizionare l ’apertura del la pagina dei contenuti,

con un ‘mi piace’. Ho letto che si può fare, ma nonho veri f icato; inolt re, bisogna avere dei contenutidavvero allettanti, per condizionarne la vis ione...

Google Plus

G+ sarebbe i l diretto concorrente di Facebook, sul lo stessoterreno, e nello stesso segmento di mercato. Perchè diMercato si t ratta. Le persone, sono i l prodotto dacommercial izzare.Ricordiamolo: quando cl icchiamo un 'mi piace', i server diFacebook prendono nota, e archiviano.Quando abbiamo dato un centinaio di mi piace a f i lm,l ibr i, programmi televis ivi , e contenuti web, siamo profi lat ial di là di ogni ragionevole dubbio.Così profi lati , i potenti algori tmi di quest i colossi del web,sanno esattamente cosa ci interessa e cosa cerchiamo, eci proporranno pubblicità perfetamente mirate, con lamigl ior probabil ità di r iuscita possibi le.Antonio sta cercando imprese che rist rutturano? Ha giàfatto 20 r icerche in google e 5 in facebook? Bene, pronti!Ti presentiamo queste aziende che si occupano dir ist rutturazione.Non solo.Queste aziende, sono persino del la zona di Antonio, chegenti lmente, ci ha concesso di r i levare la sua posizione.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

73

Page 74: Come fare un sito web per imprese di medie e piccole dimensioni

Tutto i l s istema, è si sorregge sull 'att ività promozionale. Lapubblicità.Invece di pubblicizzare una cosa a 50 mil ioni di persone,sperando che almeno 1000 facciano un acquisto, s i fa lapromozione solo a quel le 1000 persone. Costa meno, ed èpiù eff icace, perchè quel le persone stanno cercandoesattamente quel lo che proponiamo noi.Ecco perchè è importante esserci, e farsi t rovare, sequalcuno ci sta cercando.Che poi, nessuno ci st ia cercando, perchè dal 2008 siamoin recessione, è un alt ro discorso.

Quindi, in r isposta a Facebook, Google lancia Plus. I l suo+1 corr isponde al ' l ike' di FB.Anche in questo caso, bisogna creare un profi lo personale,r iconducibi le a una persona f is ica. Magari, i l t i tolaredel l 'azienda.Poi, dal profi lo, è possibi le creare una o più pagine Local.Anche in questo social, usate i l logo, i color i , le immagini,create per i l brand.

Pagina profilo

Come si è detto, dev'essere associata a unapersona f is ica. Nel nostro caso, potrebbeessere i l t i tolare del brand. Meglio se siinserisce una bel la foto del viso, r iconoscibi le.Può servi re anche per l 'authorship, di cui t iparlerò tra poco.

Pagine local

Le pagine local sono di 4 t ipi.• Att ività locale• Prodott i , marchi• Aziende, ist i tuzioni• Arte, sport, intrattenimento• altro.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

74

Page 75: Come fare un sito web per imprese di medie e piccole dimensioni

Le pagine relat ive a un'att ivi tà locale, devonoessere veri f icate da Google, per evitare chechiunque possa inventarsi att ivi tà che nonesistono. Dal momento che l 'att ivi tàcomparirà nel la mappa di Google, diventaun' informazione uff iciale, e quasi ist i tuzionale.É normale quindi che si facciano delleveri f iche.Se l 'essere umano avesse la tendenzaall 'onestà, tal i veri f iche non sarebberonecessarie. Ma di cret ini, in giro, ce ne sonotroppi.Per ciò, quando si crea una pagina di Attivitàlocale , Google invierà una cartolina f is ica,al l ' indir izzo del l 'att ivi tà, con un codice diatt ivazione, da inseri re poi on-l ine.La pagina Attività locale , sarà quindiobbligatoria, in quanto corr ispondeall 'evoluzione del le vecchie pagine gial le.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

75

Page 76: Come fare un sito web per imprese di medie e piccole dimensioni

Poi, potremo creare tante pagine, quantesono le att ivi tà gl i aspetti , i prodotti , chevogliamo presentare.Una volta che abbiamo veri f icato la nostraAtt ività locale, consiglio di associarla alnostro canale YouTube.

Authorship

Associare gl i autori dai profi l i google plus.L’Authorship é una procedura per associare inmodo univoco i l profilo Google Plusdell ’autore, con i contenuti che egl i crea nelweb. Sottol ineo nel web , e non solo nelproprio s ito, perchè associando nome, email,e immagine gravatar, a un determinatoautore, agli appari rà come tale in ogni s ito oblog ove pubblicherà qualcosa.I l completamento del la procedura, farà siche la foto del l ’autore compaia sulla s inist radel le serp.

Si può fare così:- creare un indir izzo email con i l dominiodel si to, comemariorossi@costruzionipinco palla .com- creare l’utente ‘mario rossi ’ nel tuo si to(nel la sezione 'Utenti ' di wordpress, o del tuoCMS). Perché in genere, quando si real izza i ls i to, t ra gl i utenti si t rova solo i l generico‘Amministratore ’ . Nella pagina Autore dovraiinseri re l ’ indir izzo email univoco, l ’ indir izzodel la pagina google plus del profi lo (sia nelcampo ‘google+’ che in quel lo ‘si to web’.- ogni contenuto creato da mario rossi nelsi to, gli deve essere attr ibuito, selezionandolo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

76

Page 77: Come fare un sito web per imprese di medie e piccole dimensioni

come autore. Se fai login direttamente comemario rossi, e non come amministratore, i lnuovo contenuto sarà assegnato inautomatico. Se invece accedi come‘Amministratore’, puoi cambiare autore conuna del le funzioni presenti nella schermata diwordpress, in ogni pagina o post. - Mentre sei loggato in Google Plus (cosìGoogle sa che é Mario Rossi, con i l suoprofi lo, a fare questa r ichiesta) vai allapagina https://plus.google.com/authorship efai veri f icare i l tuo indir izzo email. T i arr iva unaemail di veri f ica, ci cl icchi dentronel l 'apposito l ink e la veri f ica é fatta.

Poi, per buona misura:

- procurati l ’ indir izzo ur l del la vostra paginaautore , che dovrebbe essere più o menocosì:http://www.costruzionipincopalla.com/author/mario-rossi

- vai nel la pagina del profilo Google Plus ,apri la scheda ‘ Informazioni ’ , cerca i lr iquadro in basso a destra chiamato ‘Link ’ ,nel la parte ‘Altri profi l i ’ inserisci tutt i i tuoi l ink,dei socials, del s ito aziendale, ecc.

- nel la parte ‘Autore’, inserisci almeno 2 l ink:

- la tua pagina autore, menzionatapoco fa

- la pagina del tuo sito aziendale

- ovviamente, impostando ‘Autore attuale ’

- l ’ul t imo passo é un po’ complicato. Pernon r ischiare di compromettere i l codice deltuo Tema, con risultat i devastanti, nonmetteremo mano a nessun f i le *.php, ma cil imiteremo a impostare 2 campi nel plugin

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

77

Page 78: Come fare un sito web per imprese di medie e piccole dimensioni

che dovi per forza avere: Wordpress SEO diYoast . Nel le sue impostazioni cerca la scheda‘Socials ’ , e dentro a questa, cerca Google+ ,qui, seleziona l ’autore Mario Rossi nel pr imocampo, superiore, dal menù a discesa,mentre nel campo inferiore, inserisci l ’urldel la pagina profilo Google Plus . I l plugininseri rà i l l ink con un rel=publisher neltemplate del la pagina autore.

- Purtroppo, non é i l rel=author chevorremmo, ma, la procedura per modif icare i lf i le *.php é complessa ed esula dal lo spir i todi questo scri t to. Inolt re, Elegant Themes nonusa i l f i le author.php , bensì i l f i le index.php.Bisognerebbe copiarlo, r inominarlo comeauthor.php e personal izzarlo, aggiungendo i lcodice necessario, nel posto giusto. Écomplicato e forse i l gioco non vale lacandela. Se é ancora att iva la pagina web,potete vedere una buona spiegazione qui:http://www.webinfermento.i t /google-autorship-markup-come-implementarl i -per-wordpress/Però, é un di più da perfezionist i , perché coni passaggi fatt i f in qui, io già vedo la foto delmio profi lo nel la SERP di un paio di r icerche,che potete veri f icare per curiosità se neavete vogl ia, digitando una r icerca per:

‘come calcolare superficie commerciale’

che corrisponde al la pagina:http://www.costruzionimart ini.com/dir i t to/acquisto-vendita/come-calcolare-superf icie-commerciale/

‘ impresa esecutrice direttore lavori’che corrisponde al la pagina:http://www.costruzionimart ini.com/condominio/impresa-esecutr ice-direttore-lavori- r ispondono-sol idalmente/

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

78

Page 79: Come fare un sito web per imprese di medie e piccole dimensioni

Inf ine, t i segnalo che attualmente, le fotodel l 'autore, nel le SERP, vanno e vengono.Nessuno sa come e perchè Google sicomporti in questo modo, ma tant 'è.

Community

In Google Plus ci sono centinaia dicommunity, su ogni argomento e passione.Esistono, perchè ogni s ingolo utente, con unprofi lo, può crearne una.In genere, quel le con più iscr it t i , sono quellepiù ' faci l i ' : immagini. Pochiss imo testo,molt iss ime immagini. Minimo sforzo, ma,iscr it t i a parte, anche poco r isultato, ai f inidel l ' indicizzazione di un brand.Apri re, e far crescere una community,facendo iscrivere molte persone che parlanodella nostra azienda o della nostra att ivi tà,r ientra più nel la sfera del WikiBrand.Personalmente, r i tengo sia alla portata deisol it i colossi: Samsung, Apple, Lego, e legrandi catene legate al la r istorazione. Farewikibrand r ichiede persone che olt re a saperinteragire, lo facciano praticamente dimestiere, 8 ore al giorno, solo quello.

Twitter

Tutt i ne hanno senti to parlare. Non tutt i lo usano.Si possono scrivere breviss imi messaggi, che possonoessere propagati in modo virale, con i re-tweet.Nel l 'uso che interessa a noi, può essere ut i l izzato per lenotiz ie/informazioni spot.Per alcuni argomenti, è più idoneo un bel post corposonel nostro s i to. Mentre per alt re informazioni lampo,come ad esempio “prorogato i l Piano Casa conDecreto n° X in data xx.xx.xxxx” si presta a un tweet.Richiede pochissimo tempo, e male non fa.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

79

Page 80: Come fare un sito web per imprese di medie e piccole dimensioni

LinkedIn

LinkedIn è una sorta di social r ivolto al mondo deiprofessionist i . Gente in carriera. Pubblicizzare se stessi,in qual ità di espert i in un dato settore, con determinatecompetenze. In prat ica, un mega curr icula.All ' interno del quale, è possibi le farsi 'amici ' , detto'metters i in contatto' alt r i professionist i .L ' intenzione, dovrebbe essere quel la di creare una retetale, da trovare un esperto in una data materia, nelmomento in cui se ne avesse bisogno.Nel la realtà... per ora, mi sembra solo l 'ennesimoportale dove molt i s i mettono in contatto perchè siconoscono già dal vivo, personalmente, e dentroLinkedIn non si scambiano nemmeno un 'ciao'.Per avere un profi lo con piena funzional ità, inolt re, s ideve pagare per passare al la vers ione PRO.É possibi le creare dei gruppi di discussione. Ce nesono, che trattano di nanotecnologie...Ritengo possa funzionare, per una minima parte degl iiscr i t t i . Che come requisi to base, devono avere unaperfetta conoscenza dell ' inglese, e interagire conprofessionist i di tutto i l mondo.

Se in futuro, alt r i socials dovessero prendere piede, comead esempio Tumblr , naturalmente dovremmo prenderl i inconsiderazione.I social appena elencati, ci chiedono di poterl i col legarereciprocamente, così che, se scriviamo una cosa intwitter , appare anche in Facebook , e via discorrendo.Tutto serve per aumentare la massa dati legata al nostrobrand, presente in rete.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

80

Page 81: Come fare un sito web per imprese di medie e piccole dimensioni

SharingNei si t i di sharing, l 'att ivi tà principale consiste nel fareupload di materiale mediatico: immagini e video.

Immagini

Flickr

In Fl ickr è possibi le avere uno spazio gratuito,oppure a pagamento. I l costo per un anno èdavvero modesto, per due anni, davvero i r r isorio.Se hai bisogno di mettere on-l ine moltissime foto,potrebbe valerne la pena.Si possono creare album e gal lerie.Ideale per gl i appassionati di fotografia. Se netrovano di bel l iss ime, ma attenzione, i di r i t t i sonoriservati, non possiamo prenderle e r iut i l izzarle.

Picasa

Dopo aver creato Plus come r isposta a Facebook,Google ha creato Picasa per metters i inconcorrenza diretta con Fl ickr.Del resto, quel lo delle immagini è oggi i l settoredominante in rete, con mil ioni di foto caricate ognigiorno.Possiamo scaricare l iberamente i l software Picasanel nostro PC. Con esso è possibi le r i toccare leimmagini, e caricarle in una sorta di cloud, inGoogle, organizzandole in album.Le immagini caricate in Picasa (ut i l izzando semprelo stesso account di Google) possono essereuti l izzate per dei post nel le community di Plus.

Panoramio

Appart iene anche questo al la galassia Google.Possiamo caricare immagini di luoghi, indicandoesattamente la posizione geografica, un t itolo, unadescriz ione.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

81

Page 82: Come fare un sito web per imprese di medie e piccole dimensioni

Tali immagini, compari ranno in Maps, e in Earth,esattamente nel luogo in cui sono state geo-taggate.

Pinterest

É consigl iabi le creare del le board con varie parole,perché esse formano i l T i t le, che viene indicizzatobene da Google

Commentiamo le alt re board, così verremoindicizzati.

Houzz

Questo, è un portale americano. Espressamenterivolto ai professionist i del le costruzioni, del design,del la progettazione, home staging, ecc.. Insomma,al mondo della casa sotto i l profi lo del laprofessional i tà.

Possiamo creare un profi lo, e delle Ideabook .

Un' ideabook è un album di immagini.

Navigando nel portale di Houzz, possiamo vederemigl iaia di foto, tutte davvero molto bel le, i l l ivel loquali tativo è alt iss imo.

Le foto che ci piacciono di più, possono essereraccolte in una serie di Ideabooks a tema. Crearequindi un' ideabook per le case in mattoni a vista, oper i bagni, o i l giardino, o un part icolare st i learchitettonico o di design.

Possiamo anche incorporare le ideabooks nelnostro s ito, con i l relativo codice embed. A me nonè piaciuta molto questa fuzione, perchè pone i ll imite di 20 immagini, e sono visual izzate con uneffetto pan+zoom che non r isponde ai miei gust i .

Ma, per i l resto, credo valga la pena iscr ivers i , nonsolo per pubblicare, ma soprattutto per sfogl iare le

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

82

Page 83: Come fare un sito web per imprese di medie e piccole dimensioni

immagini presenti, e trovare migliaia di idee espunti creativi .

PhotoSynth

Questo è un prodotto Microsoft. Consente direal izzare viste a 360°, sfer iche, e di incorporarlenel nostro s i to con un codice embed.

Per dart i un' idea, immagina streetview di Maps. T ifermi in un posto del la mappa, e puoi vedere tuttoquel lo che c'è intorno, sopra, e sotto.

Photosynth ci consente di far lo per quei luoghiprivati , o inaccessibi l i per le automobil i di Googleche vanno in giro per i l mondo. Ad esempio, i lcontesto di una nuova iniziat iva immobil iare.

Andiamo sul posto, scattiamo una serie di foto,ruotando sul posto, e su varie incl inazioni, in mododa fare una fotografia per ogni punto intorno a noi,attorno, in alto, in basso.

Scarichiamo gratuitamente Microsoft ICE,l 'appl icativo necessario per l 'elaborazione. Questosoftware, trova i punti in comune nel lasovrapposizione del le varie fotografie, e le unisce.Terminata l 'elaborazione, ci consente di caricarlanel si to di Photosynth, nel quale dobbiamo aver giàcreato i l nostro account.

Una volta caricata la panoramica, possiamovisual izzarla, e, inviare i l relat ivo l ink agli amici, oalle persone interessate.

La cosa forse più interessante per noi, è lapossibi l i tà di inseri re la panoramica nel nostro s ito,come detto, con un embed.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

83

Page 84: Come fare un sito web per imprese di medie e piccole dimensioni

Video

YouTube

Create un canale con i l vostro brand,inserendo i l logo , la copertina , e tutt i gl i alt r idati. Con cura e completi.

Collegate i l canale al vostro profilo G+ o auna del la pagine local che avete creato.

Create del le playlist .

Nei video da inseri re in YouTube, curare:

t itolo - con dati tecnici e parole chiavecome 'parte 1' 'vers ione integrale' 'HD', ecc.

descrizione – inserendo le nostre parolechiave (quel le che vogl iamo conquistarenel le r icerche)

sottotitoli – minimo sforzo, grandi r isultati ,fal l i anche in alt re l ingue, soprattuttol ' inglese.

annotazioni – elementi che compaiono insovraimpressione, e che possono conteneredei l ink verso i l vostro canale. Se otteneteuna buona reputazione, un po' al la voltapotrete inseri re anche i l ink esterni verso i lvostro si to (cert i f icato attraverso i l profi loG+, e gl i st rumenti di GWT)

dati della progressione video - che Youtubetraduce in capitol i interni per faci l i tare lanavigazione del l 'utente all ' interno del videostesso, saltando direttamente da un puntoal l 'alt ro del lo stesso.

Youtube

dispone di st rumenti per l 'edit ing video,correzioni varie, inserimento di brani musical idi sottofondo, tagl i , inserimento di test i , e,

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

84

Page 85: Come fare un sito web per imprese di medie e piccole dimensioni

cosa abbastanza carina: potete inseri re unlogo in sovraimpressione.

Youtube analytics

• origini del t raff ico nei nostr i video

• quale canale ci porta utenti

• le chiavi usate per raggiungerci

• vedere in che posizione siamo, per laparola chiave che vorremmoconquistare

nella descrizione del video

• inseri re i l l ink al l ’eventuale pagina web,usando l ’http che lo trasforma in l inkatt ivo

• indicare la musica di sottofondo usata,i l software ut i l izzato, i l luogo di r ipresa,indicazioni e curiosità

nel canale YouTube

• Att ivare i l logo (che ha un l ink al nostrocanale, e compare ovunque siaembebbato)

• Aggiungere un badge al s i to, per fariscr ivere gl i utenti direttamente dal lanostra pagina; ut i l izzando questocodice if rame:

<iframe id="fr" style="border: 0px; height: 100px; background: #FFF; overf low-x: hidden; overf low-y: hidden; width: 300px;" src="http://www.youtube.com/subscribe_widget?p=nomecanale " height="240" width="320" frameborder="0" scrol l ing="no"></iframe>

• Chiedere di diventare ‘partner ’

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

85

Page 86: Come fare un sito web per imprese di medie e piccole dimensioni

Vimeo

In Vimeo é possibi le caricare video ad altar isoluzione. E' indicato per i videopromozional i di buona qual i tà

Dailymotion

In Dailymotion, preferiscono i video dinatura ludica personale, e meno quel l iaziendali. Tuttavia, se non vi segnalanoproblemi, caricate.

Testi

Beh... creare foto e immagini, come abbiamogià detto in precedenza, è una cosa che puòfare anche nostro nipote di 14 anni. Crearetest i , r ichiede un minimo di cara, vecchia,cultura. Un minimo. Leggere test i , in rete, scri tt iin un ital iano improbabile... non è cosa moltogradevole.Possiamo crearl i off l ine, e poi up-loadarl i , invarie forme. Fi les doc, pdf, txt, ecc.. Oppurescrivere un post nel nostro si to, nai vari socials,nel le community, nei blog, nei forum.Forse, la procedura più semplice ed eff icace, èquel la di creare un post nel nostro s i to, e poicondiderlo in tutt i i suddett i s i t i .Nei socials s i vedrà i l t i tolo e l ' immaginecollegata al post, e chi vorrà leggere, con uncl ick entrerà nel nostro si to, portando traff ico, eindicizzandoci.

L ' importante, è scrivere bene, qualcosa cheserva a qualcuno, e che questo qualcuno locondivida con qualcun alt ro.

La condivisione dei f i le pdf, può avvenirealmeno in due modi:

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

86

Page 87: Come fare un sito web per imprese di medie e piccole dimensioni

• mettendoli a disposizione per i l downloadnel nostro s i to

• caricandoli in apposit i s it i di ebook

Slideshow

In questo momento, in Ital ia, i l pricipale sito permettere in rete le nostre presentazioni, èSlideshare.net . É lecito e ragionevole pensareche in futuro, se i l canale avesse part icolaresuccesso, si affacceranno alt r i concorrenti.Google, soprattutto.

Mappe

Anche Microsoft ha i l suo servizio Bing mappe.Ma è meno famoso e ut i l izzato delle mappeGoogle. Ciò non togl ie, che per alcune zone,le immagini satel l i tari di Bing sianoquali tativamente migl iori . A volte, vale la penavisual izzarle entrambe.

Places

É un servizio Google, che é in fase inincorporamento con le pagine Local di Plus.Pr ima del la creazione di Plus, Googleconsentiva di creare una pagina aziendale nelserviz io Places, i l cui r i fer imento veniva poiinserito nel la Mappa. Se apriamo Maps, efacciamo un zoom molto vicino al terreno, inuna città, noteremo che compaiono ir i fer imenti al le att ivi tà commercial i , studiprofessional i , ecc.. Sono att ività inseri te inGoogle Places.Ora però, è in atto la migrazione di tuttequeste att ivi tà, verso le pagine local di Plus.Non tutt i gl i operatori economici che hannocreato un apagina in Places, hanno provveduto

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

87

Page 88: Come fare un sito web per imprese di medie e piccole dimensioni

alla creazione di un profi lo in Google Plus, enon l i s i può obbligare. Quindi, verosimilmente,Places continuerà ad esistere, f ino a quando lamigrazione non sarà completa.Tuttavia, nel f rattempo, se si sono fatteentrambe le pagine, s i possono creare deiconfl i tt i , e Google ci segnala che c'è unproblema di autenticazione.É anche vero che, se apriamo Maps, ecl icchiamo sul l ink “vuoi far comparire la tuaatt ività nel la mappa?”, ci si presenta ancora i ls i to di Places.Insomma, sembra che oggi, si debbano fareentrambe, ma, bisogna fare attenzione adusare lo stesso account con la stessa email dir i fer imento, o potrebbe r isultare che ci sonodue proprietari divers i per la pagina Places, el 'Att ività locale di Plus.

Directory e Motori di RicercaPer farci t rovare nei motori di r icerca, dobbiamo direloro che esist iamo.Andremo quindi a segnalare i l nostro s ito neiprincipali motori , e nelle principali Directory.Una Directory, consiste in un archivio di si t i , suddivis iper settori , nel modo più preciso possibi le.Quindi, s i potrebbe avere ad esempio un proprio si toindicato nel la Directory:

Europa > Italia > Costruzioni > Edilizia >Residenziale

Motori di Ricerca

Google + Analyt ics

Yahoo+Bing

Yandex (Russia)

Baidu (Cina)

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

88

Page 89: Come fare un sito web per imprese di medie e piccole dimensioni

Directory

DMOZ

Ci moltissime directory in rete, ma poche sonoval ide. Dmoz è forse la più conosciuta.

Molte directory fanno solo spam.

Un elenco di Directory i tal iane, si può consultare nelsi to di Giorgio Tevernit i , qui .

ForumTroviamo e iscr iviamoci, ai miglior i blog chetrattano i l nostro settore economico. Epartecipiamo!É senz'alt ro uno dei modi migl iori per far indicizzareil nostro brand on-l ine.

BlogSi differenzia dal Forum, perchè è più una sorta didiar io personale, dove andiamo a scrivere degliargomenti che ci stanno a cuore.Può essere i l nostro blog personale/aziendale, oquel lo di qualcun alt ro, che ci r iconosce e autorizzacome autori .

STRUMENTI per CREARE CONTENUTI

Risorse EsternePer r isorse esterne, intendo i s it i di terzi che ci consentonodi incorporare contenuti nel nostro s ito, grazie a unembed, o a un plugin nel CMS.

Floorplanner – Questo servizio consente di crearefaci lmente le planimetr ie in 3D degli immobil i , anchesu più piani, la possibi l i tà di visual izzare in 2D o 3D,

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

89

Page 90: Come fare un sito web per imprese di medie e piccole dimensioni

ruotare la planimetr ia in ogni direzione, zoomare in eout. Inseri re arredamenti, colori , e accessori .

Una volta creata, possiamo inseri r la nel nostro si tocon un embed, l iberamente dimensionabile inlarghezza e in altezza (in pixel).

I l serviz io è a pagamento, ma i l costo è modesto: 10€ per un anno, con 5 progetti compresi (2€ l 'uno), ela possibi l i tà di acquistare di aggiuntivi , al prezzo di2,50 €/cad.

WalkScore – Consente di incorporare nel nostro s ito,e in part icolare nel le schede di un immobile, lamappa del terr i tor io circostante, con indicati i serviz ipresenti ( r istoranti, fermate autobus, farmacie,scuole, ecc.) e un punteggio, relat ivo alla mobil ità apiedi/bicicletta.

I l serviz io è gratuito.

YouTube – Possiamo incorporare i video, nel nostrosito.

Picasa – Possiamo incorporare le s l ideshow dei nostr ialbum. Non è i l massimo, perchè se si cl icca soprauna foto, si apre la nostra pagina Google Plus Foto,ma, in fondo, r imane un col legamento al nostrobrand.

Può essere uti le, se abbiamo gal lery con molt iss imefoto, e lo spazio a disposizione nel nostro serverhost ing è l imitato.

Maps – Possiamo incorporare le nostre mappepersonal izzate, evidenziando aree e bordi, condiversi color i e trasparenze; inseri re informazioni, esegnaposto con icone personal izzate.

Un' icona personalizzata, deve essere presente in unacartel la del nostro s ito, e avere un indir izzo ur l comequalsiasi alt ra immagine. Quando selezioneremo'icona personal izzata' in Maps, dovremo inseri rel ' indir izzo ur l corretto, comprensivo di http://

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

90

Page 91: Come fare un sito web per imprese di medie e piccole dimensioni

Software

Opensource

WordPress – Un CMS per creare e gest i re i l nostrosito web. Ricco di plugin aggiuntivi gratuit i .

FileZil la – Consente di col legarci via FTP alnostro hosting server, e gesti re i l nostromateriale, come se stessimo lavorando nel lecartel le del nostro PC con Gest ione Risorse.

CodeLobster – Consente di elaborare emodif icare i l f i le con estensione .css, .php, .xml,ecc.

PoEdit – Consente di modificare/tradurre i f i lecon estensione *.po, contenenti le parole usatenel Tema, nel le varie l ingue del mondo.

OpenOffice – Versione gratuita del la famosasuite Off ice di Microsoft, contiene gl i stessiappl icativi: Wri ter per la scri ttura, Impress per lepresentazioni, Calc per i fogl i di calcolo.Supporta con facil i tà l 'esportazione in pdf.

Gimp – Versione gratuita di PhotoShop, non haun' interfaccia molto intuit iva, anzi. É necessariofermarsi un att imo e studiarlo. Ma, per le cosepiù semplici, è davvero molto ut i le.

XnView – Con questo freeware, è possibi le apri ree visual izzare quasi tutt i i formati grafici. S i puòfaci lmente r itagl iare e r idimensionareun' immagine, e r idurne la qual i tà peralleggeri rne i l peso in memoria. Si possonoritoccare i l contrasto, i color i, le tonal i tà, ma nonelaborare l ' immagine aggiungendo elementigrafici.

PhotoSketcher – Freeware per applicare decinedi effett i grafici al le immagini, ognuno dei quali ,regolabi le. Molto intuit ivo e rapido, s i migl iora

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

91

Page 92: Come fare un sito web per imprese di medie e piccole dimensioni

un' immagine in pochi secondi, selezionandol 'effetto desiderato, regolando le varieimpostazioni, e visual izzando in tempo reale i lconfronto tra l 'or iginale e la modif ica.

Fast Image Resizer – Freeware che r idimensionaal volo ( letteralmente) le immagini. Bastaimpostare la r isoluzione desiderata, e trascinarecon i l mouse uno o centinaia di f i les immagine,sopra la f inestrel la di Fast Image Resizer, e cit roviamo una copia r idimensionata di tutte leimmagini, in una sottocartella. I f i les or iginal i nonsono modif icati. Viene creata una copia di ogniimmagine, dimensionata nel modo scelto.

É particolarmente uti le quando si necessita unridimensionamento di massa.

Abbiamo scattato 100 foto in cantiere, conrisoluzione 2300x1700 pixel, e vogl iamo

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

92

Page 93: Come fare un sito web per imprese di medie e piccole dimensioni

r idimensionarle tutte in massa a 800x450 pixel,senza prenderle una per una, perdendo 2 ore.

Rename & Resequence Files – Abbiamo 100immagini in una cartella, ognuna con un nome acaso, che non centra nul la con i l nostro lavoro, evogl iamo rinominarle tutte in massa, con lostesso nome, seguito da un numero progressivo(perchè sappiamo che due f i les nel la stessacartel la, non possono avere lo stesso nome),quindi, se vogliamo che tutte s i chiamo“fondazioni_001” “fondazioni_002”, ecc. ecc.,apriamo questo freeware, selezioniamo lacartel la che contiene le immagini in questione,indichiamo “fondazioni” nel nome comune daassegnare, e i l numero di partenza per lanumerazione, cl ick. In un att imo, avremo tutte leimmagini r inominate da “fondazioni_001” a“fondazioni_100”.

Free Make Video Converter – Ott imo freewareper convert i re f i les video in tutt i i pr incipal iformati (avi, mpeg, ecc.) e anche per caricarl i inYouTube con le impostazioni corrette.

Consente di impostare la presenza o l 'assenzadell 'audio, o anche di estrar lo, se ad esempio,scarichiamo un video musicale e vogl iamoestrarre solo l 'audio in formato mp3.

Consente anche di tagliare, cucire, fondere,video. Attenzione: operazioni basi lar i, e non divideo edit ing.

CamStudio – Consente di catturare in un videoquello che accade sul lo schermo. Uti le percreare presentazioni di qualche tipo (come unalezione sull 'uso di un software, in un tutorial), oper catturare una navigazione aerea in GoogleEarth.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

93

Page 94: Come fare un sito web per imprese di medie e piccole dimensioni

Video Spin – Freeware per fare video edit ingmolto elementare. Se non hai part icolariesigenze, può andare bene. Ma appena prendiconfidenza con lo strumento e le potenziali tà delvideo edit ing, e se hai un po' di passione perqueste cose, passerai presto a un softwarecommerciale, a pagamento.

In ogni caso, VideoSpin consente di tagl iare,inseri re immagini, t i tol i , ed effett i di t ransizionetra un elemento e l 'alt ro.

Ha un'unica pista, dove poter col locare gl ielementi mult imediali .

Ott imo per un uso casal ingo e amatoriale, senzamolte pretese.

SketchUp – In due versioni, Freeware (gratuita) ePRO (a pagamento), è un software per i l disegno3D, rapido e intuit ivo, lameno per le funzionibasi lar i . Per le cose un po' più spinte, r ichiede unminimo di studio. Si trovano in rete molti plugin,alcuni gratuit i alt r i a pagamento.

I plugin più r icercati, r iguardano i l rendering, lapossibi l i tà di ottenere immagini di qual i tàfotografica.

Blender – Modellatore 3D in senso assoluto, puòessere usato per creare f i lm di animazione, conforme organiche e non solo geometr iche. Scene,material i , luci, telecamere, e molte alt re funzionianaloghe a programmi come 3DStudio Max. Maquesto, a differenza di 3DS Max che costa comeun rene, è un open source.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

94

Page 95: Come fare un sito web per imprese di medie e piccole dimensioni

Commerciali

PowerDirector – Programma per i l video edit ing,può fare cosa molto bel le. Costa circa 50 €.Considerando quel lo che fa, e i r isultati ottenibi l i ,sé un costo davvero ragionevole.

Se lo prendi, t i consigl io di esplorarlo per bene,perchè ha alcune funzional i tà molto bel le, nonimmediatamente evidenti.

Se poi s i vuole andare sul professionale, espendere decisamente di più (circa 1000 €)esiste Final Cut.

IL MERCATO IMMOBILIARE IN RETEL’utente che naviga… (secondo studi e r icerche)...

• Cerca informazioni, ma anche soddisfazione ludica• Ha la concentrazione breve

• Pagine leggere e molto intuit ive• Poco testo• Molte immagini• Video• Animazioni• Sintesi, t ipo sl ide share

• Cerca per :• necessità• curiosità• emulazione

• Bisogna trasmettergli :• carattere ist i tuzionale• conoscenza approfondita del settore• lavori fatt i• consigl iare e aiutare• atmosfera gradevole• empatia

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

95

Page 96: Come fare un sito web per imprese di medie e piccole dimensioni

• I suoi elementi di decisione• Preventivo spesa• Progetto fatt ibi l i tà• Finanziamento

• Elementi che agiscono• Emozione trasmessa. L’aspetto emozionale ha i l

ruolo del leone.• L’acquisto é guidato da sensazioni ed emozioni• Solo dopo, s i cercano informazioni e

approfondimenti

• Fidelizzazione• Newletter / RSS / email per aggiornamenti

poco frequenti (per non disturbare):• quotazioni immobil iar i• nuovi cantieri o progett i• novità f iscali• novità normative che interessano tutt i

(come il piano casa)• Aperit ivo in cantiere

CONSIGLI VARI e ACCORGIMENTI

AdWordsLa campagna pubblicitar ia monopolista in internet, diproprietà Google. Può aiutare a creare vis i te nel la faseiniziale, per dare un punteggio al nostro si to, che poir iuscirà a camminare con le proprie gambe, dopo i lvolano iniziale.Finora non l 'ho usato, quindi, non saprei parlarne, se nonper concett i molto generici:S i paga per appari re nelle r icerche per determinate parolechiave. Faccio sempre i l sol i to esempio di ' nuovabifamil iare Padova ' o di ' r ist rutturazione padova ' .

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

96

Page 97: Come fare un sito web per imprese di medie e piccole dimensioni

Se c'è poca r ichiesta (concorrenza) per quella parola,pago poco; o, i l contrario.Si può pagare non per ' impressioni ' ma per cl ick effett ivi ,ovvero, se qualcuno ha fatto materialmente click sul miol ink, ed é entrato nel mio si to. Le impressioni sono lacomparsa del nostro l ink, sul lo schermo dell 'utente che staeffettuando una r icerca.Se i l mio l ink appare 1000 volte, ma nessuno lo clicca, nonpago nul la.Poi, certamente da approfondire, c'è AdWords Express , peri l local business.

AdSenseNon inseri te elementi 'ad' nel vostro s ito, come ad esempionel la sezione 'Widget', per pubblicare i vostr i stessicontenuti. Gl i elementi 'ad-xxx ' (parole che iniziano con'ad' seguito da qualche definizione qualsiasi) sonoPUBBLICITÁ, in genere, si parla di AdSense, ovvero unsistema che inserisce la pubblicità più adatta alnavigatore che arr iva sul s ito. I s istemi informatici profi lanocontinuamente i navigatori , per sapere cosa stannocercando, e proporre quel lo che potrebbe interessargl i .Le proposte avvengono normalmente attraverso immaginichiamate 'banner' che contengono un l ink alprodotto/servizio pubblicizzato.Per evitare questo bombardamento, si possono instal larenei browser delle estensioni o dei plug-in, per non farvisual izzare pop-up e banner nei s i t i .Se mettete un banner che rimanda al vostro stesso si to, edentra un navigatore con i l blocco dei banner att ivato, nonvisual izzerà i l vostro stesso contenuto.Inseritelo in alt ra forma, come un normale widget di testo oimmagini, nel quale inseri rete un alt rettanto normalecodice html.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

97

Page 98: Come fare un sito web per imprese di medie e piccole dimensioni

Scoprire cosa cerca e pensa la gente• control lare i migl ior i FORUM del settore• i BLOG• canali YouTube• Pagine Facebook

Indicizzarci• scrivere art icol i per si t i importanti, f i rmandoci con i l

nome/brand• scrivere in alcuni s it i di Art icle-Marketing• partecipare a forum di settore• ottenere un l ink da una pagina che sia ben

indicizzata• condizionare la vis ione di un contenuto, o i l

download di un ebook, a un +1 , un 'Like ' o un ' tweet '

Contenuti - Idee• 10 consigl i per… venditore• 10 consigl i per… acquirente• articoli andamento mercato immobil iare

Parole Chiave• la tendenza di r icerca é per 1 o 2 parole ut i l izzate• quindi, abbinamenti per 2 parole• i suggerimenti di Google mentre s i digita la r icerca• ubbersuggest.org

Scrittura Pagine e Post• Usare i t i tol i H6 H5 H4…. a scalare nella pagina• &uArr; davanti al t i tolo, per inseri re la freccia in su,

che sembra una casetta• casa-verde, con i l segno meno, é letto in rete come

'casa verde' (due parole)

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

98

Page 99: Come fare un sito web per imprese di medie e piccole dimensioni

• casa_verde, con i l segno underscore, é letto in retecome 'casaverde' (unica parola)

• usare i l fancybox, con immagini piccole nellapagina, e immagine grande su r ichiesta

• curare estet icamente l ' impaginazione, per i l testo eper i vari elementi grafici

• selezionare attentamente categorie, post, e paginegenitore.

Contenuti• aggiornati f requentemente• r idist r ibuibi l i

Nel Sito• att ivare gl i RSS• strutturare tutte le pagine come tante landing page

che contengono indicazioni chiare sul tema generaledel s ito (non landing page chiuse)

• contenuti r i levanti con la query di partenza• l ink ut i l i verso pagine o si t i correlati per tematica

(wikipedia non é un correlato)• quando si crea vario materiale relat ivo al lo stesso

argomento o immobile, come immagini, video, pdf,s l ideshare, audio, ecc., raggrupparlo in un'unicapagina dedicata a quel l 'oggetto.

• r i f iutare l ink da sit i esterni di t ipo ‘bad’, perchè cipenalizzano (ovvero, Google ci caccia in 20° pagina,o ci el imina dal database nei casi più gravi. Se non sir iesce direttamente, chiedere a Google in GWTdisavow-links-main

• control lare periodicamente le novità Google inhttp://www.google.it / insidesearch/

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

99

Page 100: Come fare un sito web per imprese di medie e piccole dimensioni

Nelle Schede Immobile• Lingua : per proposte immobil iar i, traduzioni in

Inglese, Russo, Spagnolo, Cinese• Elementi territorio : Serviz i locali , collegamenti,

attrazioni ( tur ist iche, cultural i , ecc.)• Att ivi tà cultural i e sport ive nei dintorni• Informazioni tecniche/fiscali : imposte, tasse, notai,

ecc.• Evidenziare le differenze (degl i immobil i ) r ispetto agl i

alt r i , per prevenire i l vecchio paragone pro trattat iva• Dist inguere una caratterist ica da un beneficio• Pulsanti LIKE +1 TWEET

eMailL'email é diventata i l modo normale di comunicare, a ognil ivello. Eppure, r imane uno strumento sotto ut i l izzato. Nonviene curata, integrata, come si può faci lmente fare:

• allegare bigl ietto da vis i ta in formato vcf (funzionaalmeno con outlook)

• è possibi le inseri re un l ink che rimanda direttamenteal download dal s ito

• darle una veste grafica, coerente con la grafica delbrand (colori , logo, caratter i testo, ecc.)

Realizzare E-BOOK• si presta agl i anchor text• i motori leggono e seguono i PDF• gli ebook sono condivis ibi l i

Siti Domanda & Risposta• Yahoo answers• quora.com

Webinar• Realizzare seminari onl ine

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

100

Page 101: Come fare un sito web per imprese di medie e piccole dimensioni

Furto dei contenutiE' normaliss imo in rete, che qualcuno si metta a copiarecontenuti dagl i alt r i s it i , per inseri r lo nel proprio, con unsemplice copia/incolla.Se state leggendo questo scri tto, probabilmente sietetentati di fare la stessa cosa, perchè non siete ancorabravi nel creare contenuti vostr i e original i.Beh, non fatelo. Per almeno 3 motivi:1 - ci sono del le leggi molto chiare, e se qualcuno vibecca, e agisce con un avvocato, passerete dei guai.2 - google é specializzato nel t rovare contenuti dupl icati, edeterminare quale sia l 'or iginale. Se vi t rova, e vi inquadracome dei copioni, ladri di contenuti, subiretematematicamente una 'penal izzazione'. Se prima, con i lcontenuto copiato eravate in prima pagina nel le r icerche,dopo la penalizzazione fini rete dopo la centesima. Lapenalizzazione più grave, arr iva sino al la cancellazione dels ito dai database di Google.3 - esistono sistemi faci l i a disposizione degli autori , percontrol lare se in rete, qualcuno ha rubato i contenuti.Ne aggiungo un 4°: É spregevole, vergognoso. Si usa i llavoro di qualcun alt ro spacciandolo come proprio. Éinfamante.Se invece siete tra quel l i che per passione, competenza,curiosità, mestiere, si att ivano nel produrre contenuti, evolete evitare/l imitare i l furto del vostro lavoro, potete farealcune cose.La prima: installare un bel plugin per wordpress, come adesempio wordpress prevent copy paste . Basta instal lar lo, echi entrerà nel vostro si to, non potrà selezionare i l testo, econ i l semplice click destro del mouse, copiarlo. Unapiccola magia.La seconda: control lare la gest ione dei Feed. O con unapposito plug-in, o con l 'apposita opzione RSS , presente inWordPress SEO di Yoast.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

101

Page 102: Come fare un sito web per imprese di medie e piccole dimensioni

Aggiornamento del Settore nel WEBVis i tare e osservare periodicamente i s i t i immobil iar iamericani, di Agenzie, Imprese Costruzioni, operatori ingenere. E' noto come siano sempre un passo avanti nelletendenze evolut ive del marketing, e del mercato.Osservare cosa fanno, é quindi sempre ut i le per t rovareidee nuove che diventeranno prassi anche nel resto delmondo.

CONCLUSIONI

Ho r i letto da poco, un l ibro che avevo acquistato e lettoper la prima volta, 2 anni fa.I l pensiero che mi é sorto spontaneo, é stato: “évecchio…”.Questo stesso l ibricino che sto scrivendo a tempo perso,man mano che faccio le cose, potrebbe essere superatoper quando lo metterò in circolazione.

L’evoluzione in questo settore é velociss ima. Di mese inmese, c’è un cambiamento, un progresso, e, se vogl iamomantenerci al passo, aggiornati, s ia noi che i l nostro lavoroin internet, dobbiamo tenerci informati… quotidianamente.Rimanere più di un mese senza aver tenuto l ’orecchio aterra, può signif icare un ral lentamento, e, in casipart icolarmente importanti, una perdita di competit ivi tà.Si può recuperare, certo, ma se é già diff ici le stare alpasso ogni giorno, quanto potrebbe esserlo, doverrecuperare mesi di r i tardo?Dipende da qual i evoluzioni ci sono state.Ma, i l punto è: bisogna mantenersi al passo, ogni giorno.

Può essere improbo, e non tutt i potrebbero avere la vogl ia,la passione, i l tempo, la motivazione per far lo; t rovandotutto questo troppo stressante.In effett i, lo è, ma non ce l ’ha ordinato i l medico, epossiamo fare del l ’alt ro.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

102

Page 103: Come fare un sito web per imprese di medie e piccole dimensioni

Tuttavia, se hai letto tutto, dal l ' iniz io s ino a queste ult imeparole, é lecito pensare che un po' di entusiamo tu cel 'abbia.

Ogni punto accennato in questo breve scri t to,necessiterebbe di approfondimenti e spiegazioni, bast ipensare ai vari software.Spero però, che queste poche pagine possano essert istate ut i l i in qualche modo.

Grazie per l 'attenzione, e buon lavoro.

Antonio Mart ini

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

103

Page 104: Come fare un sito web per imprese di medie e piccole dimensioni

BIBLIOGRAFIA

SEO PowerGiorgio Tavernit iHoepli - 2013

Google MarketingFabriz io BarbarossaManuali Franco Angeli - 2010

Wiki BrandsSean Moff i t e Mike DoverManuali Franco Angeli - 2012

Email MarketingRoberto Ghis landiAlpha Test - 2009

Internet per il mercato immobiliareRiccardo E. GrassiManuali Franco Angeli - 2013

I segreti del web marketing immobiliareFrancesco Bersani e Salvatore CodettaManuali Franco Angeli – 2011

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

104

Page 105: Come fare un sito web per imprese di medie e piccole dimensioni

www.costruzionimartini.com

Antonio Martini | 2013

Quest 'opera è s tata r i lasc iata con l icenza Creat ive CommonsAtt r ibuz ione 3.0 Unported. Per leggere una copia del la l icenza vis i tai l s i to web http: / /creat ivecommons.org/ l icenses/by/3.0/ o spedisc iuna let tera a Creat ive Commons, 171 Second St reet, Su i te 300, SanFrancisco, Cal i fo rn ia, 94105, USA.

Antonio Mart in i | Studio Tecnico Geometra | Padova

This document is licensed under the Attribution-NonCommercial-NoDerivs 3.0 Unported license, available

at http://creativecommons.org/licenses/by-nc-nd/3.0/. Torna all'Indice

105