Web 2 -...
Transcript of Web 2 -...
VOLETE DIVENTARE WEBMASTER?
Studiate
Applicatevi
Aggiornatevi
Lavorate
Studiate
Divertitevi
Lavorate!
(Guadagnate)
INTERNET
Cos’è?
“È la rete delle reti”
“Rete pubblica”
“Infrastruttura a livello mondiale”
Quali servizi fornisce?
Chat
Siti web
E-commerce
Blog
Forum
…
INTERNET
Internet fornisce questi servizi tramite un ISP (Internet Service Provider).
La sua struttura è di tipo client-server:
I nostri dispositivi collegati alla rete (client) richiedono dei servizi ai server
I dispositivi collegati a questa rete “parlano” il linguaggio dettato dai protocolli di rete:
HTTP (Hyper Text Transfert Protocol)
FTP (File Transfert Protocol)
IMAP (Internet Message Access Protocol )
…
SITO WEB
Un sito web è:
Un ipertesto
Un insieme di pagine web interconnesse
…
Un sito per poter esistere ha bisogno di un servizio di hosting.
Aziende come Aruba forniscono uno spazio web riservato (su un server). Questo spazio è associato a un dominio (www.miosito.it).
Quello che comunemente viene chiamato “indirizzo” è l’URL (Uniform Resource Locator) che indica in maniera univoca ogni risorsa su Internet.
SITO WEB
In sostanza …
Noi dalla nostra postazione client apriamo un browser (Chrome, Explorer, …)
Scriviamo nella barra degli indirizzi l’URL che individua il suo dominio
Parte una richiesta dal mio dispositivo tramite il protocollo designato al servizio richiesto (in questo caso HTTP)
La mia richiesta arriva al server dove è stato salvato il sito web
Il server risponde mandando indietro la pagina richiesta scritta nel linguaggio web (HTML)
Il browser interpreta il linguaggio HTML di risposta trasformandolo in una pagina web.
LINGUAGGI WEB
HTML (HyperText Markup Language): definisce il contenuto
CSS (Cascading Style Sheets): definisce la grafica
Javascript: definisce il comportamento della pagina
PHP (PHP Hypertext Preprocessor): linguaggio lato server
MOTORI DI RICERCA
Solitamente i siti web sono “indicizzati” dai motori di ricerca: Google, Yahoo, etc
Indicizzare un sito vuol dire registrare il suo dominio nei database dei motore di ricerca tramite le parole chiave (keywords)
Le tecniche per mettere in mostra le proprie pagine web sui motori di ricerca, quindi migliorarne la visibilità, si chiamano SEO (Search Engine Optimization).
COME SI REALIZZA UN SITO WEB?
Scrivendo tutto il codice (HTML, CSS, Javascript, PHP, Java, …)
Oppure usando i CMS (Content Management System)
Wordpress
Joomla!
Drupal
…
QUALI SONO I RUOLI?
Account Manager: si occupa di interfacciarsi con la clientela;
Copywriter o Content manager: scrive tutti i testi;
Webdesigner: progetta la parte grafica di un sito;
Webdeveloper: si prende carico di scrivere tutto il codice necessario per le applicazioni web e gestisce il database;
Webmarketer: è la persona che si occupa della promozione del sito;
Webmaster: (riassume i precedenti) amministra e gestisce un sito web, ne cura il posizionamento, studia il mercato e sviluppa i rapporti commerciali tramite il web.
PERCHÉ DOVREI FARE SITI WEB?
Professione
Competenza spendibile in azienda
Siti personali
Non ci sono già gli informatici che lo fanno????
WORDPRESS
All’inizio nasce come CMS per la creazione di blog, ora:
E-commerce
Pagine dinamiche
Siti vetrina
…
WORDPRESS
Offre tutta una serie di Template (struttura grafica e design del sito) già pronti:
Moderni
Responsive
Gratis o anche a pagamento (personalizzabili)
Wordpress ha una licenza OpenSource
È possibile installare tutta una serie di Plugin per la personalizzazione del sito:
Form per scrivere mail
Creazione fotogallery
E-commerce
Login/registrazione
…
INSTALLAZIONE
La maggior parte delle aziende che forniscono servizi di hosting (vedi Aruba) ormai offrono al cliente pacchetti con Wordpress già installato
Il prezzo è di circa 25€ l’anno.
Altrimenti bisogna fornirsi di: Database MySql
Hosting Linux
LA BACHECA DI WORDPRESS
Dopo aver installato Wordpress all’interno del vostro server web (per le istruzioni vi rimando al video):
Fate partire il server web (se lavorate in locale…)
Xampp -> setup_xampp.bat
Xampp -> xampp-start.exe
Xampp -> xampp-control.exe
LA BACHECA DI WORDPRESS
Aprire il browser e scrivere nella barra degli indirizzi (se lavorate in locale…):
localhost/sitoprova (e visualizzare il sito con i contenuti di prova)
localhost/sitoprova/wp-admin (e visualizzare la bacheca di wordpress)
CREARE UNA PAGINA
Per creare una pagina cliccare su «Aggiungi nuova»
Potete quindi creare una nova pagina inserendo
contenuti come immagini (da aggiungi media) o testo.
Per salvare la pagina creata cliccate su «Pubblica»
CREARE UN ARTICOLO
Stessa procedura per creare un nuovo articolo. È consigliabile assegnare sempre una categoria agli articoli, che in caso può essere creata direttamente inserendo l’articolo.
Ad esempio creo un sito di cucina e pubblico un
articolo sulla «pasta al pomodoro» mi conviene
creare la categoria «primi piatti»
CREARE UN MENÙ
Per creare un menù da «aspetto» selezionate «menù»
Assegnate un nome e cliccate su «crea».
Selezionate le voci che volete inserire nel vostro menù
Pagine
Articoli
Categorie
Link personalizzati
A seconda del tema scelto vi verrà chiesto dove posizionare il vostro menù. Vi verrà richiesto anche se aggiungere ogni nuova pagina che create in automatico al vostro menù.
Una volta finito premete «salva menù»
CAMBIARE TEMA
Il tema di Wordpress definisce l’aspetto grafico e il design del sito. Per cambiarlo «aspetto» e poi «temi».
Da qui è possibile aggiungere un nuova tema oppure attivare uno già salvato in precedenza. Wordpress ha dei temi predefiniti. Se si va da «aggiungi nuovo» si ha accesso a una sezione dove sono presenti tantissimi temi (ne esistono a pagamento e ma anche gratis).
Suggerimento: usare temi «responsive» e nuovi… Per ora sembrano funzionare molto i temi «parallax»
PERSONALIZZARE IL TEMA
Sempre da «aspetto» se si clicca su «personalizza» si ha accesso a tutta una serie di voci che è comunque relativa al tema che state utilizzando; possiamo ad esempio cambiare:
Il titolo
I colori
Immagine della testata
…
CSS aggiuntivo
Una volta finito di personalizzare cliccate su «pubblica»
PLUGIN
Per inserire nuove funzionalità al vostro sito, dovete inserire nuovi plugin.
Anche di plugin ne troverete tantissimi gratis e anche a pagamento.
Ogni volta che scaricate un nuovo plugin ricordatevi poi di attivarlo, cliccando su «attiva».
PLUGIN CONSIGLIATI
Contact Form 7: pagina dei contatti
NextGen Gallery: galleria di foto
UAM: gestione utenti
Yoast: per la SEO
DK PDF: converte le pagine in pdf
Duplicate Page: duplica le pagine create
Export Users to CSV: esporta la lista di utenti in tabelle Excel
Login With Ajax: crea form per il login
Page Builder by SiteOrigin: costruisci il layout delle pagine
PLUGIN CONSIGLIATI
Polylang: rende il tuo sito multilingue
WooCommerce: per vendere online i tuoi prodotti
MegaMenù: crea menù aggiuntivi personalizzabili
Black Studio TinyMCE Widget: migliora l’editor di testo
Breadcrumb NavXT: crea i menù breadcrumb
Popup Builder: creare popup personalizzabili (anche per i cookies)
Revolution Slider: aggiunge slider alle vostre pagine
The Events Calendar: gestisce eventi e crea una sezione con un’agenda online
PLUGIN CONSIGLIATI
Cookies Consent: consenso per i cookies
Favicon XT-Manager: inserisce una piccola icone (favicon) sull’etichetta della scheda del browser
Page visit Counter: conta le visite al vostro sito
Google Maps WD: Inserisce mappe con marcatori all’interno delle vostre pagine
QUALI PAGINE CREARE?
Home: statica, che descrive la vostra attività
Chi siamo: un testo che brevemente racconta la vostra storia
Dove siamo: una pagina che include la mappa di Google Maps (copiare codice da incorpora mappa e incollare nella pagina)
Photogallery: Alcune foto che illustrano voi o magari le vostre proposte (consiglio l’uso di NextGen Gallery)
Contattaci: Un form per permettere al visitatore di inviarvi una mail (consiglio l’uso di Contact Form 7, copiare lo shortcode e incollare nella pagina)
Blog: eventualmente una pagina che racchiude tutti gli articoli
COME PARTIRE…
Facciamo un po’ di Project Management :
Scegli un nome e un logo
Stabilisci come lavorare (in remoto o in locale) e eventualmente compra il dominio
Installa Wordpress
Scegli il giusto tema
Scegli le pagine da inserire
Scaricare e installare i plugin che ti servono
Inizia a lavorare (se siete in tanti vi conviene dividervi i gruppi)
Se necessario aprire una partita IVA, presentare la Scia
Attiva PayPal
Caricare l’inventario sul sito
Registrarsi sui vari Social, attivare adWords, registrare il tuo URL su Google
Allargare i propri contatti e successivamente informarli
FAI UN PREVENTIVO
Se fate un lavoro per terzi vi conviene sempre agire in maniera sistematica:
Incontro preliminare
Prendere circa 10 gg per predisporre un preventivo
Calcolate:
Il vostro lavoro
Eventuali spese per un Tema e alcuni Plugin a pagamento
Uno servizio di Hosting
Viaggi
Campagne adWords (o simili)
Predisponete la grafica e il design del vostro sito, aiutandovi con un Power Point, oppure utilizzando un software di grafica tipo Justinmind, DreamWeaver. In alternativa esistono Plugin di Wordpress per questo compito specifico
Presentate al cliente il preventivo con le specifiche del sito
Accordatevi con i tempi e il compenso
STILARE UN DOCUMENTO
Inizia facendo un brain storming
Iniziare con il porsi delle domande
Posso guadagnarci?
Cosa voglio vendere?
Quanto posso spendere?
Quanto tempo posso impiegare?
…
Se hai bisogno di idee visita pagine come:
Google Trends
Terapeak
Google adWords (visualizza i dati e le tendenze)
VALUTA LE ALTRE PIATTAFORME
Piattaforme apposite: eBay
Amazon
Blomming
Alternative a Wordpress: Jimdo
Wix
Webnode
Prestashop
Magento
osCommerce
Joomla!
ADEMPIMENTI FISCALI DI UN E-COMMERCE
Effettuare la segnalazione di inizio attività al Comune di residenza
Verificare la liceità del nome a dominio prescelto e garantirsi la sua proprietà
Garantirsi di possedere i diritti d’autore per i contenuti del sito
Contenuto minimo dei siti web: Nome o ragione sociale
Domicilio o sede legale
Estremi di contatto (non solo email)
Iscrizione REA o registro imprese
Partita IVA
(*) Estremi delle licenze necessarie al commercio specifico
(*) Iscrizione agli albi o titolo professionale/di Stato
CONTENUTI DELLA PAGINE
Immagini e video del prodotto
Recensioni
Suggerimenti per gli acquisti
Prodotti correlati
Proprietà intellettuale sui contenuti
Politica trasparente sui social networks
SCEGLIERE UN GATEWAY
PayPal
Stripe
GestPay
Bonifico bancario
Vaglia postale
PostePay
Contrassegno
INVIARE L’ORDINE
Truckpooling
Spedire.com
Spedirecomodo.it
Spediamo.it
Tnt-Click
Mail Boxes Etc
Poste Italiane
IndaBox
SEO
Una volta terminato il sito va registrato su Google, il modulo lo trovate qui.
Individuate le parole chiave e inseritele all’interno delle vostre pagine (siate fantasiosi… trovate sinonimi e possibili «esche»)
Riconsultate lo strumento di pianificazione delle parole chiave di Google per trovare dei termini alternativi
Utilizzate tre keywords diverse per pagina con una densità tra il 3% e il 6%
Inseritele nelle prime frasi della pagina, nei titoli, come valore dell’attributo «alt» (nei tag html), negli url delle pagine
Sfrutta il Plugin Yoast per Wordpress
SEO
Utilizzate Google Ananlytics per contare le visite al tuo sito, esistono anche diversi Plugin per Wordpress
Inserite link alle vostre pagine in altri «siti amici»
Create una pagina Facebook, Google+, Twitter, Linkedin
Collegate la pagina Facebook con il vostro e-commerce (anche per questo esistono diversi Plugin)
Tramite questo modulo di Facebook è possibile creare e inserire all’interno di una pagina il tasto «Mi piace», oppure utilizzate il Plugin apposito di Wordpress
SEO
Siate presenti su Yahoo Answers
Pubblicate video su YouTube
Pay-per-click con adWords
Posiziona il vostro sito nelle prime posizioni, notificandolo come “Annuncio”
È un servizio che pagate in base alle visualizzazioni (da pochi centesimi a meno di un euro per click)
La posizione nelle ricerche è assegnata con una sorta di asta
Il budget è la somma massima che siete disposti a spendere ogni giorno
Impostate la zona geografica
Inserite l’annuncio (che comparirà nei risultati di ricerca)
Esiste anche Bing Ads
SEO
In alternativa esistono tutta una serie di piattaforme di tipo “Social Advertising” (anche queste a pagamento):
Facebook ads
Twitter ads
Linkedin ads
Ma anche potete cercare su Instagram, Youtube o Google+
Esistono tutta una serie di Software e Piattaforme online che riescono a gestire contemporaneamente i vostri account Social
Create e inserite i vostri “banner” su una rete di siti convenzionati tramite adSense