Inserimento di dati strutturati nel processo di progettazione

Pubblicato: 2022-03-10
Riassunto rapido ↬ Il retrofit dell'ottimizzazione dei motori di ricerca ti porta solo così lontano. Man mano che i metadati diventano più intelligenti, è più importante che mai integrarli nel processo di progettazione fin dall'inizio.

L'ottimizzazione per i motori di ricerca (SEO) è essenziale per quasi tutti i tipi di siti Web, ma i suoi punti più fini rimangono una specialità. Ancora oggi la SEO è spesso trattata come qualcosa che può essere affrontato a posteriori. Può fino a un certo punto, ma in realtà non dovrebbe esserlo. I motori di ricerca diventano ogni giorno più intelligenti e anche i siti Web possono essere più intelligenti.

Le basi della SEO sono le stesse di sempre: grandi contenuti chiaramente etichettati vinceranno la giornata prima o poi, indipendentemente da quante persone proveranno a giocare con il sistema. Il fatto è che quelle etichette sono molto più sofisticate di prima. I meta titoli, il testo alternativo dell'immagine e i backlink sono importanti, ma nel 2020 sono anche abbastanza primitivi. Esiste un altro livello di metadati attualmente utilizzato solo da una frazione dei siti: i dati strutturati.

Tutti i motori di ricerca condividono lo stesso scopo: organizzare i contenuti del web e fornire i risultati più pertinenti e utili possibili alle query di ricerca. Il modo in cui riescono a raggiungere questo obiettivo è cambiato enormemente dai tempi di Lycos e Ask Jeeves. Google da solo utilizza più di 200 fattori di ranking e questi sono solo quelli di cui siamo a conoscenza.

La SEO è un campo enorme al giorno d'oggi, e ti dico che i dati strutturati sono un fattore davvero molto importante da comprendere e implementare nei prossimi anni. Non solo migliora le tue possibilità di posizionarti in alto per le query pertinenti. Ancora più importante, aiuta a migliorare i tuoi siti Web, aprendoli a tutti i tipi di esperienze Web utili.

Letture consigliate : A che cosa appartiene la SEO nel tuo processo di progettazione web?

Altro dopo il salto! Continua a leggere sotto ↓

Che cosa sono i dati strutturati?

I dati strutturati sono un modo per etichettare il contenuto delle pagine web. Utilizzando il vocabolario di Schema.org, rimuove gran parte dell'ambiguità dalla SEO. Invece di fidarti di Google, Bing, Baidu e DuckDuckGo per capire di cosa trattano i tuoi contenuti, digli loro. È la differenza tra un motore di ricerca che indovina di cosa tratta una pagina e sapere per certo.

Come dice Schema.org:

Aggiungendo tag aggiuntivi all'HTML delle tue pagine Web, tag che dicono "Ehi motore di ricerca, queste informazioni descrivono questo film, luogo, persona o video specifici" puoi aiutare i motori di ricerca e altre applicazioni a comprendere meglio i tuoi contenuti e visualizzarlo in modo utile e pertinente.

Schema.org lanciato nel 2011, un progetto condiviso da Google, Microsoft, Yahoo e Yandex. In altre parole, è uno sforzo "bipartisan", se vuoi. Il markup trascende qualsiasi motore di ricerca. Nelle parole di Schema.org,

"Un vocabolario condiviso rende più facile per webmaster e sviluppatori decidere uno schema e ottenere il massimo beneficio dai loro sforzi".

È per molti aspetti un cugino più ampio dei microformati (lanciati intorno al 2005) che incorporano semantica e dati strutturati nell'HTML, principalmente a vantaggio dei motori di ricerca e degli aggregatori. Sebbene i microformati siano attualmente ancora supportati, la natura "ufficiale" della libreria Schema.org la rende una scommessa più sicura per la longevità.

JSON for Linked Data (JSON-LD) è emerso come lo standard sottostante dominante per i dati strutturati, sebbene anche Microdata e RDFa siano supportati e servano allo stesso scopo. Schema.org fornisce esempi per ogni tipo a seconda di ciò con cui ti senti più a tuo agio.

Ad esempio, supponiamo che Joe Bloggs scriva una recensione del romanzo Catch-22 di Joseph Heller del 1961 e la pubblichi sul suo blog. Purtroppo, Bloggs ha un gusto scadente e gli dà due stelle su cinque. Per una persona che guarda la pagina, queste informazioni verrebbero comprese senza pensarci, ma i programmi per computer dovrebbero collegare diversi punti per raggiungere la stessa conclusione.

Con i dati strutturati, è possibile aggiungere il seguente markup al codice <head> della pagina. (Questo è un approccio JSON-LD. Microdata e RDFa possono essere usati per tessere le stesse informazioni nel contenuto <body> ):

 <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Book", "name" : "Catch-22", "author" : { "@type" : "Person", "name" : "Joseph Heller" }, "datePublished" : "1961-11-10", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Joe Bloggs" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "A disaster. The worst book I've ever read, and I've read The Da Vinci Code." } } </script>

Questo rende evidente che la pagina parla di Catch-22 , un romanzo di Joseph Heller pubblicato il 10 novembre 1961. Il revisore è stato identificato, così come i parametri del sistema di punteggio. Schemi diversi possono essere combinati (o stratificati) per descrivere cose diverse. Ad esempio, attraverso tag di questo tipo, potresti chiarire che una pagina è l'elenco degli eventi per la proiezione di un film all'aperto e il film in questione è The Life Aquatic with Steve Zissou di Wes Anderson.

Letture consigliate : Migliore ricerca, Migliore design, Migliori risultati

Perchè importa?

Ok, meraviglioso. Posso etichettare il mio sito web fino ai bulbi oculari e sembrerà esattamente lo stesso, ma quali sono i vantaggi? A mio avviso, ci sono due vantaggi principali nell'includere dati strutturati nei siti Web:

  1. Rende molto più semplici i lavori del motore di ricerca.
    Possono indicizzare il contenuto in modo più accurato, il che a sua volta significa che possono presentarlo in modo più ricco.
  2. Aiuta i contenuti web a essere più completi e utili.
    I dati strutturati offrono una "prospettiva del computer" sui contenuti. I contenuti di qualità sono favolosi. I contenuti di qualità accuratamente etichettati sono roba da sogni.

Hai presente quando vedi risultati di ricerca sgargianti che includono valutazioni a stelle? Sono dati strutturati. Ricchi frammenti di recensioni di film? Dati strutturati. Quando compare una selezione di ricette, ingredienti, tempo di preparazione e tutto il resto? Hai indovinato. Scava nel codice di una di queste pagine e troverai il markup da qualche parte. I motori di ricerca premiano i siti che utilizzano dati strutturati perché dicono loro esattamente con cosa hanno a che fare.

Rivedi gli snippet utilizzando il markup dei dati strutturati su Ricerca Google
(Grande anteprima)
Snippet di ricette che utilizzano il markup dei dati strutturati su Ricerca Google
Esamina il codice sui siti Web descritti sopra e abbastanza sicuro, i dati strutturati sono lì. (Grande anteprima)

Non è nemmeno solo la ricerca, per essere chiari. Questa è una parte importante, ma non è l'intero affare. I dati strutturati riguardano principalmente la codifica e l'organizzazione dei contenuti. I risultati di ricerca avanzati sono solo un modo per utilizzare detto contenuto. Google Dataset Search utilizza il markup Schema.org/Dataset, ad esempio.

Di seguito sono riportati alcuni esempi di dati strutturati utili:

  • Ricette
  • Recensioni
  • Domande frequenti
  • Interrogazioni vocali
  • Elenchi di eventi
  • Azioni sui contenuti.

Ce ne sono altre migliaia. Come, letteralmente. Schema.org ha anche accelerato il rilascio del markup per Covid-19 di recente. È una libreria in continua crescita.

Per molti aspetti, i dati strutturati sono una branca del Web semantico, che mira a un Internet completamente leggibile dalla macchina. Ti offre una prospettiva leggibile dalla macchina sul contenuto web che (se implementato correttamente) restituisce funzionalità più ricche per le persone.

In quanto tale, quasi chiunque abbia un sito Web trarrebbe vantaggio dal sapere cosa sono i dati strutturati e come funzionano. Secondo W3Techs, solo il 29,6% dei siti Web utilizza JSON-LD e il 43,2% non utilizza alcun formato di dati strutturati. Non c'è nessun obbligo, ovviamente. Non tutti si preoccupano della SEO o della leggibilità automatica. D'altra parte, per coloro che lo fanno c'è attualmente una grande opportunità per unire i siti rivali.

Allo stesso modo in cui l'HTML ti costringe a pensare a come è organizzato il contenuto, i dati strutturati ti fanno pensare alla sostanza. Ti rende più completo. Qualunque sia l'argomento del tuo sito Web, se sfogli la documentazione dello schema pertinente, quasi sicuramente individuerai dettagli che non pensavi di includere in anticipo.

Come esseri umani, è facile dare per scontate le connessioni tra le informazioni. I motori di ricerca e i programmi per computer sono intelligenti, ma non così intelligenti. Non ancora. I dati strutturati traducono il contenuto in termini comprensibili. Questo, a sua volta, consente loro di offrire esperienze più ricche.

Risorse e ulteriori letture

  • "La guida per principianti ai dati strutturati per la SEO: una serie in due parti", Bridget Randolph, Moz
  • "Cos'è il markup dello schema e perché è importante per la SEO", Chuck Price, Search Engine Journal
  • “Cos'è lo schema? Guida per principianti ai dati strutturati,” Luke Harsel, SEMrush
  • "JSON-LD: creazione di API di dati significative", Benjamin Young, Blog di rollout
  • "Capire come funzionano i dati strutturati", Ricerca Google per sviluppatori
  • "Marcatura del tuo sito con dati strutturati", Bing

Integrazione di dati strutturati nella progettazione di siti Web

Intrecciare dati strutturati in un sito Web non è così semplice come, ad esempio, modificare un meta titolo. È il DNA dei dati dei tuoi contenuti web. Se vuoi implementarlo correttamente, devi essere disposto a entrare nelle erbacce, almeno un po'. Di seguito sono riportati alcuni semplici passaggi che gli sviluppatori possono eseguire per tessere dati strutturati nel processo di progettazione.

Nota : personalmente sottoscrivo un approccio olistico al design, in cui design e sostanza vanno di pari passo. Destreggiarsi tra un mucchio di discipline non è una novità per il web design, questo è solo un altro, e se è ben incorporato può rafforzare altri elementi attorno ad esso. Pensalo come un miglioramento del motore del tuo sito. L'auto potrebbe non sembrare poi così diversa, ma si comporta molto meglio.

Inizia con un concetto

Userò me stesso come esempio. Per cinque anni, io e due amici abbiamo recensito un album a settimana per hobby (con altri che intervengono di tanto in tanto). La nostra prosa beffarda e insopportabile è attualmente ospitata in un sito WordPress che, sotto la mia cura ben intenzionata ma del tutto ignorante, è diventato il mostro di plugin di Frankenstein.

Stiamo ridisegnando il sito che (tra le altre cose) ha comportato l'inserimento di dati strutturati nel core design. Qui, come con qualsiasi altro progetto, la prima cosa da fare è stabilire di cosa trattano i tuoi contenuti. Meglio rispondi a questa domanda, più facile sarà tutto ciò che segue.

Nel nostro caso, questi sono gli elementi essenziali:

  • Esaminiamo gli album musicali;
  • Ogni recensione ha tre revisori che scrivono ciascuno un riassunto scegliendo fino a tre brani preferiti e assegnando un punteggio personale su dieci;
  • Questi tre punteggi vengono combinati in un punteggio finale su 30;
  • Dai tre riassunti viene scelto un passaggio che funge da carrellata "a colpo d'occhio" di tutti i nostri pensieri.

Alcuni di questi possono sembrare un po' specifici o addirittura un po' arbitrari (perché lo sono), ma saresti sorpreso di quanto possono essere intrecciati insieme utilizzando dati strutturati.

Di seguito è riportato un mockup di come appariranno le pagine di revisione rinnovate e le informazioni che possono essere tradotte in markup dello schema:

Una pagina web annotata con il markup dei dati strutturati
Anche il contenuto più vasto è pieno di informazioni che aspettano solo di essere taggate e strutturate. (Grande anteprima)

Non c'è nessun trucco in questo processo. So di cosa tratta il contenuto, quindi so dove cercare nella documentazione. In questo caso, vado su Schema.org/MusicAlbum e incontro tutti i tipi di potenziali proprietà, tra cui:

  • albumReleaseType
  • byArtist
  • genre
  • producer
  • datePublished
  • recordedAt

Ce ne sono dozzine; alcuni esclusivi di MusicAlbum, altri che rientrano nel più ampio ombrello di CreativeWork. Scavando più a fondo nella documentazione, trovo che il markup possa connettersi a MusicBrainz, un'enciclopedia di metadati musicali. Lo stesso processo si svolge quando vado alla documentazione di revisione.

Da quella semplice pagina, le seguenti informazioni possono essere raccolte e organizzate:

 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Review", "reviewBody": "Whereas My Love is Cool was guilty of trying too hard no such thing can be said of Visions. The riffs roar and the melodies soar, with the band playing beautifully to Ellie Rowsell's strengths.", "datePublished": "October 4, 2017", "author": [{ "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Marcus Lawrence" }], "itemReviewed": { "@type": "MusicAlbum", "@id": "https://musicbrainz.org/release-group/7f231c61-20b2-49d6-ac66-1cacc4cc775f", "byArtist": { "@type": "MusicGroup", "name": "Wolf Alice", "@id": "https://musicbrainz.org/artist/3547f34a-db02-4ab7-b4a0-380e1ef951a9" }, "image": "https://lesoreillescurieuses.files.wordpress.com/2017/10/a1320370042_10.jpg", "albumProductionType": "https://schema.org/StudioAlbum", "albumReleaseType": "https://schema.org/AlbumRelease", "name": "Visions of a Life", "numTracks": "12", "datePublished": "September 29, 2017" }, "reviewRating": { "@type": "Rating", "ratingValue": 27, "worstRating": 0, "bestRating": 30 } } </script>

E onestamente, posso ancora aggiungere molto di più. Inizialmente, ho trovato le cose che fanno già parte delle strutture di una pagina di recensione (es. artista, nome dell'album, punteggio complessivo), ma poi hanno cominciato a presentarsi nuove domande. Cosa potrebbe essere più chiaro? Cosa potrei aggiungere?

Questo dovrebbe ovviamente essere controbilanciato da domande su ciò che non è necessario . Solo perché puoi fare qualcosa non significa che dovresti. Esiste una cosa come "troppe informazioni". Tuttavia, a volte un po' più di dettagli può davvero portare una pagina in alto.

Familiarizzare con lo schema

Non c'è modo di aggirarlo; il modo migliore per far girare la palla è immergersi nella documentazione. Ci sono strumenti che lo implementano per te (più su quelli sotto), ma otterrai di più dal markup se hai un'idea corretta di come funziona.

Sfoglia la documentazione di Schema.org. Chiunque tu sia e qualunque sia il tuo sito web, è probabile che ci siano molti schemi rilevanti. Il sito è molto buono con esempi, quindi non deve rimanere teorico.

Il passo oltre, ovviamente, è trovare risultati di ricerca avanzati che vorresti emulare, visitare la pagina e utilizzare gli strumenti di sviluppo del browser per vedere cosa stanno facendo. Sono spesso ottimi esempi di siti Web che conoscono il loro contenuto alla perfezione. Puoi anche inserire snippet di codice o URL nell'Assistente per il markup dei dati strutturati di Google, che quindi genera lo schema appropriato.

Esempio di Google Structured Data Markup Helper in azione
Strumenti come l'Assistente per il markup dei dati strutturati di Google sono eccellenti per fare i conti con il funzionamento dei dati strutturati. (Grande anteprima)

I fondamenti sono in realtà molto semplici. Una volta che hai la testa intorno a loro, è l'ampiezza delle opzioni che richiedono tempo per esplorare e giocare. Non vuoi essere quella persona che arriva alla fine di un processo di progettazione, esamina le opzioni dello schema e inizia a indovinare tutto ciò che è stato fatto.

Fai le domande giuste

Ora che sei armato della tua vasta conoscenza dei dati strutturati, sei in una posizione migliore per gettare le basi per un sito Web solido. I dati strutturati percorrono una linea abbastanza unica. Nel senso immediato, esiste 'sotto il cofano' ed è lì a beneficio dei computer. Allo stesso tempo, può abilitare esperienze più ricche per l'utente.

Pertanto, vale la pena guardare i dati strutturati sia dal punto di vista tecnico che dell'utente. In che modo i dati strutturati possono aiutare a comprendere meglio il mio sito web? Quali altre risorse, database online o hardware (ad es. altoparlanti intelligenti) potrebbero essere interessati a ciò che stai facendo? Quali opzioni vengono visualizzate nella documentazione di cui non avevo tenuto conto? Voglio aggiungerli?

È particolarmente importante identificare i tipi di contenuto ricorrenti. È sicuro dire che un blog può aspettarsi molti post di blog nel tempo, quindi incorporare dati strutturati nei modelli di post produrrà i maggiori risultati. L'esempio che ho fornito sopra va tutto bene da solo, ma non c'è motivo per cui il processo di markup non possa essere automatizzato. Questo è il piano per noi.

Considera anche i modi in cui le persone potrebbero trovare i tuoi contenuti. Se ci sono opportunità, ad esempio, di evidenziare uno snippet di testo da utilizzare nella ricerca vocale, fallo. È quello, o lascia che siano i motori di ricerca a risolverlo da soli. Nessuno conosce i tuoi contenuti meglio di te, quindi sfrutta questa comprensione con il markup descrittivo.

Non è necessario indovinare come verranno compresi i contenuti con i dati strutturati. Con strumenti come Rich Results Tester di Google, puoi vedere esattamente come fornisce una forma e un significato ai contenuti che altrimenti sarebbero stati trascurati.

Risorse e ulteriori letture

  • "Introduzione a Schema.org utilizzando i microdati", Schema.org
  • "Schema.org Project Repository", comunità GitHub
  • "Assistente per il markup dei dati strutturati", Webmaster di Googe
  • "Aggiungi dati strutturati alle tue pagine web", Google Developers Codelabs
  • "Test dei risultati ricchi", Google

Il contenuto di qualità merita un markup di qualità

Non troverai un sostenitore di grandi contenuti più grande di me. L'industria SEO perde la sua mente collettiva ogni volta che Google lancia un importante aggiornamento di ricerca. La risposta all'isteria è sempre la stessa: fare contenuti di qualità. A ciò aggiungo: segnalo correttamente.

Acquisisci familiarità con la documentazione e sii chiaro su cosa tratta il tuo sito. Ogni informazione che tagghi rende molto più facile l'indicizzazione e la condivisione con le persone giuste.

Che tu sia un devoto di Google o un convertito a DuckDuckGo, lo spirito rimane lo stesso. Non si tratta tanto di classificare quanto di rendere i siti Web il più buoni possibile. La disponibilità di dati strutturati migliorerà altri aspetti del tuo sito web.

Non devi fidarti della tecnologia per capire di cosa trattano i tuoi contenuti: puoi dirlo. Dalle recensioni alle ricette alla ricerca audio, gli sviluppatori possono aggiungere un livello completamente nuovo di sofisticatezza ai loro contenuti.

Il cuore e l'anima dell'ottimizzazione di un sito Web per la ricerca non sono mai cambiati: produrre ottimi contenuti e chiarire il più possibile cos'è e perché è utile. I dati strutturati sono un altro strumento per questo scopo, quindi usalo.