seo onpage e html
DESCRIPTION
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.TRANSCRIPT
SEO OnPage e HTML
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 Dello Vicario - @pdellov
Web
Paolo Dello Vicario - @pdellov
LINGUAGGI
Scripting Programmazione
Markup
Paolo Dello Vicario - @pdellov
Hyper Text Markup Language
E’ il linguaggio di markup utilizzato per la formattazione dei documenti ipertestuali utilizzati
sul web.
HTML
Paolo Dello Vicario - @pdellov
Cascading Style Sheets
E’ il linguaggio per definire la formattazione dei pagine HTML,
XHTML e XML
CSS
Paolo Dello Vicario - @pdellov
Hypertext Preprocessor
E’ un linguaggio di programmazione interpretato per
la gestione dinamica di pagine web.
PHP
Paolo Dello Vicario - @pdellov
ANATOMIA DI UNA PAGINA HTML5
HTML - BASI
Paolo Dello Vicario - @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
HEAD
HTML - BASI
Paolo Dello Vicario - @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
ORGANIZZAZIONE STRUTTURALE
HTML - BASI
Paolo Dello Vicario - @pdellov
DIV Generico Blocco
HEADER
FOOTER
ASIDE
ARTICLE
SECTION
NAV
CLASSI E ID
HTML - BASI
Paolo Dello Vicario - @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
ORGANIZZAZIONE DEL TESTO
HTML - BASI
Paolo Dello Vicario - @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>!!
HTML END
Paolo Dello Vicario - @pdellov
SEO START
Paolo Dello Vicario - @pdellov
SEO - BASI
Paolo Dello Vicario - @pdellov
INDICIZZAZIONE POSIZIONAMENTO
SEO - BASI
Paolo Dello Vicario - @pdellov
SEO OnPage
Ottimizzazione Meta e Title
Ottimizzazione Velocità
Analisi della Struttura di Navigazione
URL Rewriting / Redirecting
SEO Copywriting
SEO - BASI
Paolo Dello Vicario - @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+” />!!
SEO - BASI
Paolo Dello Vicario - @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+” />!!
SEO - BASI
Paolo Dello Vicario - @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+” />!!
SEO - BASI
Paolo Dello Vicario - @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+” />!!
SEO - BASI
Paolo Dello Vicario - @pdellov
OTTIMIZZAZIONE VELOCITA’
SEO - BASI
Paolo Dello Vicario - @pdellov
ANALISI DELLA STRUTTURA DI NAVIGAZIONE
SEO - BASI
Paolo Dello Vicario - @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
SEO - BASI
Paolo Dello Vicario - @pdellov
SEO Copywriting
Keyword&Topic Analysis Scelta Title Scrittura Testo Interlinking
Interno
SEO - BASI
Paolo Dello Vicario - @pdellov
STRUMENTI UTILI
Screaming Frog SEO Spider
Operatori di Ricerca
Google WebMaster Tool
Google Analytics
SEO - BASI
Paolo Dello Vicario - @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