Generador de dades estructurades (Schema Markup)

Com fer servir el generador de dades estructurades

1. Tria un Tipus d’esquema: pàgina de preguntes freqüents, article, organització, negoci local o producte.
2. Omple el formulari. Fes servir primer Carrega un exemple si vols veure com és una entrada completa.
3. Afegeix tants elements repetits com necessitis: preguntes, autors, enllaços de perfil, horaris d’obertura o imatges de producte. Cada fila té el seu propi botó Elimina.
4. Mira la llista de Comprovacions: t’indica quines propietats obligatòries o recomanades falten i quins valors semblen errònis, com una URL relativa o una valoració superior a 5.
5. Copia o Baixa el bloc <script type="application/ld+json"> generat i enganxa’l a l’HTML de la pàgina que descriu, al <head> o al <body>.
6. Prova la pàgina publicada, o enganxa-hi el codi, al Rich Results Test de Google (l’enllaç és sota el codi).

Tot el codi es genera al teu navegador: res del que escrius s’envia a cap servidor.

Què són les dades estructurades

Les dades estructurades descriuen el contingut d’una pàgina amb un vocabulari que les màquines entenen, schema.org. Els cercadors les fan servir per entendre de què tracta una pàgina (un article, una botiga, un producte amb preu) i, en alguns tipus, per mostrar resultats enriquits com valoracions amb estrelles, preus, horaris d’obertura o un panell de coneixement de la teva organització.

JSON-LD és el format que recomana Google. El marcatge va en un bloc de script propi, separat de l’HTML visible, de manera que és fàcil d’afegir, d’actualitzar o de generar des d’una plantilla. El codi ha de descriure contingut que realment sigui visible a la pàgina: marcar opinions, preus o preguntes que els visitants no poden veure va contra les directrius de Google.

Els cinc tipus d’aquesta eina

• FAQPage: una llista de preguntes amb les seves respostes, per a una pàgina que sigui una veritable secció de preguntes freqüents escrita pel lloc (no un fòrum). Des de l’agost del 2023, Google només mostra resultats enriquits de preguntes freqüents per a un nombre reduït de llocs governamentals i de salut de referència. El marcatge continua sent vàlid i pot ajudar altres cercadors i eines a entendre la pàgina.
• Article (o BlogPosting, NewsArticle): titular, imatge, dates i autors. Google no té propietats estrictament obligatòries per als articles, però en recomana el titular, la imatge, l’autor i les dates.
• Organization: nom, lloc web, logotip, dades de contacte i enllaços sameAs als teus perfils oficials. Ajuda els cercadors a connectar el teu lloc amb la teva marca.
• LocalBusiness: adreça, telèfon, coordenades, franja de preus i horaris d’obertura, amb un tipus més específic com Restaurant o Dentist quan en convingui un. Posa’l a la pàgina d’inici o a la pàgina de cada establiment.
• Product: nom, imatges, marca, SKU o GTIN, una oferta amb preu, moneda i disponibilitat, i una valoració agregada. Google necessita almenys una oferta, una opinió o una valoració per mostrar un resultat enriquit de producte.

Detalls que es resolen per tu

• Els camps i les files buits s’ometen, de manera que no publicaràs mai "name": "".
• Els preus accepten coma o punt (89,50 esdevé "89.50"), i la disponibilitat i l’estat fan servir URL completes de schema.org, tal com espera Google.
• Els horaris d’obertura fan servir OpeningHoursSpecification, amb dies com «De dilluns a divendres» desplegats en una llista de dies.
• El JSON es produeix amb JSON.stringify, i els caràcters <, > i & s’escapen com a \u003c, \u003e i \u0026, de manera que un text que contingui </script> no pot sortir del bloc de script.
• Les etiquetes del formulari estan en català, però el codi generat conserva els noms de les propietats de schema.org (name, address, offers…), que sempre són en anglès. El contingut que escrius (preguntes, respostes, descripcions) es publica tal com el redactes, en l’idioma que vulguis.