Jumpseller ha configurado el SEO en su tienda automáticamente. Si desea personalizar el SEO de su tienda, utilice los siguientes pasos.

Un meta-tag es una etiqueta que se encuentra en el código fuente (html) de una página web y describe el contenido de la misma, resultan invisibles para un visitante normal pero es de gran utilidad para los navegadores u otros programas que puedan valerse de esta información como google.

¿Que es un meta-tag?


El propósito es incluir a tu tienda información de referencia sobre tus productos, para que sean mas fáciles de encontrar, y para eso te vamos a enseñar como agregarlas a tu tienda Jumpseller, solo sigue los siguientes pasos:

Paso 1:

Primero debemos agregar la información de cada producto en un campo personalizado. Para esto vamos a nuestro Panel de Administración > Productos > seleccionamos uno de los productos > campos personalizados

tenemos que crear un nuevo campo personalizado. 

Este nuevo campo se debe llamar "meta-description"

Después de Guardar, agregamos este nuevo campo a nuestro producto y completamos la información correspondiente.

Paso 2:

Ya tenemos la información, ahora debemos llamar los meta-tag desde nuestro código HTML, para esto vamos a ir en nuestro Panel de Administración > Configuración > Temas > Editor de Código.

Y seleccionamos el bloque "Diseño" que contiene el código del Layout.

Buscamos en las primeras lineas una etiqueta que dice:

   <meta name="description" content="{{store.description | escape | strip_html }}"/>

y la reemplazaremos por:

   <meta name="description" content=" {% if template == "product" %}{{ product.field["meta-description"].value }}{% else %}{{store.description | escape | strip_html }} {% endif %}" />

Guardamos y cerramos.

Paso 3 (opcional):

Ahora nuestra tienda ya esta llamando los meta-tag correspondientes, pero existe un detalle, al ser llamados por opciones del producto este campo personalizado se vera en la información del producto. 

Te mostrare como ocultar esta información (que solo es relevante para los buscadores), abrimos el bloque de Producto.

Acá vamos a buscar (ctrl+f / cmd+f) "product.fields" te encontraras con un ciclo "if"


  {% if product.fields.size > 0 %}

     {% for field in product.fields %}

       {{field.label}}: {{field.value}}

     {% endfor %}

   {% endif %}

Para excluir nuestro campo de meta-description debemos cambiar el numero 0 por un 1 y agregar dentro del ciclo

{% for ... y cerrar antes de el {% endfor %}


    {%unless product.field["meta-description"] %}

    {% endunless%} 

lo que quedaria algo así:

ahora guarda y quedaria listo!

Preguntas Frequentes


¿Qué seria buena información para un meta-description?

 Siempre debe ser información de referencia sobre el producto por ej: Autor, Titulo, Fecha, Descripción, Precio, Tamaño, palabras claves.

  • ej: "Author: A.N. Author,  Price: $17.99,  Color: black and red, Size: M, S, L"

¿Qué es SEO?

SEO es un acrónimo para SEO "optimización de motores de búsqueda" SEO puede ayudar a un mejor posicionamiento en los motores de búsqueda como Google. Algunas técnicas para lograr la optimización son mediante la optimización de las etiquetas de una página en el código HTML y proporcionar un mapa del sitio para tu sitio. Más información sobre SEO