El Blog de Gian Top SEO Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Datos estructurados ¿dónde ubicarlos? Ep8 #AskGoogleWebmasters


Ya está en línea el episodio de esta semana. Para la serie de Pregúntale a los expertos de Google; John Mueller responde dónde ubicar los datos estructurados de JSON. Acompáñame a descubrir cual es la mejor ubicación dentro de la página. ¡Vamos!

La pregunta sobre los datos estructurados JSON

El usuario de Twitter Virginie Clève ha preguntado: ¿Es posible colocar los datos estructurados JSON al final de <body> en lugar de <head> ? parece que para muchos funciona bien esta manera.

En lo personal, esta me parece una excelente pregunta de principiantes; los fragmentos de código JSON van divididos en dos tipos de estructura (dentro de una etiqueta <script>):

Una colección de pares de nombre/valor. En varios lenguajes esto es conocido como un objeto, registro, estructura, diccionario, tabla hash, lista de claves o un arreglo asociativo.

Una lista ordenada de valores. En la mayoría de los lenguajes, esto se implementa como arreglos, vectores, listas o secuencias.
Por consiguiente si tenemos confirmación de la ubicación ideal, podemos aplicarlo de manera optima. Veamos que nos recomienda el googlero.

La respuesta de John

El experto comienza explicando que: JSON-LD es una de las formas en las que Google puede procesar los datos estructurados. A esto agrega dos maneras adicionales en las que el algoritmo del buscador procesa los datos: Microdata y RDFa.

RDFa es una extención de HTML5 que soporta datos enlazados a través de atributos adheridos a las etiquetas de HTML existentes en la página.

Microdata es una comunidad abierta de especificaciones HTML; se usa para anidar datos estructurados dentro del contenido en HTML. Justo como lo hace RDFa con los atributos para las etiquetas HTML.

JSON-LD en comparación; es una anotación de Java Script incrustada en una etiqueta de script dentro de la página. Para esto debe estar dentro de la etiqueta <body>. Este marcado no se intercala con el texto visible para el usuario, lo que hace que los elementos de datos anidados sean más fáciles de expresar.

¿Qué quiere decir esto?

Simplemente que los datos estructurados JSON, al ser agrupados dentro de una etiqueta que llama a la ejecución de un script; son mucho más fáciles de implementar y ejecutar. Por eso no hace ninguna diferencia si se les coloca dentro de la etiqueta <head> o al final de la página. Lo que realmente importa es que esté dentro de la etiqueta <body>.

Consejo rápido: Por lo general la gran mayoría recomienda incrustar estos datos en el <head> de la página. Esto puede servir si el contenido crítico (esencial) de tu web depende de ese script para cargarse. Pero si no depende de esto, puedes colocarlos después de la etiqueta <footer>. De esa forma ahorrarás unos mili segundos y el script se ejecutara después de cargar el contenido esencial.

Conclusión

Si haces sitios web vieja escuela, redactando el HTML. CSS, JQUERY, JS, etc. Esta info puede ser bastante útil. Si usas algún CMS encontraás complementos que hacen ese trabajo por ti. No te olvides de suscribirte a la newsletter para recibir esta info directo en tu bandeja de entrada.

Si te ha gustado este post ¡Compartelo! es gratis : )

Fuente: este post proviene de El Blog de Gian Top SEO, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

SEO código html Contenido ...

Qué son los datos estructurados y para qué sirven

En la actualidad, nos guste o no, el mundo en el que vivimos poco a poco cada día se digitaliza más. Esa es la razón por la que cada día más empresas se adaptan a este mundo, para llegar más a los usuarios y tratar de tener una presencia notable en la red. Pero si cada vez son más los que entran en el mundo digital y todos quieren posicionar sobre los demás, ¿cómo se puede destacar? En SEO la list ...

general seo

Los datos estructurados en Blogger: solución de problemas.

Los datos estructurados son una herramienta fundamental en la presentación de los resultados de búsqueda en Google. Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de ...

general seo

Google Structured Data Testing Tool: Cómo poner correctamente los datos estructurados en una web.

Los datos estructurados permiten a los motores de búsqueda determinar que ciertas partes de una página web, se corresponden a una representación determinada en los resultados de la búsqueda de un usuario. Es decir, permiten al buscador formatear los resultados de las búsquedas de sus usuarios, de tal manera que al presentarlos, se distinga perfectamente cada apartado localizado dentro de las págin ...

general app móvil desarrollo web ...

La auténtica oportunidad móvil: Segmentación por ubicación geográfica

Frente al marketing tradicional, existe la percepción general de que el marketing móvil es su hermanita fea, carente de datos (hablaremos del Big Data en un próximo post) y de recursos de seguimiento que permitan definir con fiabilidad el perfil del consumidor u obtener resultados significativos de las campañas de publicidad.Sin embargo, numerosos expertos en tecnología de publicidad trabajan sin ...

propuestas

Cómo personalizar Google Chrome con los colores de tu web

Google ha incorporado interesantes novedades para la presentación de nuestras Webs y Blogs en su navegador Chrome para móviles y tabletas. Podemos cambiar el color de todo el navegador para móviles y adaptarlo a la presentación de nuestra web, dándole un toque mucho más fresco e innovador. En general estos cambios dotan de una presentación mucho más profesional a nuestros contenidos para vestirlos ...

general social

Cómo insertar una publicación de Google+ en tu web

Una publicación e Google+ no es simplemente un mensaje que se comparte en una red social para que lo lean nuestros seguidores. Muchos creadores de contenidos web han descubierto la ventaja en materia de posicionamiento que supone utilizar esta red social. Al encontrarse plenamente integrada con el buscador, ambos forman una sinergia de la que ninguna otra red social del mundo dispone. Los "po ...

general desarrollo web html5 ...

Creacion de Juego con HTML5 y JavaScript

En esta nueva serie de tutoriales y videos, veremos los aspectos generales para la creacion de un game con HTML5, JavaScript y jQuery. Bienvenidos a otro tutorial de HTML5!Hoy iniciaremos la creación de un simple videojuego (bastante simple :)), utilizando apenas HTML5 y Javascript. hablaremos de algunos aspectos basicos de programacion con JavaScript, dando por hecho que ya tenés un poco de noció ...

general social

Cómo poner botones para redes sociales al final de tus entradas

Muchos Bloggers prefieren añadir botones para redes sociales al pie de sus entradas para que los usuarios puedan compartir el contenido que ha sido de su agrado. Vamos a aprender a colocar en el pie de entradas botones para compartir en Facebook, Twitter y Google+ nuestras creaciones.¿Qué son los botones para las redes sociales en un Blog?: Los componentes oficiales o no oficiales de las distinta ...

general social

Personaliza los fragmentos de tus entradas para compartir en las redes sociales

Siempre que se comparte una entrada en una red social se muestra un pequeño fragmento de resumen del contenido que se va a compartir. Normalmente, se suele presentar un título, una imagen y una "entradilla" o parte del texto que conforma la entrada. Esta composición del contenido es conocida como "fragmento" y es primordial para que el mensaje luzca atractivo en las redes socia ...

propuestas

Qué es AMPHTML

Al navegar por Internet con nuestro móvil, muchas veces nos encontramos con pequeños bloqueos, interrupciones en el dibujado de la página porque se están cargando anuncios, o imágenes... en diversas ocasiones percibimos la navegación como algo poco fluido o inmediato. La iniciativa de código abierto AMP (Accelerated Mobile Pages) viene a crear un nuevo "ecosistema" de programación que pe ...