Si existe algo que se pueda considerar un lenguaje universal entre buscadores, es probablemente Schema. Y precisamente por ello deberías empezar a aprovecharlo. ¿Qué es Schema? Schema es un lenguaje de marcado desarrollado por los gigantes de los buscadores (Google, Yandex, Microsoft y Yahoo) para conseguir crear una estructura para el lenguaje de marcado que todos los motores de búsqueda puedan entender, de manera que se optimice su funcionamiento. Para ello hay que estructurar los datos. Al estructurarlos le damos al motor de búsqueda un contexto, de modo que es más sencillo que sean capaces de distinguir la temática de la página a partir de los elementos que contiene. Schema.org funciona en forma de código. Es como un conjunto de etiquetas universales y más exhaustivas que definen el significado de todos y cada uno de los distintos elementos de una página. Entre otras cosas, el emplear Schema permite que los motores de búsqueda como Google extraer datos enriquecidos, que usará para aportar más información sobre el resultado (como añadir Valoraciones) y que en general mejoran el número de visitas que recibe un enlace. Pese a ello, muchos desarrolladores siguen sin apenas usarlo, cuando es realmente muy sencillo incorporarlo a una web y mejorar su exposición a los buscadores como resultado. ¿Cómo funciona Schema? Schema etiqueda cada uno de los elementos individuales de una página (tanto imágenes como áreas de texto) con elementos de código específicos que le dicen al motor de búsqueda qué es cada uno de esas cosas. El desarrollador puede elegir el tipo de estructura que emplear en sus páginas, pero dentro de las directrices de Schema. Normalmente lo más sencillo es buscar una lista de vocabulario aquí pero si ninguna se adapta a tus necesidades, puedes añadir tu propia extensión de vocabulario. Hay que tener en cuenta que Schema no mejora activamente tu SEO (probablemente) si no que te ayuda a posicionarte mejor al mejorar tu click-trough rate. Empezar a usar Schema Microdata HTML5 introdujo la microdata como un set de etiquetas que pretendían aportar un método más sencillo para anotar elementos HTML usando etiquetas legibles por los crawlers. Aunque es el lugar más sencillo por el que empezar, el uso de microdata tiene como desventaja (al menos si lo comparamos con JSON-LD) el que no se concentrar todas las etiquetas dentro de la cabecera si no que hay que etiquetar de manera individual cada elemento. Esto es visualmente más desordenado. Antes de nada, hay que definir que item type es el más adecuado para el contenido de tu página. Desde las herramientas de webmaster de Google te lo facilitan con esta herramienta, que puedes usar para comprobar si lo has etiquetado todo bien, pero antes de nada empecemos por lo básico. Por ejemplo, supongamos una página de “acerca de” para el portfolio de alguna persona. Ahora, agregando microdata nos quedaría algo así: Como puedes ver en el ejemplo, no sólo se pueden etiquetar los elementos si no que se pueden anidar categorías (Person > PostalAddress) para lograr ser más minucioso. RDFa RDFa es el acrónimo para Resource Description Framework in Attributes, y es otra extensión de HTML5 diseñada para etiquetar datos estructurados. Es recomendada por el W3C, lo que la convierte en un estándar para la web. Permite combinar y ampliar vocabularios a mayores de las libertades que Schema.org otorga. A nivel de integración funciona de una manera semejante a la Microdata , ya que se añaden etiquetas dentro del cuerpo del contenido. Tomemos ahora la landing page de un restaurante como ejemplo: Y ahora añadimos algo de RDFa. Primero especificando el vocabulario que vamos a emplear en mediante vocab y el typeof, que a diferencia de para microdata se representa con una o dos palabras en lugar de ser un link. De momento ya le hemos dicho al buscador que la página trata sobre un restaurante. Ahora queremos especificar. Para ello definiremos propiedades mediante el atributo property. El atributo typeof se puede aplicar a una propiedad para crear una etiqueta más detallada. Para RDFa typeof funciona prácticamente de la misma manera que itemtype en microdata; y property es el equivalente de itemprop. En caso de dudas a la hora de usar distintos tipos y propiedades se puede usar la herramienta de Google que enseñamos con anterioridad o comprobar las guías y modelos que Schema.org proporciona. JSON-LD JSON-LD es el acrónimo de JavaScript Object Notation for Linked Dada, y permite insertar datos estructurados usando JSON. Al igual que RDFa está recomendado por la W3C, de modo que es un estándar web y se considera formato recomendado de Schema desde el 2013. A diferencia de las dos opciones anteriores, JSON-LD inserta todos los atributos en la cabecera de la página, mantenido el cuerpo del código más limpio, libre de extra etiquetas. Para insertar notación JSON-LD en el código hay que abrir un bloque script dentro de la cabecera como hemos mencionado, tal que: El código de dentro del bloque debería ir entre llaves para evitar que los motores de búsqueda lo ignoren. Dentro de las llaves lo primero es clarificar el contexto para definir el vocabulario a cuyos datos estamos linkeando. Lo siguiente que hay que hacer es definir el tipo de contenido con @type, el equivalente al itemtype (microdata) o a typeof (RDFa). Ya que la dirección tiene un conjunto de propiedades adicionales y específicas, para definirla estas se pondrán dentro de otro nivel de llaves. El horario de nuestro restaurant es el mismo toda la semana, pero podríamos introducir con facilidad horarios que variasen entre lunes a viernes y sábados, domingos y festivos añadiendo las distintas opciones a un array. El teléfono y el link al menú son ambas propiedades sencillas de añadir, y lo único que faltaría para completar el script. Conclusión Schema permite añadir mucha información a las páginas que mejora cómo estas son presentadas, tanto por motores de búsqueda como por redes como Pinrest, y esta mejora facilita el que los usuarios visualicen el contenido antes de entrar en la página.
Además, las distintas opciones de implementarlo dentro del código permiten insertar Schema con relativa facilidad tanto en webs nuevas como en páginas ya existentes. Podéis encontrar más tutoriales y recursos sobre el uso de Schema.org tanto en su web como en la zona para desarrolladores de Google. ¡Esperemos que esto os haya servido de ayuda como introducción a Schema y buena suerta mejorando el marcado de vuestras páginas!
1 Comentario
|
AutorExperto en posicionamiento web, encontrareis interesantes posts sobre tema SEO y relacionados Archivos
Mayo 2018
Categorías |
Blog personal