NEWS
Atlovir / FAQ / Ecco 20 righe di codice per un head (quasi) perfetto.
1920X1040.PNG

Ecco 20 righe di codice per un head (quasi) perfetto.

Su Luca SpinelliLUCASPINELLI.IT – c’è stato un restyling abbastanza importante così fra le altre cose mi sono messo a scrivere un head che fosse al contempo essenziale quanto completo. Questo è stato il risultato.

 <link rel="canonical" href="https://lucaspinelli.it" />
 <link rel="icon" href="https://lucaspinelli.it/PNG.PNG" />
 <link rel="stylesheet" href="assets/css/main.css" />
 <meta charset="UTF-8" />
 <meta name="description" content="" />
 <meta name="robots" content="noarchive" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta property="og:description" content="" />
 <meta property="og:image" content="https://lucaspinelli.it/PNG.PNG" />
 <meta property="og:locale" content="it-IT" />
 <meta property="og:title" content="Luca Spinelli / SEO & webmaster" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="https://lucaspinelli.it" />
 <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Luca Spinelli / SEO & webmaster", "image": "https://lucaspinelli.it/PNG.PNG", "@id": "https://g.page/luca-spinelli-lissone/", "url": "https://lucaspinelli.it", "telephone": [ "+390396790960", "+393273779311"], "priceRange": "€€€", "address":{"@type": "PostalAddress", "streetAddress": "Via Donatello 12", "addressLocality": "Lissone", "postalCode": "20851", "addressCountry": "IT"}, "openingHoursSpecification":{"@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "17:30"}}</script>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Luca Spinelli / SEO & webmaster", "image": "https://lucaspinelli.it/PNG.PNG", "@id": "https://g.page/luca-spinelli-monza/", "url": "https://lucaspinelli.it", "telephone": [ "+390396790960", "+393273779311"], "priceRange": "€€€", "address":{"@type": "PostalAddress", "streetAddress": "Via Meda 13", "addressLocality": "Monza", "postalCode": "20900", "addressCountry": "IT"}, "openingHoursSpecification":{"@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "17:30"}}</script>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "Organization", "name": "Luca Spinelli", "url": "https://lucaspinelli.it", "logo": "https://lucaspinelli.it/PNG.PNG", "sameAs": [ "https://airottiv.edu.pl", "https://vittoria.edu.pl"]}</script>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "Person", "name": "Luca Spinelli", "url": "https://lucaspinelli.it", "image": "https://lucaspinelli.it/PNG.PNG", "sameAs": [ "https://airottiv.edu.pl", "https://vittoria.edu.pl"], "jobTitle": "SEO & webmaster", "worksFor":{"@type": "Organization", "name": "Luca Spinelli"}}</script>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Luca Spinelli / SEO & webmaster", "url": "https://lucaspinelli.it", "potentialAction":{"@type": "SearchAction", "target": "{search_term_string}", "query-input": "required name=search_term_string"}}</script>
 <title>Luca Spinelli / SEO & webmaster</title>

Una spiegazione rapida del codice

Di seguito trovi una spiegazione rapida e superficiale del codice che ho usato. Non entro del dettaglio perché altrimenti dovrei scrivere una 20ina di articoli da 2-3.000 parole ognuno, cosa che magari un giorno farò ma non oggi. Quindi per oggi accontentati di qualche riga di spiegazione. Se anche tu ti occupi di posizionamento & SEO come me dovresti essere in grado di replicare i miei risultati senza troppi problemi.

<link rel=”canonical” href=”https://lucaspinelli.it” />

Facendola breve in 2 casi su 3 – se non di più – è sufficiente settare un canonical autoreferenziale. Il che significa che deve puntare all’URL della pagina in cui ci si trova. Qui potete approfondire: https://support.google.com/webmasters/answer/139066/.

<link rel=”icon” href=”https://lucaspinelli.it/PNG.PNG” />

Come settare un favicon? Semplicissimo. Basta aggiungere questo codice nell’head del sito web. Ovviamente il discorso andrebbe sviscerato parlando di size, delle varie icone per i dispositivi di Apple e di come una favicon in SVG sia il futuro. In questo articolo però saremo brevi quindi ecco come inserire una favicon in un sito web in HTML o con WordPress. Basta inserire nell’head questo codice. Con WordPress poi lo si potrebbe fare con plugin o nativamente da Aspetto>Personalizza>Denominazione del sito.

<link rel=”stylesheet” href=”assets/css/main.css” />

In questo caso richiamo il file CSS. Non c’è nulla di particolare da commentare visto che di solito se scaricate un tema, sarà settato di default.

<meta charset=”UTF-8” />

Anche questo sarà di default ma nel caso ricordatevi di settare fra le prime cose nell’head il charset. Se il sito web è in Italiano e non contate d’inserire cose “strane” nel 99% dei casi l’UTF-8 andrà bene. Prendetelo come uno standard.

<meta name=”description” content=”” />

La description del vostro sito web. Non è più fattore di ranking da anni ma è comunque importante avere una description che sia esplicativa ed utile. Il CTR è ancora fattore di posizionamento ma a parte questo, attirare il click dell’utente dovrebbe essere sempre una priorità per chiunque.

<meta name=”robots” content=”noarchive” />

Come robots si può settare un sacco di roba utile come d’inutile. Io mi limito sempre al noarchive per evitare che la “copia cache” non sia mai disponibile all’utente. Cos’è la copia cache? Fate una ricerca su Google e guardate la linguetta con la freccetta che guarda in basso a destra di – quasi – tutti i risultati. Premeteci sopra, vedete che si chiama copia cache? In quel modo potete vedere la copia di cache del sito web aggiornata all’ultima scansione di Google.

<meta name=”viewport” content=”width=device-width, initial-scale=1” />

Un tempo si potevano manipolare un po’ di cose ma da quando Apple ha forzato questo codice, che potremmo chiamare di default, c’è poco da fare. Ad oggi sono rari i casi in cui modificare il viewport abbia senso. Se non avete necessità particolari vi consiglio di prendere questo codice come default.

OGP per Facebook. Vediamo i codici di base.

 <meta property="og:description" content="" />
 <meta property="og:image" content="https://lucaspinelli.it/PNG.PNG" />
 <meta property="og:locale" content="it-IT" />
 <meta property="og:title" content="Luca Spinelli / SEO & webmaster" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="https://lucaspinelli.it" />

Qua c’è una carrellata di codice per OGP di Facebook. Sono 6 righe in cui potete indicare la description, l’immagine ed il titolo che volete che Facebook mostri quando qualcuno condivide l’URL della vostra pagina su Facebook. Con locale e type potete indicargli la lingua della pagina e la tipologia, nel caso di un sito web “website” è la proprietà di default. Ovviamente ricordatevi di compilare queste 6 righe in maniera diversa per ogni pagina.

<noscript><link rel=”stylesheet” href=”assets/css/noscript.css” /></noscript>

Questo codice indica un CSS diverso nel caso in cui l’utente non abbia attivo JavaScript. In questo modo il sito web rimarrà visibile ed accessibile anche a lui. Altrimenti verrebbe servito un sito web caotico e confusionario. Oggi tutti usano JavaScript e quei pochi che non lo fanno non sono gli internauti medi fra il vostro pubblico, quindi non perdete più di tanto tempo a prevedere soluzioni del genere. Per un lavoro davvero ben fatto comunque restano d’obbligo.

Dati strutturati. JSON-LD con schema.org.

<script type="application/ld+json">{"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Luca Spinelli / SEO & webmaster", "image": "https://lucaspinelli.it/PNG.PNG", "@id": "https://g.page/luca-spinelli-lissone/", "url": "https://lucaspinelli.it", "telephone": [ "+390396790960", "+393273779311"], "priceRange": "€€€", "address":{"@type": "PostalAddress", "streetAddress": "Via Donatello 12", "addressLocality": "Lissone", "postalCode": "20851", "addressCountry": "IT"}, "openingHoursSpecification":{"@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "17:30"}}</script>
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Luca Spinelli / SEO & webmaster", "image": "https://lucaspinelli.it/PNG.PNG", "@id": "https://g.page/luca-spinelli-monza/", "url": "https://lucaspinelli.it", "telephone": [ "+390396790960", "+393273779311"], "priceRange": "€€€", "address":{"@type": "PostalAddress", "streetAddress": "Via Meda 13", "addressLocality": "Monza", "postalCode": "20900", "addressCountry": "IT"}, "openingHoursSpecification":{"@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "17:30"}}</script>
 <script type="application/ld+json">{"@context": "https://schema.org", "@type": "Organization", "name": "Luca Spinelli", "url": "https://lucaspinelli.it", "logo": "https://lucaspinelli.it/PNG.PNG", "sameAs": [ "https://airottiv.edu.pl", "https://vittoria.edu.pl"]}</script>
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "Person", "name": "Luca Spinelli", "url": "https://lucaspinelli.it", "image": "https://lucaspinelli.it/PNG.PNG", "sameAs": [ "https://airottiv.edu.pl", "https://vittoria.edu.pl"], "jobTitle": "SEO & webmaster", "worksFor":{"@type": "Organization", "name": "Luca Spinelli"}}</script>
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Luca Spinelli / SEO & webmaster", "url": "https://lucaspinelli.it", "potentialAction":{"@type": "SearchAction", "target": "{search_term_string}", "query-input": "required name=search_term_string"}}</script>

Questi sono i dati di schema.org che ho usato per il mio sito web. Commentarli potrebbe produrre più confusione che altro quindi vi segnalo uno strumento straordinario con cui potrete generare un codice simile in maniera assistita: https://technicalseo.com/tools/schema-markup-generator/.

<title>Luca Spinelli / SEO & webmaster</title>

Infine ma non per importanza il title. Il titolo della pagina – della home nel mio caso – è forse l’aspetto di SEO più importante fra tutti dopo i contenuti. Settare dei buoni title è il primo passo per ottimizzare un sito web. Nel mio caso il sito web è lucaspinelli.it, mi chiamo Luca Spinelli e sono un SEO & webmaster. Un title come quello quindi mi sembrava più che adeguato. Avrei anche potuto mettere solo “Luca Spinelli” ma nel mio caso ci sono molti omonimi così ho preferito spiegare subito all’utente che io sono “quello che si occupa di posizionamento & SEO”.

About Luca Spinelli

SEO & webmaster di Lissone. Aiuto le PMI ad emergere su Google e da fine Luglio 2019 gestisco Atlovir. In questo blog curo le interviste di chi fa impresa in Lombardia e la sezione FAQ.

ARTICOLI CORRELATI

P.IVA. 3 step da seguire per farsi pagare quando il cliente non vuole mollare il grano.

Se si svolge un’attività professionale a favore di soggetti titolari di Partita IVA, non è …

Come farsi pagare con un decreto ingiuntivo quando il cliente non paga. Ecco costi e tempistiche per ottenerlo.

Il cliente non paga un debito? Non resta che ricorrere ad un decreto ingiuntivo, ossia …