Rich Cards

Las Rich Cards son una opción de visualización de contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más específico en la búsqueda de Google para móviles. Un webmasterEl término webmaster fue utilizado por primera vez por Tim Berners-Lee, el inventor de la World Wide Web, en su documento "Style Guide for Online Hypertext". La palabra se compone de las palabras inglesas "web", forma corta de World Wide Web y "master". En los primeros días de la WWW, a principios de la década de 1990, el término se usaba principalmente como un nombre profesional para las personas que disponen más puede seleccionar este tipo de presentación marcando el contenido como recetas y películas con el formato JSON-LD. El contenido se mostrará en un formato visual que mejora la experiencia e interacción del usuario teléfono celular. Las rich cards pueden ser vistas como una evolución de rich snippets¿Qué son rich snippets?Etiquetas que permiten añadir información útil en las páginas de resultado de los buscadores (o SERP). Su propósito es proporcionar a los usuarios datos adicionales para valorar cuál es el mejor resultado para su búsqueda.Otras denominaciones: Fragmentos enriquecidos más y construir sobre el vocabulario de Schema.org. De este modo, son un marcado semántico que da a los usuarios móviles una primera impresión visual del contenido.

Información general

A menudo, Google está probando nuevas variaciones de visualización en su búsqueda. En el contexto de la búsqueda teléfono celular y el creciente número de usuarios de dispositivos móviles, las rich cards son un desarrollo que complementa la reorientación de Google. El lema es «el teléfono celular primero». Trabajando con Páginas Móviles Aceleradas (AMP)¿Qué son las páginas de móviles aceleradas o AMP?Las Accelerated Mobile Pages (AMP), o páginas móviles aceleradas en su traducción literal al español, son webs creadas con un lenguaje de programación propio (AMP HTML), una variación del HTML, optimizado para que se carguen más rápidamente en los dispositivos móviles. Según Google, la velocidad de carga en AMP mejora entre un 15% y un 85%, pero estas webs además presentan desventajas como más, las alternativas para visualización de las rich cards pueden ser ampliadas. Hoy en día se muestran en un formato de carrusel de FacebookConcepto de Facebook¿Qué es Facebook?Facebook es una red social hecha por personas y pensada para conectar a personas. Es una de las pioneras de este sector, una de las primeras plataformas que llegaron a Internet con la finalidad de facilitar la comunicación entre usuarios de todas partes, compartir información y contactar con familiares lejanos, amistades o conocidos.Hoy en día, es la red más popular de todo Internet. Nacida en 2004 más. El formato visual enriquecido se puede controlar fácilmente desplazándose y deslizando para que las imágenes y el contenido se puedan ver fácilmente en los dispositivos móviles. Las rich cards se introducen con un enfoque en la experiencia del usuario teléfono celular que puede mejorarse con tecnología como AMPConcepto de AMP¿Qué es el AMP o Accelerated Mobile Pages?El AMP, abreviatura de Accelerated Mobile Pages, es una propuesta que empezó a tomar forma en el año 2016 con la finalidad de mejorar la usabilidad, lectura y, en general, la experiencia de los usuarios de teléfono celular dentro de cualquier página web. Emprendida por Google con un aperturismo total (es de código abierto), lleva en activo desde entonces para facilitar más u optimización teléfono celular^[1].

Los webmasters y los propietarios de sitios disponen la posibilidad de ofrecer su contenido de nuevas maneras con las rich cards y impulsar a ciertos grupos targetConcepto de Target¿Qué es el Target?El Target es uno de los conceptos primordiales del marketing. Se usa para hablar del público al que se destinan las acciones y estrategias de cualquier campaña publicitaria o comercial. Es el objetivo al que ha de hablarle marca para suministrarle sus servicios o productos, aquellos a los que les interesa lo que brindan o pueda resultarle interesante por afinidad o por necesidades.Es uno de más debido al formato de visualización modificado. Por ejemplo, a grupos objetivo¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. más más jóvenes que muestran una gran afinidad por los dispositivos móviles. Hasta 2016, el margen de beneficio adecuado sólo estaba disponible para recetas y películas y sólo para la versión en inglés de Google. Las herramientas de desarrollo habituales, como la documentación detallada para datos estructuradosDatos Estructurados es una definición utilizado en la parte semántica de Internet. Permite a los motores de búsqueda posicionar con precisión la información estructurada de las páginas web y enriquecerla. Definición de datos estructurados Para poder trabajar con datos estructurados, los operadores web deben usar formatos y márgenes de beneficio especiales definidos de forma uniforme. El marco de descripción de recursos (RDF), varios microformatos, microdatos y resaltadores de datos son más, una conexión a una APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene más y una herramienta de pruebas de datos estructurados, están disponibles para la incorporación de rich cards^[2]. Esto es para apoyar a los webmasters y operadores con la implementación. Además incluye la incorporación de la supervisión del rendimiento.

Operación

Las rich cards se integran usando una notación JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más que usa el formato recomendado JSON-LD para poder procesarlas automáticamente posteriormente de la marcación por medio de de datos enlazados y mostrarlas en las listas de resultados de Google para móviles^[3].

<script type="application/ld+json">The rich cards code is written here.</script>

En una receta, por ejemplo, los metadatosLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan más siguen el contexto de Schema.org para especificar el vocabulario utilizado, así como información sobre derechos de autor, descripciones y reseñas. El comienzo de una rich card puede tener el siguiente aspecto:

<script type="application/ld+json">{
  "@context": "http://schema.org/",
  "@type": "Recipe",
  "name": "Perfect Apple Pie",
  "author": "Gin Blanco",
  "image": "http://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg",
  "description": "A classic apple pie takes a shortcut with easy Pillsbury® unroll-fill refrigerated pie crust.",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "276",
    "bestRating": "5",
    "worstRating": "1"
  },</script>

Una coma separa los bloques de código y los campos de datos y atributos del grupo de corchetes. Después, se pueden usar muchos campos y atributos distintos, incluyendo, por ejemplo, información nutricional (nutrition), ingredientes (recipeIngredient) y una guía (recipeInstructions). Posteriormente de la coma, otros campos de datos son posibles:

"prepTime": "PT30M",
  "totalTime": "PT3H",
  "recipeYield": "8",
  "nutrition": {
    "@type": "NutritionInformation",
    "servingSize": "1 medium slice",
    "calories": "230 calories",
    "fatContent": "1 g",
    "carbohydrateContent": "43 g",
    "cholesterolContent": "0 mg",
    "fiberContent": "1 g",
    "proteinContent": "1 g",
    "saturatedFatContent": "2 ½ g",
    "servingSize": "1 Serving",
    "sodiumContent": "200 mg",
    "sugarContent": "27 g",
    "transFatContent": "0 g"
  },
  "recipeIngredient": [
    "1 box Pillsbury™ refrigerated pie crusts, softened as directed on box",
    "6 cups thinly sliced, peeled apples (6 medium)",
    "3/4 cup sugar",
    "2 tablespoons all-purpose flour",
    "3/4 teaspoon ground cinnamon",
    "1/4 teaspoon salt",
    "1/8 teaspoon ground nutmeg",
    "1 tablespoon lemon juice"
  ],
  "recipeInstructions": [
    "First step",
    "Second step",
    "Third step"
   ]
}</script>

Otros campos y propiedades están disponibles para marcar rich cards para películas.

Relevancia práctica

Google recomienda a los webmasters que exploren los posibles campos de datos y atributos que se pueden marcar usando el formato JSON-LD y que son compatibles con Google.
Se puede ver una vista previa en la herramienta de pruebas de datos estructurados una vez que se ha referenciado una URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo más que usa código fuenteEl código fuente es un programa de PC o página web que se convierte en un lenguaje que es leído por una máquina y se recoge en imagen y función. El código fuente es una parte importante del SEO porque determina la correcta ejecución de una página web. La optimización del código fuente es por ende parte del SEO técnico. Código fuente para páginas web Mientras que el código fuente más JSON-LD. Es factible representar rich cards desde una URL o desde distintos URLs en formato carrusel.
Puede averiguar si un archivo de rich cards es válido con la herramienta de prueba de datos estructurados. Representa la rich cards de tal manera que se emiten todos los campos de datos y marcas de revisión seleccionados y se muestran todos los avisos y errores. La validez es un prerrequisito para que las rich cards se muestren en los SERPsLa expresión SERPs proviene de las siglas de los términos en inglés Search Engine Result Pages es decir, páginas de resultados de los motores de búsqueda. En las SERPs es donde se encuentran los resultados de búsqueda de los motores de búsqueda y se organizan de mayor a menor relevancia. El posicionamiento lo determinan los motores de búsqueda de acuerdo al análisis de muchos factores y criterios de relevancia y más.
Puede conseguir información sobre las rich cards y cómo se indexan en la Consola de Búsqueda de GoogleEn este momento, la búsqueda en Google o Google Search es un medio de búsqueda de contenido en la web a nivel mundial. Desde que fue creado en 1997, la búsqueda en Google se ha convertido en un punto central para muchas actividades web. La búsqueda web es sólo un componente de la cartera general de Google Inc. A pesar de todo, es la plataforma principal para entregar anuncios de más. Si existen algún error, se enlazan de forma directa con la herramienta de pruebas, por lo que se pueden corregir.
Al mismo tiempo, Google recomienda que cree un sitemapUn sitemap o mapa del sitio es una representación estructurada de todas las páginas de una web. Tanto la estructura del sitio como los enlaces individuales entre las páginas pueden ser listados. Se pueden distinguir dos tipos de sitemaps distintos, HTML sitemaps y XML sitemaps. El sitemap HTML como árbol de navegación y vista general Los sitemaps HTML se pueden usar en las webs como una lista de todas las más para todo el contenido marcado. Por ende, pueden ser indexados más fácilmente por Google^[4].

Los valores de rendimiento para las distintos rich cards se deben proporcionar en la pestaña Resultados enriquecidos de la Consola de búsqueda, por ejemplo, la tasa de clics y las impresionesConcepto de Impresiones¿Qué son las Impresiones?Las Impresiones son las visiones o las veces que una publicación, link, texto, imagen o vídeo aparece frente a los ojos de un usuario. Si nos refiriéramos a Google y sus resultados, una impresión sería cada vez que una persona ve una de las webs que aparecen al realizar una búsqueda, sin ingresar siquiera en ella, tan solo viendo cómo aparece mientras baja con el más. Cómo afectan las rich card en el rendimiento de los dispositivos móviles, se puede ver en estos informes^[5].

Relevancia para el SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar más

Las rich cards son otro paso hacia una web semántica. Debido al hecho de que se basan en rich snippetsEl término Snippet (traducido literalmente al español significa recorte o fragmento) tiene diferentes significados en la industria tecnológica. Actualmente es una definición que se utiliza comúnmente para hacer referencia a los recortes, breves resúmenes, que aparecen en los resultados de búsqueda de Google. Los snippets que se encuentran en los SERPs dependen, naturalmente, de la búsqueda que se realice. Componentes de los Snippets Un Snippet se genera de forma automática más, los formatos anteriores no son redundantes y aún se pueden usar. Esta es una ventaja significativa de los formatos JSON-LD que son compatibles con los formatos RDFa, por ejemplo. Para los proveedores de ciertos tipos de contenido, las rich cards son una forma de atraer la atención del cliente potencial por medio de de los SERPs móviles. Hoy en día, los sitios web de recetas, instrucciones para cocinar y hornear, y los sitios de reseñas de películas disponen esta opción. Se espera que surjan más formatos de contenido en un futuro no muy lejano. Google mismo sugiere que el entorno técnico seguirá evolucionando para las rich cards.