Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SEO OnPage e HTML

674 views

Published on

A partire dall'HTML, fino ad arrivare alle basi di SEO OnPage, che permettono di ottimizzare un sito per i motori di ricerca al meglio.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

SEO OnPage e HTML

  1. 1. SEO OnPage e HTML
  2. 2. Acronimo di Search Engine Optimization. La SEO si occupa di studiare i motori di ricerca e pianificare strategie di Web Marketing volte a migliorare la percezione che i motori di ricerca hanno di un determinato soggetto e, in ultima analisi, ad aumentare il traffico proveniente da essi. SEO Paolo DelloVicario - @pdellov
  3. 3. Web Paolo DelloVicario - @pdellov
  4. 4. LINGUAGGI Scripting Programmazione Markup Paolo DelloVicario - @pdellov
  5. 5. Hyper Text Markup Language E’ il linguaggio di markup utilizzato per la formattazione dei documenti ipertestuali utilizzati sul web. HTML Paolo DelloVicario - @pdellov
  6. 6. Cascading Style Sheets E’ il linguaggio per definire la formattazione dei pagine HTML, XHTML e XML CSS Paolo DelloVicario - @pdellov
  7. 7. Hypertext Preprocessor E’ un linguaggio di programmazione interpretato per la gestione dinamica di pagine web. PHP Paolo DelloVicario - @pdellov
  8. 8. ANATOMIA DI UNA PAGINA HTML5 HTML - BASI Paolo DelloVicario - @pdellov <html>! <head>! <title>Titolo</title>! <meta name=“description” content=“descrizione di 156car” />! <meta name=“robots” content=“index, follow” />! </head>! <body>! <header>! <h1>Ciao</h1>! </header>! <div><p>Ciao</p></div>! <footer><strong>Ciao</strong></footer>! </body>! </html>! PER GOOGLE E BROWSER PER SPIDER DI GOOGLE BLOCCO TESTATA BLOCCO GENERICO BLOCCO FOOTER
  9. 9. HEAD HTML - BASI Paolo DelloVicario - @pdellov <meta charset="UTF-8" />! <title>Ingegneria Industriale Viterbo - Enjoineering</title>! <script>! (function(i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){! (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),! m=s.getElementsByTagName(o) [0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)! })(window,document,'script','//www.google-analytics.com/ analytics.js','ga');! ga('create', 'UA-4469589-35', 'enjoineering.com');! ga('send', 'pageview');! </script>! <meta name="description" content="Gli studenti di Ingegneria Industriale della Tuscia spiegano perché fare ingegneria, cosa si studia e perché Viterbo è un'ottima scelta."/>! <link rel="canonical" href="http://www.enjoineering.com/" />! <link rel="publisher" href="https://plus.google.com/u/ 0/111940044330698886042"/>! <link rel="stylesheet" href="http://www.enjoineering.com/wp- content/themes/brandon/css/custom.css?ver=1.5.1" media="all" />! <script type='text/javascript' src='http://www.enjoineering.com/ wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>! ! TITLE CHARSET MONITORAGGIO ANALYTICS DESCRIPTION PER GOOGLE VERSIONE CANONICA PAGINA G+ CSS SCRIPT JAVASCRIPT
  10. 10. ORGANIZZAZIONE STRUTTURALE HTML - BASI Paolo DelloVicario - @pdellov DIV Generico Blocco HEADER FOOTER ASIDE ARTICLE SECTION NAV
  11. 11. CLASSI E ID HTML - BASI Paolo DelloVicario - @pdellov <div class=“ciao miao” id=“blocco-prova”><h1>Prova</ h1><p>Ciao</p></div>! ! index.html .ciao {! !width: 400px;! !height: 200px;! !margin: 10px auto 10px auto;! }! #blocco-prova h1 {! !font-size: 19px;! }! ! style.css
  12. 12. ORGANIZZAZIONE DEL TESTO HTML - BASI Paolo DelloVicario - @pdellov <img src=“URL” alt=“TEXTALT” height=“ ” width=“ “ />! ! <a href=“URL” title=“TOOLTIP”>ANCHOR TEXT</a>! ! <p>Prova. Questo è <strong>grassetto</strong>, <i>corsivo</i>, <u>sottolineato</u> e <br /> capo. Questo è uno <span style=“color:#666;”>stile in linea</ span></p>! ! <h1>Titolo 1</h1>! <h2>Titolo 2</h2>! !
  13. 13. HTML END Paolo DelloVicario - @pdellov
  14. 14. SEO START Paolo DelloVicario - @pdellov
  15. 15. SEO - BASI Paolo DelloVicario - @pdellov INDICIZZAZIONE POSIZIONAMENTO
  16. 16. SEO - BASI Paolo DelloVicario - @pdellov SEO OnPage Ottimizzazione Meta e Title OttimizzazioneVelocità Analisi della Struttura di Navigazione URL Rewriting / Redirecting SEO Copywriting
  17. 17. SEO - BASI Paolo DelloVicario - @pdellov OTTIMIZZAZIONE META E TITLE <title>Questo è il titolo dello snippet</title>! <meta name=“description” content=“descrizione dello snippet” />! ! <meta name=“robots” content=“noindex, nofollow />! ! <link rel=“author” ref=“URL PROFILO G+” />! !
  18. 18. SEO - BASI Paolo DelloVicario - @pdellov OTTIMIZZAZIONE META E TITLE <title>Questo è il titolo dello snippet</title>! <meta name=“description” content=“descrizione dello snippet” />! ! <meta name=“robots” content=“noindex, nofollow />! ! <link rel=“author” ref=“URL PROFILO G+” />! !
  19. 19. SEO - BASI Paolo DelloVicario - @pdellov OTTIMIZZAZIONE META E TITLE <title>Questo è il titolo dello snippet</title>! <meta name=“description” content=“descrizione dello snippet” />! ! <meta name=“robots” content=“noindex, nofollow />! ! <link rel=“author” ref=“URL PROFILO G+” />! !
  20. 20. SEO - BASI Paolo DelloVicario - @pdellov OTTIMIZZAZIONE META E TITLE <title>Questo è il titolo dello snippet</title>! <meta name=“description” content=“descrizione dello snippet” />! ! <meta name=“robots” content=“noindex, nofollow />! ! <link rel=“author” ref=“URL PROFILO G+” />! !
  21. 21. SEO - BASI Paolo DelloVicario - @pdellov OTTIMIZZAZIONE VELOCITA’
  22. 22. SEO - BASI Paolo DelloVicario - @pdellov ANALISI DELLA STRUTTURA DI NAVIGAZIONE
  23. 23. SEO - BASI Paolo DelloVicario - @pdellov URL REWRITING RewriteEngine On RewriteRule prodotti/([a-z]+)/([0-9]+).html http:// www.MioDominio.com/ gestione_prodotti/prodotti.action? categoria=$1&idProdotto=$2 [L] URL REDIRECTING (301) Redirect 301 /pagina_1.php http://www.mioSito.com/pagina_2.php
  24. 24. SEO - BASI Paolo DelloVicario - @pdellov SEO Copywriting Keyword&Topic Analysis Scelta Title Scrittura Testo Interlinking Interno
  25. 25. SEO - BASI Paolo DelloVicario - @pdellov STRUMENTI UTILI Screaming Frog SEO Spider Operatori di Ricerca Google WebMaster Tool Google Analytics
  26. 26. SEO - BASI Paolo DelloVicario - @pdellov OPERATORI DI RICERCA UTILI site: inurl: intitle: inanchor: filetype: inpostauthor: Pagine del sito… URL che contengono Titoli che contengono Anchor che contengono File del tipo.. Post dell’autore

×