Meta-tags

¿Qué son los Meta-tags?
Los meta-tags son las etiquetas HTML que se ponen en la cabecera de la página web y con las que ponemos nombre y apellidos a cada de nuestras páginas internas. Son invisibles para el usuario y solo son vistos por los robots de los buscadores. La etiqueta TITLE, también usada en la cabecera, es la única que se puede ver en el navegador, justo en la parte superior-izquierda de la ventana, al lado contrario de los botones de cerrar, maximizar y minimizar.

¿Por qué son necesarios los Meta-tags y el TITLE?
Con los Meta-tags y el Title empieza el posicionamiento. Son los que le dicen al buscador de que hablan las páginas de nuestra web. Si nosotros ponemos en el TITLE "VENTA DE VIVIENDAS" y creamos unos meta-tags que hablen de la venta de viviendas, le estamos diciendo al buscador que hacemos en nuestra web, pero no hay que olvidar que el contenido de la web es importante y tiene que hablar de la "venta de viviendas" o los buscadores no nos harán caso.

¿Por qué tienen que ser diferentes en cada página?
Como hemos dicho antes, no podemos ponerle el mismo nombre y los mismos apellidos a todas nuestras páginas. Google actua de la siguiente manera: entra en la web, revisa los meta-tags de todas las páginas internas y si todas son iguales solo se queda con una y toma las demás como copias. Por ejemplo, imagínate que entras a una libreria y te ofrecen un libro que te interesa, te lo dan y cuando empiezas a leerle ves que todos los capitulos se llaman igual y tienen una pequeña descripción del capítulo que es la misma, solo lees el primero y cierras el libro. Pues Google hace lo mismo, si el título y los meta-tags son los mismos, no sigue leyendo.

ComercioPlus y los meta-tags de página
ComercioPlus permite introducir meta-tags diferentes en todas y cada una de sus páginas.

Listado de páginas

Se facilita un listado de páginas y a cada una de ellas les puedes aplicar meta-tags diferentes, pulsa encima del nombre de la página e introduce los meta-tags. Aparte, y si has creado páginas nuevas en la tienda, configura aquí los meta-tags de esas páginas pulsando en el botón de "Añadir nueva página meta-tag " y definelos.

A tener en cuenta:

Meta-tags de página de productos: se aplicarán los definidos aquí en "Listado de productos... ", si no tiene entonces se aplicarán los de "Portada, y cualquier página que no tenga meta-tags definidos". En cualquier de los casos, se añadirán automáticamente como meta-tags los valores de nombre de familia, nombre de marca, o nombre de modelo según el tipo de listado de productos.
Meta-tags de página de listado de productos : se aplicarán los definidos en la ficha de producto, si no tiene entonces se aplican los definidos aquí en "Ficha de producto ", si no tiene entonces se aplicarán los de "Portada, y cualquier página que no tenga meta-tags definidos". En cualquier de los casos, siempre se añadirá automáticamente los valores +nombre del producto + marca del producto + descripción breve del producto
Resto de páginas: en caso que no definas metas para cada una de las páginas, se aplicarán los que definas en la página: "Portada, y cualquier página que no tenga meta-tags definidos"
Aplicar mismos meta-tags a todas las páginas: puede hacerlo editando la página de metas principal "Portada, y cualquier página que no tenga meta-tags definidos" y dejando marcando la casilla "Deje marcada esta casilla para que estos mismos meta-tags se apliquen a todos las páginas."

Añadir páginas nuevas de meta-tags

Si has creado páginas nuevas, pulsa el botón de "Añadir nueva página meta-tag" e introduce los meta-tags a aplicar. Introduce la descripción de la página, el nombre de fichero con extensión (ejemplo: seccionnueva.htm), e introduce meta-tags:Título, Descripción, Claves y opcionalmente otros meta-tags.

Otros códigos metatags

En la caja de texto de otros meta-tags puedes personalizar con otros meta-tags, como los del ejemplo de más abajo. Esta sección debería usarse solamente por personal técnico con conocimientos de meta-tags. Aparte de poder introducir otros meta-tags, en esta caja de texto puedes introducir código que quieres que sea introducido en la sección <head> de la página.

<meta content="ALL" name="ROBOTS">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta content="15 days" name= "revisit-after">

Otros códigos metatags en ficha de producto: Open Graph

El programa de tienda y de manera automática genera códigos Open Graph a partir del nombre, descripcion y url del producto:

<meta property="og:title" content="nombre de producto" />
<meta property="og:url" content="url del producto" />
<meta property="og:description" content="descripcion del producto" />
<meta property="og:type" content="article o website" />

Otros códigos metatags en ficha de producto: Datos estructurados

Puedes generar fácilmente datos estructurados según protocolo de Schema.org que ayudará a tu web a mejorar posicionamiento. El programa realizará las siguientes sustituciones con contenido de los datos de ficha de producto:

{nombre} por nombre
{imagen} por la url a la imagen
{descripcion} por la descripción
{sku} por Identificador comercial
{mpn} por Identificador del fabricante
{url-producto} por la url a la pagina del producto
{precio} por el precio sin impuestos
{marca} el nombre de la marca

Ejemplo de como puedes poner tu estructura de datos estructurados por un producto (en Configuracion->Zonas de la web->Metatags, edita Ficha de producto luego introduce el código en Otros meta-tags.


       <script type="application/ld+json">
       {
       "@context": "https://schema.org/",
       "@type": "Product",
       "name": "{nombre}",
       "image": "{imagen}",
       "description": "{descripcion}",
       "mpn": "{mpn}",
       "sku": "{sku}",
       "offers": {
       "@type": "Offer",
       "url": "{url-producto}",
       "priceCurrency": "eur",
       "price": "{precio}",
       "priceValidUntil": "2020-11-05",
       "brand": {
        "@type": "Thing",
        "name": "{marca}"
        },
       "availability": "http://schema.org/InStock"
       }
       }
       </script>