+34 966 87 37 50 info@digiworks.es

Web Semántica, Microdatos, Microformatos, RDFa… ¿qué es y para qué sirve?

[:es]

 

En el artículo anterior hablamos del marcado de datos para facilitar que Google extrajera la información de nuestro sitio y la mostrara mediante fragmentos enriquecidos, o rich snippets.  Explicamos una manera muy sencilla de realizarlo mediante Data Highlighter, una herramienta para el marcado de datos que apenas requiere conocimientos html, y os presentamos sus ventajas e inconvenientes.

Hoy vamos a profundizar un poco en este ámbito hablando de algunos términos relacionados que encontrarás frecuentemente y que además están en auge: Web Semántica, Microdatos, Microformatos, RDFa… ¿qué es y para qué sirve?

No pretendemos ser demasiado técnicos, únicamente dar algunas pinceladas para que al menos que sepas a qué se refieren cuando los escuches.

 

La Web Semántica o Web 3.0

La web semántica, también llamada web 3.0, supone avanzar un paso más allá en el eterno dilema de la comprensión entre máquinas y personas.

Definir mejor el significado de nuestros contenidos mediante etiquetas especiales, ayuda a que la web sea capaz de interpretarlos mejor, y ofrecer mejores resultados y contenidos complementarios a los usuarios.

La cantidad inabarcable de información a la que tenemos acceso hoy en día a través de internet hace necesaria la comprensión del significado más o menos exacto de nuestras búsquedas, y su correcta interpretación por parte del buscador, que puede así discriminar qué tipo de información es la que mejor se ajusta a nuestra búsqueda y descartar la información irrelevante para nuestro interés en ese momento.

La mejor interpretación también ofrece otras funciones complementarias, como por ejemplo, si una foto está tomada en determinado lugar, y el buscador puede “comprenderlo”, es posible que nos muestre junto a ella un mapa donde aparezca señalada dicha ubicación. O que nos proporcione sugerencias relacionadas con nuestra búsqueda.

 

ejemplo microdatosQué son Microdatos, Microformatos y RDFa

Para facilitar este entendimiento más profundo, se utiliza el marcado semántico, una versión mejorada del html tradicional, en el que se incluyen etiquetas semánticas.

Microdatos, microformatos y RDFa, son tres clases de marcado semántico, maneras de etiquetar los contenidos para que el buscador los “comprenda” mejor.

Los microdatos son un marcado semántico del contenido mediante etiquetas estandarizadas dentro de HTML5, generalmente “span” o “div”.

Por ejemplo, si estamos hablando sobre una película, podemos introducir etiquetas de microdatos sobre el nombre del director, actores, duración de la película, la música, etc. para ayudar al buscador a interpretarlo mejor. Esto sería un ejemplo de un texto sobre una película en html y la versión con microdatos:

Para que todos utilicemos las mismas etiquetas para el mismo tipo de contenido y que resulte más operativo (imagina si cada uno utilizase las etiquetas a su antojo…), existe una convención de etiquetas definida y estructurada, Schema.org, en la que se establece un vocabulario común estandarizado, compatible para todos los motores de búsqueda.

A diferencia de los microdatos, creados en el lenguaje HTML5, y que agrupan los contenidos con la forma de nombre-valor, los microformatos y RDFa están más pensados para XHTML. Los microformatos utilizan generalmente el atributo “class” para estructurar la información, mientras que RDFa es un conjunto de extensiones XHTML, que aprovecha y generaliza atributos simples.

 

Qué posiciona mejor en Google

Entre los 3 tipos de marcado, Google recomienda el uso de microdatos, que considera el formato más cómodo y limpio, y que “ofrece el equilibrio necesario entre la posibilidad de ampliación de RDFa y la sencillez de los microformatos”.

En definitiva, vemos cómo el futuro de la web pasa por el desarrollo de códigos más ricos en información, que hagan de la web un lugar más eficiente, organizado y sencillo. Una web que sepa comprender que, por ejemplo, cuando escribimos “letra de New York” nos referimos a la canción de Frank Sinatra, en lugar de a la ciudad.

El uso del etiquetado semántico permite una mejor estructuración de la información y una comprensión más profunda de su significado por parte del buscador.

¿No crees que esto puede resultar decisivo para optimizar tu posicionamiento en buscadores?

 

Más info | Microdatos, microformatos, RDFa / HTML Microdata

En Digiworks | Optimización de Marketing de Contenidos: mejora tu posicionamiento en buscadores

[:en]

 Web semantica, Microdatos, Microformatos, RDFa

En el artículo anterior hablamos del marcado de datos para facilitar que Google extrajera la información de nuestro sitio y la mostrara mediante fragmentos enriquecidos, o rich snippets.  Explicamos una manera muy sencilla de realizarlo mediante Data Highlighter, una herramienta para el marcado de datos que apenas requiere conocimientos html, y os presentamos sus ventajas e inconvenientes.

Hoy vamos a profundizar un poco en este ámbito hablando de algunos términos relacionados que encontrarás frecuentemente y que además están en auge: Web Semántica, Microdatos, Microformatos, RDFa… ¿qué es y para qué sirve?

No pretendemos ser demasiado técnicos, únicamente dar algunas pinceladas para que al menos que sepas a qué se refieren cuando los escuches. (más…)

Data Highlighter o marcador de datos ¿qué es y para qué sirve?

Data Highlighter marcador datos

¿Te has fijado en el tipo de resultados que Google ofrece de un tiempo a esta parte cuando buscas, por ejemplo, información sobre vuelos, música u hoteles? Es posible que te haya llamado la atención el aspecto especial que el buscador ofrece, incluyendo, por ejemplo, estrellitas con las valoraciones de los usuarios, listas de reproducción de canciones, fechas de un evento, precios de hoteles, etc.

Esta forma de presentación de los resultados más atractiva y destacada a través de microdatos se consigue fácilmente a través de Data Highlighter o marcador de datos, y es una herramienta que Google pone a nuestra disposición para mejorar la forma en que los resultados de búsqueda se muestran al usuario.

¿Qué es y para qué sirve el Data Highlighter? Hoy tratamos de explicártelo de forma muy sencilla para que puedas empezar a valorar lo que esta forma de etiquetado de datos puede aportar al diseño de tu página web. (más…)

Responsive Web Design: adaptarte al usuario multidispositivo

[:es]

La importancia del Responsive Web Design está en aumento, dada la enorme penetración de los smartphones en nuestra sociedad. Un número creciente de usuarios navegan y compran desde sus dispositivos móviles, tablets, etc. y por ello el Responsive Web Design: adaptarte al usuario multidispositivo es cada vez menos una opción y más una necesidad para un desarrollo web eficaz.   

Si no tienes muy claro de qué va el tema, te recomendamos que primero leas qué es el Responsive Web Design y para qué sirve.

 

Ventajas del Responsive Web Design para el usuario

Para el usuario, el Responsive Web Design presenta una serie de ventajas relacionadas con la experiencia de uso:

  • Evitan encontrarse con un diseño web desordenado que les haga incluso dudar de si se encuentran en la página que buscaban.
  • No necesitan estar toqueteando la pantalla de su dispositivo móvil para encajar los contenidos con el tamaño adecuado, sino que esto se consigue de forma automática.
  • No corren el riesgo de equivocarse al pulsar un botón de la web por estar todos demasiado pegados.
  • Pueden leer correctamente la pantalla, sin tener que sufrir tamaños de fuente microscópicos y botones ilegibles.   

 

Ventajas del Diseño Web Adaptativo para ti

Respecto a la empresa o propietario del sitio web, el diseño web adaptativo supone ventajas en términos de eficacia:

  • No requiere que desarrolles varias versiones de tu sitio web.
  • No exige una gran inversión económica.
  • No es necesario estar actualizando plugins móviles.
  • Tu SEO o posicionamiento en buscadores estará focalizado en un único sitio.
  • Te permite olvidar la preocupación de si tus clientes estarán viendo correctamente tu sitio web.
  • No perderás clientes desesperados por no poder visualizar e interactuar correctamente con tu página.

 

Responsive Web Design y creación de contenidos

De esta forma, con el Diseño Web Adaptativo o Responsive Web Design, sólo necesitarás un sitio web para servir a cada dispositivo de forma automática.

Responsive Web Design ventajasEsto quiere decir que prácticamente sólo deberás centrarte en crear contenidos de calidad; tu preocupación principal ahora deberá ser el fondo, no la forma.

Quizás tu sitio no sea el más impresionante, cuente con ajustados recursos o tenga un diseño web económico. Pero si consigues ofrecer al usuario la mejor experiencia posible, tienes en cuenta aspectos de usabilidad, y te esfuerzas por desarrollar buenos contenidos y por hacer que tu sitio web llegue a más gente, estás en condiciones de poder competir con los grandes.

No olvidemos lo que sentenciaba Darwin:

“Las especies que sobreviven no son las más fuertes, ni las más rápidas, ni las más inteligentes; sino aquellas que se adaptan mejor al cambio“.

Así que el Responsive Web Design o Diseño Web Adaptativo te va a ayudar a ganar parte del terreno.

¿Se adapta tu página web a dispositivos móviles, o sólo se ve bien desde un ordenador de sobremesa estándar?

 

Imagen | sidiostedalimones / Alvaro Rubioc

Digiworks | ¿Por qué es importante el contenido para mejorar el posicionamiento web?

[:en]

que es Responsive Web Design

La importancia del Responsive Web Design está en aumento, dada la enorme penetración de los smartphones en nuestra sociedad. Un número creciente de usuarios navegan y compran desde sus dispositivos móviles, tablets, etc. y por ello el Responsive Web Design: adaptarte al usuario multidispositivo es cada vez menos una opción y más una necesidad para un desarrollo web eficaz.   

Si no tienes muy claro de qué va el tema, te recomendamos que primero leas qué es el Responsive Web Design y para qué sirve.

 

Ventajas del Responsive Web Design para el usuario

Para el usuario, el Responsive Web Design presenta una serie de ventajas relacionadas con la experiencia de uso:

  • Evitan encontrarse con un diseño web desordenado que les haga incluso dudar de si se encuentran en la página que buscaban.
  • No necesitan estar toqueteando la pantalla de su dispositivo móvil para encajar los contenidos con el tamaño adecuado, sino que esto se consigue de forma automática.
  • No corren el riesgo de equivocarse al pulsar un botón de la web por estar todos demasiado pegados.
  • Pueden leer correctamente la pantalla, sin tener que sufrir tamaños de fuente microscópicos y botones ilegibles.   

 

Ventajas del Diseño Web Adaptativo para ti

Respecto a la empresa o propietario del sitio web, el diseño web adaptativo supone ventajas en términos de eficacia:

  • No requiere que desarrolles varias versiones de tu sitio web.
  • No exige una gran inversión económica.
  • No es necesario estar actualizando plugins móviles.
  • Tu SEO o posicionamiento en buscadores estará focalizado en un único sitio.
  • Te permite olvidar la preocupación de si tus clientes estarán viendo correctamente tu sitio web.
  • No perderás clientes desesperados por no poder visualizar e interactuar correctamente con tu página.

 

Responsive Web Design y creación de contenidos

De esta forma, con el Diseño Web Adaptativo o Responsive Web Design, sólo necesitarás un sitio web para servir a cada dispositivo de forma automática.

Responsive Web Design ventajasEsto quiere decir que prácticamente sólo deberás centrarte en crear contenidos de calidad; tu preocupación principal ahora deberá ser el fondo, no la forma.

Quizás tu sitio no sea el más impresionante, cuente con ajustados recursos o tenga un diseño web económico. Pero si consigues ofrecer al usuario la mejor experiencia posible, tienes en cuenta aspectos de usabilidad, y te esfuerzas por desarrollar buenos contenidos y por hacer que tu sitio web llegue a más gente, estás en condiciones de poder competir con los grandes.

No olvidemos lo que sentenciaba Darwin:

“Las especies que sobreviven no son las más fuertes, ni las más rápidas, ni las más inteligentes; sino aquellas que se adaptan mejor al cambio“.

Así que el Responsive Web Design o Diseño Web Adaptativo te va a ayudar a ganar parte del terreno.

¿Se adapta tu página web a dispositivos móviles, o sólo se ve bien desde un ordenador de sobremesa estándar?

 

Imagen | sidiostedalimones / Alvaro Rubioc

Digiworks | ¿Por qué es importante el contenido para mejorar el posicionamiento web?

[:nl]

que es Responsive Web Design

La importancia del Responsive Web Design está en aumento, dada la enorme penetración de los smartphones en nuestra sociedad. Un número creciente de usuarios navegan y compran desde sus dispositivos móviles, tablets, etc. y por ello el Responsive Web Design: adaptarte al usuario multidispositivo es cada vez menos una opción y más una necesidad para un desarrollo web eficaz.   

Si no tienes muy claro de qué va el tema, te recomendamos que primero leas qué es el Responsive Web Design y para qué sirve.

 

Ventajas del Responsive Web Design para el usuario

Para el usuario, el Responsive Web Design presenta una serie de ventajas relacionadas con la experiencia de uso:

  • Evitan encontrarse con un diseño web desordenado que les haga incluso dudar de si se encuentran en la página que buscaban.
  • No necesitan estar toqueteando la pantalla de su dispositivo móvil para encajar los contenidos con el tamaño adecuado, sino que esto se consigue de forma automática.
  • No corren el riesgo de equivocarse al pulsar un botón de la web por estar todos demasiado pegados.
  • Pueden leer correctamente la pantalla, sin tener que sufrir tamaños de fuente microscópicos y botones ilegibles.   

 

Ventajas del Diseño Web Adaptativo para ti

Respecto a la empresa o propietario del sitio web, el diseño web adaptativo supone ventajas en términos de eficacia:

  • No requiere que desarrolles varias versiones de tu sitio web.
  • No exige una gran inversión económica.
  • No es necesario estar actualizando plugins móviles.
  • Tu SEO o posicionamiento en buscadores estará focalizado en un único sitio.
  • Te permite olvidar la preocupación de si tus clientes estarán viendo correctamente tu sitio web.
  • No perderás clientes desesperados por no poder visualizar e interactuar correctamente con tu página.

 

Responsive Web Design y creación de contenidos

De esta forma, con el Diseño Web Adaptativo o Responsive Web Design, sólo necesitarás un sitio web para servir a cada dispositivo de forma automática.

Responsive Web Design ventajasEsto quiere decir que prácticamente sólo deberás centrarte en crear contenidos de calidad; tu preocupación principal ahora deberá ser el fondo, no la forma.

Quizás tu sitio no sea el más impresionante, cuente con ajustados recursos o tenga un diseño web económico. Pero si consigues ofrecer al usuario la mejor experiencia posible, tienes en cuenta aspectos de usabilidad, y te esfuerzas por desarrollar buenos contenidos y por hacer que tu sitio web llegue a más gente, estás en condiciones de poder competir con los grandes.

No olvidemos lo que sentenciaba Darwin:

“Las especies que sobreviven no son las más fuertes, ni las más rápidas, ni las más inteligentes; sino aquellas que se adaptan mejor al cambio“.

Así que el Responsive Web Design o Diseño Web Adaptativo te va a ayudar a ganar parte del terreno.

¿Se adapta tu página web a dispositivos móviles, o sólo se ve bien desde un ordenador de sobremesa estándar?

 

Imagen | sidiostedalimones / Alvaro Rubioc

Digiworks | ¿Por qué es importante el contenido para mejorar el posicionamiento web?

[:]

Responsive Web Design: qué es y para qué sirve

[:es]

Responsive Web Design

Hoy tratamos de aclarar uno más de los cientos de términos y palabrejas que nos encontramos a diario, y que a veces no tenemos muy claro a qué se refieren. Si no sabes nada sobre Responsive Web Design: qué es y para qué sirve, quizás te interese seguir leyendo.

¿Qué es Responsive Web Design?

El Responsive Web Design, o Diseño Web Adaptativo o Adaptable, consiste en un tipo de diseño web que se adapta automáticamente a las características del dispositivo desde donde se visualiza. (más…)