SEO (Search Engine Optimization) es una de las estrategias más importantes para que tu sitio web logre un buen posicionamiento orgánico en las páginas de resultados de los motores de búsqueda. La configuración de tags, metatags y faviconos es parte del conjunto de estrategias para optimizar el desempeño de tu sitio web.

La tag de título ayuda a definir el tema de la página para los motores de búsqueda e influye directamente en los clics de los usuarios en los resultados de búsqueda. La tag de descripción les da a los usuarios una idea de lo que pueden encontrar en el sitio web. La metatag robots controla el comportamiento de rastreo e indexación de los mecanismos de búsqueda.

En todas las tiendas VTEX IO se pueden configurar estos parámetros de forma nativa siguiendo los pasos descritos a continuación.

Tag de título, tag de descripción y metatag robots

1. En el Admin VTEX, accede a Configuración de la tienda > Storefront > Tienda.
2. Haz clic en la pestaña General.
3. Rellena los campos según se describe a continuación:

• Nombre de la tienda: ingresa el nombre de tu tienda.
• Activar la configuración por vinculación: esta opción solo es válida para tiendas que tienen varios bindings. Activarla te permite configurar ajustes específicos de tags y metatags para cada binding de la tienda. Las tiendas que tienen un solo binding no tienen que activar esta opción.
• Tag de título predeterminada: ingresa una descripción breve y que incluya palabras clave relevantes. El valor de esta tag aparece en la parte superior de la barra de título del navegador cuando alguien visita una página del sitio web de tu tienda.
• Metatag de descripción: ingresa una descripción breve del contenido de la página que sea informativa y contenga palabras clave relevantes.
• Metatag robots: define cómo los motores de búsqueda deben rastrear e indexar una página específica. Los valores predeterminados son index, follow. Para ver los otros valores compatibles con Google, consulta la lista de reglas válidas.

Faviconos

1. En el Admin VTEX, accede a Configuración de la tienda > Storefront > Tienda.
2. Haz clic en la pestaña General.
3. Haz clic en Agregar.

4. Rellena la pantalla que se abre según se describe a continuación:

   • Relación del favicono: define la relación entre la URL configurada en el campo Href del favicono y el favicono del sitio web. Por ejemplo, asignar el valor icon indica que la URL configurada está relacionada al ícono del sitio web.
   • Tipo de multimedia del favicono (opcional): especifica el tipo del favicono siguiendo los estándares de HTML y de W3C. Para más información, consulta la documentación HTML Favicon.
   • Tamaño del favicono (opcional): indica las dimensiones del favicono en formato {anchura}x{altura}. Por ejemplo: 180x180.
   • Href del favicono: ingresa la URL completa que apunta al lugar donde se almacena el archivo del favicono.

   A continuación se muestra un ejemplo:

   

5. Haz clic en Aplicar para que la configuración se refleje en tu tienda. Esto puede demorar unos minutos.

El campo Ruta del término de búsqueda es un ajuste heredado que era compatible con vtex.search-resolver@0.x.