El Blog para Webmasters
Noticias en castellano sobre el rastreo e indexación de sitios web en el buscador Google
Desarrollar tu sitio web es fácil con "Web Components" y JSON-LD
martes, 24 de marzo de 2015
JSO
N-LD
es un formato de datos basado en JSON que puedes utilizar para implementar
datos estructurados
que describan el contenido de tu sitio a Google y a otros motores de búsqueda. Por ejemplo, si tienes una lista de eventos, cafeterías, personas o de otras cosas, puedes incluir estos datos en tus páginas de forma estructurada utilizando el vocabulario de
schema.org
insertado en las páginas web como un fragmento JSON-LD. Gracias a los datos estructurados, Google puede comprender mejor tus páginas y destacar su contenido en elementos de búsqueda como, por ejemplo,
eventos de Gráfico de conocimiento
y
fragmentos enriquecidos
.
"Web Components"
son un conjunto de tecnologías que se utilizan para definir widgets de interfaz de usuario reutilizables y personalizados, así como el comportamiento de los mismos. Todos los desarrolladores web pueden crear un "Web Component". Se empieza por definir una
plantilla
para una parte diferenciada de la interfaz de usuario, que puedes
importar a otras páginas
en las que quieras utilizar el "Web Component". Se utiliza un
"Custom Element"
para definir el comportamiento del "Web Component". Al agrupar la visualización y la lógica de parte de la interfaz de usuario en el "Web Component", puedes compartir y volver a usar el conjunto en otras páginas y con otros desarrolladores. Esto simplifica el desarrollo web.
"Web Components" y JSON-LD se complementan a la perfección. El "Custom Element"funciona como capa de presentación y JSON-LD como la capa de datos que utilizan los "Custom Elements" y los motores de búsqueda. Esto significa que puedes crear "Custom Elements" para todo tipo de schema.org, como
schema.org/Event
y
schema.org/LocalBusiness
.
La arquitectura sería parecida a lo que se indica a continuación. Los datos estructurados (por ejemplo, las ubicaciones de las tiendas de tu cadena) se almacenan en tu base de datos. Los datos se insertan en tu página web en forma de fragmento JSON-LD, de esta manera está disponible para que el "Custom Element" lo muestre a un usuario, o para que el robot de Google lo recupere en la indexación de Google.
Puedes obtener más información para empezar a crear tus "Custom Elements" en:
Nuestro último artículo en
html5rocks.com
y los ejemplos de código adjuntos
El
sitio web JSON-LD
y las
especificaciones W3C
La
wiki de "Web Components"
y la comunidad de "Web Components" en
webcomponents.org
.
schema.org
La
documentación sobre datos estructurados
de Google
Posted by
Ewa Gasperowicz
, Developer Programs Engineer,
Mano Marks
, Developer Advocate,
Pierre Far
, Webmaster Trends Analyst. Publicado por
Javier Pérez
equipo de calidad de búsqueda.
Etiquetas
Academia para webmasters
4
accesibilidad
27
acciones
1
acciones manuales
4
ajax
1
alt
1
amp
10
analíticas de Google
1
angular universal
1
anomalias
1
api
2
api psi
1
api search analytics
2
articulos
2
artículos
1
asistente
1
avanzado
16
blog
2
Botón +1
7
búsqueda
2
busqueda de google
1
calidad
1
casos de exito
1
centro de ayuda
1
centro de datos
1
certificación
1
certificado
1
chrome
3
chromium
1
cobertura del índice
3
cocina
1
codelab
1
codigo fuente
1
colaboradores principales
1
comentarios
1
comunicación
23
comunidad
1
conexión cifrada
1
consejos
99
consola de firebase
1
contenido
1
contenido duplicado
1
criterios de posicionamiento
2
cuadro de busqueda
2
danny sullivan
1
data-nosnippet
1
datos agregados
1
datos de campo
1
datos de experimentos
1
datos estructurados
16
dcl
1
desarrolladores
2
devtools
1
diagnostico
1
directrices para webmasters
30
directrices tecnicas
1
discover
1
diseño adaptable
1
DOM Content Loaded
1
dominio
1
empleo
3
empresa local
1
enlaces
9
enlaces artificiales
1
enlaces fraudulentos
1
errores de marcado
1
evaluadores
1
event
1
eventbrite
1
evento global
1
eventos
23
experiencia de usuario
1
experto de producto
1
experto producto
1
expertos de producto
2
expertos producto
2
express.js
1
facturacion
1
faq
1
fcp
1
fechas
2
ficha de empresa
1
First Contentful Paint
1
flujo de validación de problemas
1
foro
26
foro de editores
1
fragmentos de texto
1
fragmentos destacados
1
github
1
google analytics
1
google cloud platform
1
google i/o
1
google imágenes
2
google news
1
google noticias
1
google play instant
1
guía inicio rápido
1
guia seo
1
herramientas para webmasters
123
home
1
horas
1
html
5
http
1
https
3
imagenes
1
indexacion
2
indexing
1
informe de recetas
1
informe de rendimiento
5
informe de transparencia
1
informe spam
1
inspección de url
4
iso 8601
1
javascript
1
jobposting
2
jobrapido
1
kitten corner
1
lighthouse
3
logotipo
2
max-image-preview
1
max-snippet
1
max-video-preview
1
metaetiqueta
1
mfi
1
middleware
1
móvil
21
moviles
1
navegación segura
2
no segura
1
no seguro
1
nosnippet
1
optimizar sitio web
1
oro
1
pagespeed
3
penguin
1
pki
1
plata
1
platino
1
politicas de contenido
1
prácticas recomendadas
2
preguntas y respuestas
1
producto
1
productos y servicios
40
prueba de optimizacion para moviles
1
rakuten
1
rastreo e indexación
100
recaptcha
1
receta
1
recetas
1
reconsideraciones
2
renderizado dinamico
1
Rendertron
1
rendimiento
12
reseña
1
resultados de búsqueda
94
resultados enriquecidos
2
robot
1
robot noindex
1
ruta de navegacion
1
safe browsing
1
Search Console
20
seguridad
13
servidor
1
site clinic
10
Site Reliability Engineering
1
sitemaps
14
sitios pirateados
1
software malicioso
1
software no deseado
1
spam
2
ssl
1
symantec
1
tarifas
1
titulares
1
tls
1
twitter
4
url
1
url canonica
1
url canonicas
1
url de referencia
1
usuarios destacados
1
velocidad
3
verificacion dns
1
vídeo
82
videos
1
web light
1
webmaster
2
webspam
3
youtube
1
zona horaria
1
Archivo del blog
2020
nov
sept
ago
jul
jun
may
abr
mar
feb
ene
2019
dic
nov
oct
sept
jun
abr
mar
feb
ene
2018
dic
nov
oct
jul
jun
may
abr
feb
ene
2017
dic
nov
sept
ago
jul
jun
abr
mar
ene
2016
nov
sept
ago
may
abr
mar
ene
2015
dic
nov
oct
sept
ago
jul
may
abr
mar
Casos de éxito: Reparación de sitios comprometidos
Desarrollar tu sitio web es fácil con "Web Compone...
Desbloquear recursos con Herramientas para webmasters
Ayudar a los usuarios a rellenar formularios online
Nuevas directrices de calidad para las páginas puerta
Encontrar más resultados de búsqueda optimizados p...
ene
2014
nov
oct
sept
ago
jun
may
abr
mar
feb
ene
2013
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2012
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2011
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2010
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2009
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2008
dic
nov
oct
sept
Feed
Follow @googlewmc
Recursos para webmasters
Foro para Webmasters
Centro de Asistencia
Google Search Console
Google Webmaster en castellano