Codemotion 2012 creare un proprio linguaggio di programmazione
Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di...
Transcript of Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di...
![Page 1: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/1.jpg)
RealizzareilpropriositoWEB
ValerianoSalve
Pescara,27aprile2017
![Page 2: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/2.jpg)
Cos’èl’HTML
• HTML èl'acronimodi HyperText MarkupLanguage edèillinguaggiocolqualevengonocreatelepagineweb.SitrattadiunlinguaggiodipubblicodominiosviluppatoinsenoalW3C,ovveroilWorldWideWebConsortium,cioèilconsorziochepresiedeallosviluppodelwebedeilinguaggiadessoconnessi.
• QuestolinguaggioèstatosviluppatodaunricercatoredelCERN- TimBernersLee - versolafinedeglianniottantaparallelamentealladefinizionedelprotocolloHTTP.Nelcorsodeglianniillinguaggiohasubitodiversemodificheerevisioni.AdoggilaversioneufficialediHTMLèla4.01(pubblicataneldicembredel1999)madamoltiannisistalavorandoadHTML5chesipreannunciacomeunaveraepropriarivoluzioneperilweb.AttualmenteHTML5èsoltantouna"bozza"(cioènonèancorastatorilasciatoufficialmente),tuttavialamaggiorpartedeibrowserincircolazioneneoffregiàundiscretosupporto.
2
![Page 3: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/3.jpg)
Cos’èl’HTML
• IllinguaggioHTML nonèunlinguaggiodiprogrammazioneveroeproprio.Puòesseredefinitocomeun linguaggiodimarcatura (olinguaggiodimarkup)basatosu tag.Itag sonoglielementistrutturalidiognipaginawebecostituisconole"mattonelle"chedannovitaeformaaidocumentiipertestuali.• Ipertestuale perché,attraversoisuoitag,oltreaconsentiredicrearepaginecompostedadiversielementitracuitesto,immagini,video,ecc.permettediconnetteretradiloropaginediversediunostessositoesitiwebdiversi.
3
![Page 4: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/4.jpg)
Lafunzionedelbrowser• IlcompitodiinterpretareimarkupHTMLèaffidatoai browser;cioèaisoftwaredinavigazionesuInternetiqualihannoilcompitodiconnettersiadunserverremotoescaricare(download)ildocumentorichiesto.Unavoltascaricato,ildocumentoverràinterpretatodal"motore"delbrowsercherestituiràall'utentelapaginawebprontaperesserefruita.• sulmercatoesistonodiversibrowser,ipiùfamosisono: Internet Explorer,Edge, Firefox, Chrome,Safari.• E'beneprecisarefindasubitochenontuttiibrowserinterpretanoilcodiceHTMLallastessamaniera,èpertantopossibilenotaredellepiccoledifferenzevisualizzandolastessapaginawebconbrowserdiversi.• Anchesmartphone etablet hannoilorobrowser perleggerelepagineHTML
4
![Page 5: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/5.jpg)
Comeèfattaunapaginaweb
5
![Page 6: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/6.jpg)
Proviamoadaggiungerecodiceaunapaginaweb
• http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
ComevisualizzareilcodiceHTMLdiunapagina:• UtentiPCconsistemaoperativoWindows:perChrome eFirefox cliccareconiltastodestrosuunapaginawebescegliere«visualizza sorgente pagina»,mentreperInternet Explorer oEDGE cliccareconiltastodestrosuunapaginawebescegliere«HTML»• UtentiMACdaSafari scegliere«preferenze»->«avanzate»->spuntare«mostra menuSviluppo…»equindinelmenù«sviluppo»scegliere«mostra sorgentepagina»mentreperChrome eFirefox ècomeperl’ambianteWindows.
6
![Page 7: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/7.jpg)
CMS(ContentManagementSystem)
• UnCMSèunsoftwarepergestireicontenutidiunsitowebinstallatosuunserver.• Neesistonomoltisiaapagamentochegratuiti.ICMSgratuitioggipiùutilizzatisono:• Wordpress (www.wordpress.org)• Joomla (www.joomla.org)• Drupal (www.dropal.org)
• LasceltadiqualeCMSutilizzaredipendedamoltifattori(Scopodelsito,aggiornabilità,ecc…).ICMSpiùutilizzatioggisonoWordpress eJoomla.
7
![Page 8: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/8.jpg)
https://it.wordpress.com/create/
8
![Page 9: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/9.jpg)
Scegliereillayoutdelpropriosito
9
![Page 10: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/10.jpg)
Scegliereiltipodigraficadelpropriosito
10
![Page 11: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/11.jpg)
Sceltadelnomedelsito
11
![Page 12: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/12.jpg)
Sceltadell’indirizzodelsito
12
![Page 13: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/13.jpg)
Undominio
13
160.78.48.68160.78=indirizzodirete48=indirizzodellasottorete68=indirizzodelcomputer
www.univaq.it
it =nomedominio(Toplevel domain)univaq =nomesottodominio(Dominiodi2° livello)www =serviziorichiesto
www.odg.abruzzo.it
it =nomedominio(Toplevel domain)abruzzo =nomesottodominio(Dominiodi2° livello)odg =nomesottodominio(Dominiodi3° livello)www =serviziorichiesto
![Page 14: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/14.jpg)
Sceltadeldominio
• Nonutilizzarenomitroppolunghiedifficilidaricordare(nonpiùditreparole)• Scegliereparolecomuniutilizzatedagliutenti• Evitarecaratterispecialietrattininelnome:meglioricettedicucina.itchericette-di-cucina.it.Perimotoridiricercaèindifferente(riesconoadistricarsifinoatreparole),masicomunicanoesiricordanomeglio;• Cercareunacorrispondenzatraparolechiaveneldominioeargomentitrattati• L’estensione.it,.com,.org nonèpiùimportantealivelloSEO.
14
![Page 15: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/15.jpg)
Gratisoapagamento?
15
![Page 16: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/16.jpg)
Creareunaccount
16
![Page 17: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/17.jpg)
Dashboard
17
![Page 18: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/18.jpg)
HostingsuARUBA
18
![Page 19: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/19.jpg)
WordPress
Esisteunaversioneon-linediWordPress (www.wordpress.com)chepermettedirealizzareunsitocollegandosidirettamentealserverWordPress.Hapotenzialitàmoltolimitate,offredominiditerzolivello(es.:www.miosito.wordpress.com)edèrivoltosoprattuttoachivuolemettereon-lineunblogconpocheconoscenzetecnicheesenzaalcunaspesa.
19
![Page 20: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/20.jpg)
Itag HTMLpiùimportantiperlericerche
Gestirebenealcunitag èfondamentale,siaperfacilitareillavoroagliSPIDER,siaperaveredellepaginebenleggibilienoncompletamentedipendentidalbrowserchel’utentestautilizzando.Vediamoquellicheciinteressanodipiù:• Title• Description (cheinrealtàèunmetatag)• Keyword• Tag di intestazione
20
![Page 21: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/21.jpg)
Iltag TitleIltag TITLE èlegatoaltitolo dellanostrapaginaweb.
<!DOCTYPEhtml><html><head><title>Quièinserito il titolo della pagina</title></head>
<body><h1>ThisisaHeading</h1><p>Thisisaparagraph.</p></body>
</html>21
![Page 22: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/22.jpg)
Comeimpostarecorrettamenteiltag Title
• Utilizzodeiduepunti:Googledàimportanzaalleprimeparoledeltitoloepremiauncontenutodivisoindueparti.Es.:«MareAbruzzo:nuoveoffertealberghi2016»• Utilizzodelsimbolopipe|:Ilsimbolo| (PIPEèilprimosimboloinaltoasinistranellatastierasottoiltastoESC)divideiltitoloindueblocchi.Puòesseresostituitoanchedaltrattino-Es.:«MareAbruzzo:nuoveofferte2016|AlbergoIlSole»
PercapirecomeGooglecifavedereiltitoloèpossibilevisitare:https://moz.com/blog/new-title-tag-guidelines-preview-tool
22
![Page 23: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/23.jpg)
Comeimpostarecorrettamenteiltag Title
• Iltitolonondovrebbeesserecostituitodapiùdi12parole(quanteneconsideraGoogleperl’indicizzazione)einnonpiùdi60caratteri(spaziinclusi)• Usateimodificatori: inambitoSEO, modificatori sonoparolecome “nuovo”,“migliori”, “offre“,“acquistare”,“economico”e“recensioni”. Gliutentitendono adincludere i modificatori durantelaricerca e durantelavisualizzazionedellaSERP.
23
![Page 24: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/24.jpg)
Iltag DescriptionIltag DESCRIPTION fornisce,all’utenteeaGoogle,ladescrizionedellapagina.
<!DOCTYPEhtml><html><head><title>Quièinserito il titolo della pagina</title>
<metaname=“description”content=“Quideve essere inserita ladescrizione dellapagina webed Isuoi contenuti.”/>
</head>
</html>
24
![Page 25: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/25.jpg)
ComeimpostarecorrettamenteiltagDescription
• Ilnumerodelleparoleutilizzatenondovrebbeesseresuperiorea15inmodocheGooglepossafarlevederetutte;• Ilnumerodeicaratteri(secondoleindicazionidiGoogle)nondovrebbeesseresuperiorea155 (spaziinclusi)• Ilcontenutodelmetatag DESCRIPTION verràvisualizzatonelloSnippet dellaSERP.Inmancanzadeltag DESCRIPTION Googlecercheràladescrizioneall’internodellapaginaeirisultatipotrebberononesserequellidesiderati
25
Snippet
Description
![Page 26: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/26.jpg)
ComeimpostarecorrettamenteiltagDescription
• NonèdettoperòcheunavisualizzazionesullaprimapaginadiGooglesitrasformiautomaticamenteinunaconversione;• Perottenereirisultatidesideratiènecessariolavorare moltoebene sulladescription;• Andrebberoinseriticontenutifortementepersuasiviperl’utente;• Andrebberomesseincorrelazioneleparolechiavicompreseneltitoloeneltestodellapaginaweb;• Utilizzareunadescription unicaperognipagina.AiutaGoogle,maaiutaanchel’utente.
26
![Page 27: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/27.jpg)
Unplugin perWordPressWordPress èunCMSfortementeorientatoversoill’ottimizzazioneperimotoridiricerca.
Unplugin èunpiccoloprogrammachepermettediestenderelefunzionalitàdelCMSperattivitàparticolari
Ilplugin perWordPress è«WordPress Seo»che,unavoltainstallatoedattivato,perogninuovoarticolocheverràinseritoproporràunaschermataincuisiavranno:
• l’anteprimadellosnippet;
• ilcampoperinserireunaparolachiave(ilplugin faràunaverificadell’articolopersuggerirla,maèmeglioinserirlamanualmente);
• Ilcampoperinserireiltitle;
• Ilcampoperinserireladescription;
Terminatol’inserimentoilplugin cipermettedifareunaanalisidellapaginadalpuntodivistadell’ottimizzazioneperimotoridiricerca,conconsigliesuggerimentipermigliorarla.Appenasalvatol’articoloilplugin faràun’altraverificaecidiràdovecomparelaparolachiave,quantevoltecompareecc…ecc…
27
![Page 28: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/28.jpg)
Iltag keywords
• Conl’evoluzionedellacapacitàdeimotoridiricerca,soprattuttoGoogle,difarelascansionedeitestiilmetatag keywordsèdiventatopocoimportante.Moltisiti,anchedigranderilievo,nonloutilizzano,maèsempreutileindicarleperchécontinuanoadessereutilizzatidaalcunimotori.• Ilmetatag keywordshaloscopodiindicareaimotoridiricercaunalistadiparolechiaveinerentiicontenutidellapaginawebincuiiltagappare.
28
![Page 29: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/29.jpg)
Strutturadeltag keywords
Iltag METANAMEvaindicatoall’internodelblocco<head></head>
<!DOCTYPEhtml><html><head><title>Pagetitle</title><METANAME= “KEYWORDS“CONTENT=“confetti,matrimonio,sposi,comunione,battesimo,laurea”>
</head>
<body></body></html>
29
![Page 30: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/30.jpg)
Itag diintestazioneDefinisconol’intestazionedadarealtestocome,adesempio,glistilideicaratteriinWord.Lalorofunzionenonèutilesoloallavisualizzazionedeicaratteri,mahannounruoloancheperimotoridiricerca.
<!DOCTYPEhtml><html><head><title>Pagetitle</title></head>
<body>
<h1>Primaintestazione</h1><h2>Seconda intestazione</h2><p>Questo èunparagrafo</p></body></html>
30
![Page 31: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/31.jpg)
Usodeitag diintestazione:unesempio
31
TestoinHTML Testovisualizzatodalbrowser
Possiamofarequalcheprovaqui:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_defaultOqui:http://htmleditor.in/index.html
![Page 32: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/32.jpg)
GliURL«parlanti»
• AlcuniCMSnonoffronolapossibilitàdimodificarel’URL(indirizzoweb)diunapagina,mageneranoURLnumerici.Seèpossibilemodificarliogestirliautomaticamenteconilnomedell’articoloèsempremegliofarlo;• E’benechel’URLdiunapaginacontengaleparolechiaverilevantiperitag title edescriptionEs.:http://www.salve.ws/index.php/articoli/38-scoop-it-content-curation-alla-portata-di-tutti
• Leparoledell’url vannoseparatedatrattinicosìmotoridiricercapossonoindicizzarleseparatamente;• IprincipaliCMSpossonoessereimpostatiintalsenso
32
![Page 33: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/33.jpg)
UnocchioancheaglialtricontenutiUnsitoweboltrechetesticontieneimmaginiespessoanchefileinformatoPDF.Anchequestielementivannoottimizzatiperfacilitareillavorononsoloaglispider,maancheagliutentichenaviganosulsito
33
![Page 34: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/34.jpg)
OttimizzareifilePDF
AncheperifileinformatoPDFvalequantodettoperlepagineweb.• ScrivereilnomeutilizzandolestesseregolevalideperifileHTML• Definiregliattributidelfile• Titolo (Title):vieneutilizzatocometitoloneimotoridiricerca;• Autore (Author):indical’autoredeldocumento;• Oggetto (Subject):indical’oggettodeldocumentocheèequivalentealladescription neimetatag deifilehtml• L’ottimizzazionepuòesserefattadirettamentesulfile,mavolendosipuòscaricareuntool (inwindows)chepermettedifaremoltealtrecose:http://www.debenu.com/thank-you/tools-free
34
![Page 35: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/35.jpg)
Ottimizzareleimmagini
• Stessodiscorsoancheperleimmagini• RinominareilfileconleregolevisteperifileHTMLeifilePDF(nome«parlante»conparoleseparateda-);
• Modificaregliattributi<alt>e<title>nelcodiceHTML• <alt>(alternativetext)natoperdescrivereicontenutidiunapaginawebancheperinonvedentipuòessereusatoancheperdareinformazionialmotorediricerca.Vienecaricatoquando,perunqualsiasimotivo,nonfossepossibilevisualizzarel’immagine;
• <title>mostrauntestdescrittivoquandosipassaconilmousesuunaimmagine.PuòessereutilizzatodalpuntodivistaSEOsenzatimorediincorrereinripetizionipenalizzanti;
• GooglepremialepaginechesicaricanopiùvelocementefacendoleapparireaiprimipostinellaSERP,quindiattenzionealpeso(dimensioneinbyte)dell’immaginechevienecaricata.
35
![Page 36: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/36.jpg)
Ottimizzareilink
Ancheilinkpossono/debbonoessereottimizzati.• Inserirel’attributotitle neilink(l’attributotitle siattivaalpassaggiodelmousesullink);• Nonutilizzareperillinkparolegenerichedeltipo«cliccaqui»,«seguiillink»ecc…chenondannonessunainformazioneaimotoridiricerca;• Unabuonamossaèinserirenell’attributotitle lostessotestosceltoperleparoledalinkare.
36
![Page 37: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/37.jpg)
Facilitarelanavigazionedelsito
37
• Lanavigazioneèimportantesiapergliutenticheperimotoridiricerca.Googlefornisceirisultatialivellodipagina,maèimportanteche«sappia»qualepuòessereilruolodiunapaginaall’internodiunsito.• LanavigazioneandrebbepianificatapartendodallaHomepagedelsito.Sesihannomolticontenutichepossonoessereraggruppatipotrebbevalerelapenadicreareunapaginaintermediaperciascungruppodipagine.• Utilizzarele«breadcrumb»(bricioledipane).
![Page 38: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/38.jpg)
Ancoraunplug-inperWordPress
38
![Page 39: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/39.jpg)
RisorsediGoogleperl’ottimizzazionedeisiti
Googlecimetteadisposizioneunaseriedirisorseperanalizzareilcomportamentodelnostrosito.Leprincipalisono:• GoogleWebmasterToolshttps://www.google.com/webmasters/tools/home?hl=it• GoogleAnalyticshttps://www.google.com/analytics/
PerentrambibisogneràdisporrediunaccountGoogle
39
![Page 40: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/40.jpg)
GoogleWebmasterTools
40
![Page 41: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/41.jpg)
GoogleWebmasterTools
41
![Page 42: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/42.jpg)
GoogleAnalytics
42
![Page 43: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/43.jpg)
UtilizzareGoogleAnalytics1. CreareunaccountsuGoogleAnalytics
http://www.google.com/intl/it/analytics/2. PercreareunaccountGoogleAnalyticsènecessarioavereunaccountGmail e
quindiinserirenomeutenteepasswordallavoce«creaaccount»;3. Unavoltafattal’iscrizioneilserviziofornisceuncodicejava-script dainserire
nellepaginedelnostrositoperconsentireadAnalyticsdirilevareiltrafficogeneratodaivisitatori.
Perinserireilcodicenelsitoconsultareilserviziodiassistenzaall’url:http://support.google.com/analyticsSesiutilizzaWordPress èpossibileinserireilcodiceattraversounplugin.Possiamotrovarneunoalseguenteurl:http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
43
![Page 44: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/44.jpg)
Scrivereperilweb
Regoladellapiramiderovesciata
Regoladelle5W
44
![Page 45: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/45.jpg)
Lapiramiderovesciata
Informazioneprincipale(Regoladelle5W)
Informazioneimportante
Dettagli
45
![Page 46: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/46.jpg)
Scrivereperilweb
• Lastrutturaapiramiderovesciataèmoltoimportanteperilwebpoichélaletturaon-lineèunaletturaparticolare,moltoveloce,chespessosifainposizioninoncomodee,sempredipiù,condispositiviportatiliconschermidipiccoledimensioniecondizionidilucenonottimali.• Presentarelaconclusionefindalleprimerighepermettedicatturaresubitol’attenzionedellettorecheinquestomodosaràpiùincentivatoacontinuarenellalettura.• Laregoladelle5W(who,what,where,when,why)inquestocasodiventafondamentalepersintetizzareimmediatamenteilcontenutodell’articolo.
46
![Page 47: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/47.jpg)
Scriverepergliutentienonperimotoridiricerca
Googlenelfarelericercheèmoltopiùraffinatodiquantosipossapensare.Provateafarequestedomande:•Quantofa20+2?• TrovamiunparrucchiereaL’Aquila•Dimmichetempofaoggi/domani•QuantoèaltalatorrediPisa?• Fafreddo?
47
![Page 48: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/48.jpg)
Crearecontenutidiqualità
Crearecontenutidiqualitàperunmotorediricercasignificaanche:• Pertinenza• AutorevolezzaMentresullapertinenzasipuòintervenireperquellocheriguardal’autorevolezzailproblemaèchenondipendedanoi,masiacquisisceconiltempoedipendeanchedachiutilizzaicontenuticheabbiamocreato.
48
![Page 49: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/49.jpg)
Visualizzazioneconidispositivimobili:Testdicompatibilità
Googlecioffreglistrumentiperverificareseunsitowebècompatibileconilmobile.All’URL:https://www.google.com/webmasters/tools/mobile-friendly/èpossibileverificareseunsitoèottimizzatoperunafruizionecompletaanchedadispositivimobili.Nellostessotempovengonoindividuatelecriticitàelepossibilisoluzionidaadottare.SempreGoogle,all’URL:https://developers.google.com/webmasters/mobile-sites/get-started/?hl=itcioffreunaguidaperl’ottimizzazionedeisitiwebperilmobile.
49
![Page 50: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/50.jpg)
Problemipiùcomuni
• Visualizzazionenonconfigurata• Caratteritroppopiccoli• Elementitroppoviciniperesseretoccaticonprecisione• Contenutinonridimensionatiinbaseallavisualizzazione• Visualizzazioneimpostatasuunalarghezzafissa• UtilizzodisistemipocoonullacompatibiliqualiadesempioFlash
50
![Page 51: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/51.jpg)
AlcunisuggerimentidirettamentedaGoogle
• VerificarecheilsitopermobilesiaindicizzatodaGoogle(sipuòusareanchel’operatoresite:perfarelaricerca)• Creareunasitemap mobile.Potetetrovarequalchesuggerimentoqui:https://code.google.com/archive/p/sitemap-generators/wikis/SitemapGenerators.wikiancheseGooglenonlofapiùdirettamentecisonoilinkasitichegeneranositemap percellulari• VerificarecheGooglericonoscagliURLpericellulariutilizzandoglistrumentidiGoogle:https://developers.google.com/webmasters/mobile-sites/?hl=itOppurequi:https://support.google.com/webmasters/answer/72462?hl=it
51
![Page 52: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/52.jpg)
Esempidicodiceottimizzatopercellulari
InquestoesempiofornitodaGoogleèevidenziatoilcodiceHTMLnecessarioper«dire»aGooglecheilsitoèottimizzatopericellulari
52
Dispositivi«ammessi»allavisualizzazionedelsito
Codiceconilqualeèstatoscrittoilsito
![Page 53: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/53.jpg)
53
![Page 54: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/54.jpg)
Comeregistrarsisuimotoridiricerca:Google
54
https://www.google.it/intl/it/add_url.html
![Page 55: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/55.jpg)
Comeregistrarsisuimotoridiricerca:Bing
55
http://www.bing.com/toolbox/submit-site-url
![Page 56: Realizzare il proprio sito WEB...Cos’è l’HTML • Il linguaggio HTML non è un linguaggio di programmazione vero e proprio. Può essere definito come un linguaggio di marcatura](https://reader034.fdocument.pub/reader034/viewer/2022042917/5f5c157243b1d37b8748b4f1/html5/thumbnails/56.jpg)
RisorsefornitedaGoogle• GruppodiGoogleperilsupportoaiWebmasterhttps://productforums.google.com/forum/#!forum/webmaster-it
• IlGoogleWebmaste central Blog:https://webmasters.googleblog.com/
• Centrodiassistenza«Search Console»diGoogle:https://support.google.com/webmasters/#topic=3309469
• StrumentiperilWebmaster:https://www.google.com/webmasters/tools/home?hl=it
• LineeguidaperWebmaster:https://support.google.com/webmasters/answer/35769
• GoogleAnalyticshttps://www.google.it/analytics/
• Sperimentarecosafunzionaecosanonva:https://support.google.com/analytics/answer/1745147?hl=it
• Avetebisognodiqualcunochelofacciapervoi:https://support.google.com/webmasters/answer/35291
56