Your SlideShare is downloading. ×
0
SEO OnPage e HTML
Acronimo di Search Engine
Optimization. La SEO si occupa di
studiare i motori di ricerca e
pianificare strategie di Web
Mar...
Web
Paolo DelloVicario - @pdellov
LINGUAGGI
Scripting Programmazione
Markup
Paolo DelloVicario - @pdellov
Hyper Text Markup Language
E’ il linguaggio di markup
utilizzato per la formattazione dei
documenti ipertestuali utilizzat...
Cascading Style Sheets
E’ il linguaggio per definire la
formattazione dei pagine HTML,
XHTML e XML
CSS
Paolo DelloVicario -...
Hypertext Preprocessor
E’ un linguaggio di
programmazione interpretato per
la gestione dinamica di pagine
web.
PHP
Paolo D...
ANATOMIA DI UNA PAGINA
HTML5
HTML - BASI
Paolo DelloVicario - @pdellov
<html>!
<head>!
<title>Titolo</title>!
<meta name=“...
HEAD
HTML - BASI
Paolo DelloVicario - @pdellov
<meta charset="UTF-8" />!
<title>Ingegneria Industriale Viterbo - Enjoineer...
ORGANIZZAZIONE
STRUTTURALE
HTML - BASI
Paolo DelloVicario - @pdellov
DIV Generico Blocco
HEADER
FOOTER
ASIDE
ARTICLE
SECTI...
CLASSI E ID
HTML - BASI
Paolo DelloVicario - @pdellov
<div class=“ciao miao” id=“blocco-prova”><h1>Prova</
h1><p>Ciao</p><...
ORGANIZZAZIONE DEL TESTO
HTML - BASI
Paolo DelloVicario - @pdellov
<img src=“URL” alt=“TEXTALT” height=“ ” width=“ “ />!
!...
HTML END
Paolo DelloVicario - @pdellov
SEO START
Paolo DelloVicario - @pdellov
SEO - BASI
Paolo DelloVicario - @pdellov
INDICIZZAZIONE POSIZIONAMENTO
SEO - BASI
Paolo DelloVicario - @pdellov
SEO OnPage
Ottimizzazione Meta e Title
OttimizzazioneVelocità
Analisi della Strut...
SEO - BASI
Paolo DelloVicario - @pdellov
OTTIMIZZAZIONE META E TITLE
<title>Questo è il titolo dello
snippet</title>!
<met...
SEO - BASI
Paolo DelloVicario - @pdellov
OTTIMIZZAZIONE META E TITLE
<title>Questo è il titolo dello
snippet</title>!
<met...
SEO - BASI
Paolo DelloVicario - @pdellov
OTTIMIZZAZIONE META E TITLE
<title>Questo è il titolo dello
snippet</title>!
<met...
SEO - BASI
Paolo DelloVicario - @pdellov
OTTIMIZZAZIONE META E TITLE
<title>Questo è il titolo dello
snippet</title>!
<met...
SEO - BASI
Paolo DelloVicario - @pdellov
OTTIMIZZAZIONE VELOCITA’
SEO - BASI
Paolo DelloVicario - @pdellov
ANALISI DELLA STRUTTURA DI NAVIGAZIONE
SEO - BASI
Paolo DelloVicario - @pdellov
URL REWRITING
RewriteEngine On
RewriteRule prodotti/([a-z]+)/([0-9]+).html http:/...
SEO - BASI
Paolo DelloVicario - @pdellov
SEO Copywriting
Keyword&Topic
Analysis
Scelta Title Scrittura Testo
Interlinking
...
SEO - BASI
Paolo DelloVicario - @pdellov
STRUMENTI UTILI
Screaming Frog SEO Spider
Operatori di Ricerca
Google WebMaster T...
SEO - BASI
Paolo DelloVicario - @pdellov
OPERATORI DI RICERCA UTILI
site:
inurl:
intitle:
inanchor:
filetype:
inpostauthor...
Upcoming SlideShare
Loading in...5
×

SEO OnPage e HTML

246

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
246
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×