Cómo agregar esquema de marcado a su sitio usando Google Tag Manager

El esquema de marcado está en microodia que ayuda a los motores de búsqueda a mostrar su página SERP como un fragmento rico. Los motores de búsqueda máximos como Google, Yahoo, Bing usan el esquema de marcado para mostrar el mejor resultado de SERP según la consulta del usuario. ¿Por qué necesita configurar el esquema de marcado para sus páginas? Básicamente, las etiquetas HTML informan a los navegadores cómo mostrar datos. Por ejemplo, si usa

cómo preparar pizza

, su navegador mostrará “cómo preparar pizza” como título/ título de su página. ¿Pero el motor de búsqueda no tiene idea de lo que realmente contiene la página? Por lo tanto, es difícil para los motores de búsqueda mostrar la página de consulta de búsqueda relevante. Pero si marca el título de esta página como una receta para la preparación de la pizza utilizando el esquema de marcado, los motores de búsqueda mostrarán su página para una consulta relevante.
Aunque la marca del esquema no tiene un impacto directo en la clasificación, ayuda a aumentar los clics. Se demuestra que una página de producto con una revisión, las pestañas de precios de suministro en los resultados de búsqueda reciben más clics que un título con solo título y meta descripción. ¿Cómo integrar el esquema de marcado en su sitio? Cree el código: – Para el código JSON -LD, vaya a schema.org o a la página https://developers.google.com/search/referrence/overview para crear microdate. Aquí uso los datos de https://developers.google.com/search/referrence/overview Desde la barra lateral izquierda, encontrará los códigos para diferentes páginas como artículo, libro, curso, receta, preguntas frecuentes, logotipo, Película, producto, evento de producto, publicación de trabajo, etc.

Por ejemplo, tomo el código a continuación para configurar el esquema de marcado para una página del artículo (título del artículo, fecha de publicación, imágenes, fecha de modificación). El título del artículo {“@Context”: “https://schema.org”, “@Type” : “Artículo de noticias”, “Título”: “¡debilita antes de tu gran día!”, “Imagen”: [“https://www.lifewithlg.com/wp-content/uploads/2020/08/scale-403585_1280_850x433. Jpg “],” datePublished “:” 26 de agosto de 2020 “,” fecha modificada “:” “} para probar el código, si hay un error, ir a https://search.google.com/test/rich-results. Puede verificar si su página es elegible para resultados ricos o si hay un problema.
Ahora es el momento de integrar el código a través de Google Tag Manager:

Primero, cree una cuenta en GTM.
Luego haga clic en Agregar nueva etiqueta.
Tipo de etiqueta – html
Pegue la etiqueta HTML.
Después,
Elija un disparador para seleccionar las páginas en las que se puede operar el código.
Crea un nuevo disparador.
Desde la configuración de activación, “Seleccione este disparador se activa en” algunas páginas.
Mientras creo la etiqueta aquí para una sola página.
Selecciono la condición de activación aquí: –
URL de página> igual> URL de la página específica.
Antes de activar el código al final. Acceda al modo de vista previa desde Google Tag Manager.
Luego, actualice su dominio, aparecerá una pestaña de vista previa en su página. Y puede verificar si el código está integrado correctamente.

Si ha encontrado todo bien, finalmente envíe el código en el Administrador de etiquetas de Google. El proceso anterior es para el conjunto de marcado del esquema para una sola página. A continuación discutiré el método de configuración del esquema para algunas páginas del mismo tipo.

Le permite intentar configurar un esquema para todas las páginas de productos juntas.

En primer lugar, recopile el código JSON-LD de https: //developers.google.com/search/docs/data-types/product aquí, tomo el código para el nombre del producto, la imagen, la revisión y la oferta. PRODUCTNAME {“@context”: “https://schema.org/”, “@Type”: “producto “,” Nombre “:” “,” Imagen “: [],” Descripción “:” “,” Revisión “: {” @Type “:” Revisión “,” Evaluación de revisión “: {” @Type “:” Evaluación “,” RaingValue “:” “,” Best Rating “:” “Promociones”: {

“@Type”: “Oferta”, “Url”: “”, “Pricecurrency”: “”, “Price”: “”, “PriceValiduntil:” “,}} porque no se define ningún parámetro aquí. Tomaré cada valor del parámetro como una variable. Si configuro “Nombre”: “Nameprodus”, ahora tengo que configurar la variable “Nombre del producto” desde la barra lateral izquierda de GTM: Vaya a Variable> Crear una variable definida por el usuario. Mantenga el nombre de la variable igual que el nombre del producto, como “Nameprodus” aquí. Tenga en cuenta que es sensible a mayúsculas y minúsculas.
Elija un tipo de variable para configurar la variable. Seleccione un modelo de objeto de elemento.
DOM ayudará a extraer información de cada página del producto. Elija el método de selección como un selector CSS en el campo Selector de elementos, debe ingresar la clase que contenga el nombre del producto para cada artículo. Para obtener el curso, vaya a cualquier página de producto y haga clic con el nombre del nombre del producto. Haga clic en la opción de inspección y acceda a los elementos. Al inspeccionar el nombre del producto, se seleccionará el código específico. La clase será visible en la esquina inferior derecha de la página.
Ex.

Simplemente copie la biografía del autor e insértela en la sección de selección de elementos. Repita los mismos pasos para la otra sección, como imagen, revisión y oferta. De esta manera, puede configurar el esquema para algunas páginas en un solo código utilizando el administrador de etiquetas de Google. Nota final: en este mercado competitivo, no debe perder ningún propósito. Recuerde incluir el esquema de marcado en su estrategia de optimización de motores de búsqueda. Si usted es una persona que no es hástica, configurar el esquema que usa GTM puede ser difícil para usted. Puede usar un complemento como RankMath para hacerlo fácilmente al configurar el complemento o puede recibir ayuda de los profesionales.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *