Posicionamiento SEO Magento
29

dic

 

Posicionamiento SEO Magento

Posicionamiento SEO Magento: Optimización SEO del template de Magento

En esta nueva entrada del blog especialista en Magento vamos a tratar como optimizar el posicionamiento SEO Magento. En una de las entradas anteriores ya tratamos como preparar la configuración del Backend de Magento para hacerlo SEO friendly. En esta entrada, nos centramos en incrementar y mejorar el SEO de nuestra tienda online optimizando para ello la estructura y definición de nuestro template para versiones de Magento a partir de 1.4.x. Si el diseño de nuestra tienda online es un diseño personalizado, deberemos de tener presente una serie de premisas a la hora de realizar una correcta integración del mismo que permita que los principales motores de búsqueda indexen de la manera mas optimizada posible el contenido de nuestra tienda online. Si por el contrario, nos decantamos por un adquirir una plantilla, deberemos de asegurarnos que esta plantilla cumple una serie de directrices básicas a la hora de mejorar nuestro posicionamiento SEO Magento. En caso contrario, deberemos adaptarla y personalizarla con el fin de mejorar y optimizar el posicionamiento de nuestro Magento. Debemos de tener presente que el posicionamiento de nuestra tienda online es un factor clave a la hora de mejorar nuestras ventas y nuestras conversiones. Aunque dispongamos de una de las mejores tiendas online de nuestro sector, si esta no esta correctamente posicionado podemos asegurar que nuestras tasas de conversión se verán claramente afectadas. En esta nueva entrada vamos a analizar una serie de consejos que la plantilla de nuestro ecommerce debe cumplir para aparecer en lo mas alto posible en las posiciones de los motores de búsqueda mas importantes de la actualidad.

Posicionamiento SEO Magento: Estructura de la cabecera

Una de las recomendaciones principales a la hora de aumentar el posicionamiento SEO Magento es contar tan solo con una etiqueta del tipo “h1″ por página. Esta etiqueta será empleada para definir la información principal de la página en la que nos encontremos. Los encabezados del tipo “h2″, “h3″ y en adelante si que pueden repetirse en las páginas con el fin de definir las diferentes secciones y subsecciones en las que nos encontramos dentro de la página. Magento, como plataforma SEO friendly ya cuenta con optimizaciones al respecto. De esta forma si abrimos el fichero header.html de nuestro tema ubicado en: app/design/frontend/nuestro_paquete/nuestro_tema/template/page/html/header.phtml observaremos el siguiente código:

<div class="header-container">
    <div class="header">
        <!-- POSICIONAMIENTO SEO MAGENTO: Magento chequea si nos encontramos en la home page para asignar la etiqueta h1 al logo. En caso contrario estamos en otro tipod e página cuya etiqueta h1 no debe de estar asignada al logo para evitar duplicidad en el h1 -->
        <?php if ($this->getIsHomePage()):?>
        <h1 class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a></h1>
        <?php else:?>
        <!-- POSICIONAMIENTO SEO MAGENTO: SI no estoy en la home page no aparece la etiqueta h1-->
        <a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a>
        <?php endif?>
        <div class="quick-access">
            <?php echo $this->getChildHtml('topSearch') ?>
            <p class="welcome-msg"><?php echo $this->getChildHtml('welcome') ?> <?php echo $this->getAdditionalHtml() ?></p>
            <?php echo $this->getChildHtml('topLinks') ?>
            <?php echo $this->getChildHtml('store_language') ?>
        </div>
        <?php echo $this->getChildHtml('topContainer'); ?>
    </div>
</div>
<?php echo $this->getChildHtml('topMenu') ?>

En mi caso, el código pertenece la tema default.Si lo hubiésemos extendido, como es mi caso en el tema modern (por ejemplo para el tutorial del carrito desplegable) el contenido que se encarga de mostrar la etiqueta h1 sería el mismo. De esta forma, si abrimos la home page y cualquier otra página de nuestro ecommerce podemos observar como se comporta la etiqueta h1:

  • Posicionamiento SEO Magento: Etiqueta h1 en la home page.
  • Posicionamiento seo magento h1 home page

  • Posicionamiento SEO Magento: Etiqueta h1 fuera de la home page. En este caso, nos encontramos en la página de la categoría 3 y la etiqueta h1 se asigna correctamente al nombre de la categoría con el fin de optimizar el posicionamiento SEO de Magento
  • Posicionamiento seo magento h1 en nombre categoría

Posicionamiento SEO Magento: Categorías y productos

Una vez que hemos verificado que nuestras páginas tan solo contarán con una etiqueta del tipo “h1″ únicas para cada una de las páginas principales sensibles para potenciar nuestro posicionamiento SEO Magento vamos a comentar algunas de las características del contenido de las páginas de categorías y de productos.

Posicionamiento SEO Magento: Categorías

El contenido de la página de categorías deberá de seguir la siguiente estructura:

  • Nombre de la categoría: Etiqueta “h1″. Para ello debemos de verificar el contenido del phtml ubicado en “tema/template/catalog/category/view.phtml”
  • <div class="page-title category-title">
        <?php if($this->IsRssCatalogEnable() && $this->IsTopCategory()): ?>
            <a href="<?php echo $this->getRssLink() ?>" class="link-rss"><?php echo $this->__('Subscribe to RSS Feed') ?></a>
        <?php endif; ?>
        <!-- POSICIONAMIENTO SEO MAGENTO: El nombre de la categoria contiene la etiqueta h1 -->
        <h1><?php echo $_helper->categoryAttribute($_category, $_category->getName(), 'name') ?></h1>
    </div>
    
  • Descripción de la categoría: Etiqueta “h2″
  • Nombres de los productos listado en la categoría: Etiqueta “h3″. Par ello verificamos el contenido del phtml ubicado en “tema/template/
    catalog/product/list.phtml”
  • <div class="product-shop">
                    <div class="f-fix">
                    	<!-- POSICIONAMIENTO SEO MAGENTO: EL nombre de los productos dentro de la categoría debe contener la etiqueta h3. Si no empleamos la descripción de la categoría podríamos optar por emplear h2 para ello -->
                        <?php $_productNameStripped = $this->stripTags($_product->getName(), null, true); ?>
                        <h3 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h3>
    

Posicionamiento SEO Magento: Productos

El contenido de la página principal del producto debe de seguir la siguiente estructura:

  • Nombre del producto: Etiqueta “h1″. Para ello debemos de verificar el contenido del phtml ubicado en “tema/template/catalog/product/view.phtml”
  • <div class="product-name">
                    <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
                </div>
    
  • Descripción del producto: Etiqueta “h2″
  • Nombres de los productos relacionados: Etiqueta “h3″

Posicionamiento SEO Magento: Rich Snippets

Los rich snippets o fragmentos enriquecidos son una herramienta muy útil para mejorar nuestro posicionamiento SEO Magento. Estos fragmentos de texto enriquecido, cuyo uso está demostrado que ayudan a aumentar tanto el CTR como el tráfico orgánico de nuestro site, sirven para etiquetar el contenido de nuestro ecommerce y permitir a los principales motores de búsqueda mostrar información mas avanzada y detallada del contenido de nuestra tienda online. Existen multitud de rich snippets para etiquetar los diversos tipos de contenido que tanto una tienda online como una website en general pueden contener. En la entrada de hoy, no vamos a entrar en detalle de como podemos etiquetar nuestros productos (lo dejaremos para una futura entrada del blog debido a su extensión, no obstante aquí tenéis un enlace por si queréis obtener mas información al respecto. Sin embargo, si veremos como añadir el rich snippets a nuestro rastro de migas. Lo primero de todo es conocer la documentación oficial que contiene la información necesaria y las propiedades que se definen para este tipo de elementos. En la siguiente imagen podemos ver los elementos definidos para etiquetar un rastro de migas:

posicionamiento seo magento rich snippets

Para añadir esta mejora a nuestro rastro de migas deberemos de incluir estas etiquetas en el fichero phtml que se encarga de mostrar nuestro breadcumb. Este fichero está ubicado en: app/design/frontend/nuestro_paquete/nuestro_tema/template/page/html/breadcrumbs.phtml. El siguiente código muestra el fichero breadcrumbs con el rich snipped ya introducido:

    <?php if($crumbs && is_array($crumbs)): ?>
    <!-- POSICIONAMIENTO SEO MAGENTO: Definimos el uso del vocabulario -->
    <div class="breadcrumbs" xmlns:v="http://rdf.datavocabulary.
    org/#">
        <ul>
            <?php foreach($crumbs as $_crumbName=>$_crumbInfo): ?>
                <!--POSICIONAMIENTO SEO MAGENTO: Definimos el tipo -->
                <li class="<?php echo $_crumbName ?>" typeof="v:Breadcrumb">
                <?php if($_crumbInfo['link']): ?>
                    <!--POSICIONAMIENTO SEO MAGENTO: Definimos las propiedades URL y Tittle -->
                    <a href="<?php echo $_crumbInfo['link'] ?>" rel="v:url"
    property="v:title" title="title="<?php echo $this->escapeHtml($_crumbInfo['title']) ?>"><?php echo $this->escapeHtml($_crumbInfo['label']) ?></a>
                <?php elseif($_crumbInfo['last']): ?>
                    <strong><?php echo $this->escapeHtml($_crumbInfo['label']) ?></strong>
                <?php else: ?>
                    <?php echo $this->escapeHtml($_crumbInfo['label']) ?>
                <?php endif; ?>
                <?php if(!$_crumbInfo['last']): ?>
                    <span>/ </span>
                <?php endif; ?>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
    <?php endif; ?>
    

    Como se puede observar, introducir los fragmentos de texto enriquecido en las distintas partes de nuestra tienda online es un proceso sencillo que incrementará la calidad de los resultados de búsqueda de nuestro ecommerce. Añadir los diferentes tipos de rich snippets, resulta una práctica muy interesante que incrementa la calidad de la información que aparece en los resultados de búsqueda de principales buscadores y que nos ayudará a destacar frente a nuestra competencia directa obteniendo mayor volumen de tráfico y conversiones finales. El proceso para la introducción de cualquier otro tipo de rich snipped, es muy similar al que hemos visto para el rastro de migas. Sin embargo, los principales motores de búsqueda no mostrarán la visualización de nuestro contenido con estos fragmentos de texto enriquecido automáticamente. No obstante, si queremos estar seguros de que hemos realizado todas las integraciones correctamente podemos emplear esta herramienta de Google para pruebas de datos estructurados que si nos muestra como se visulizarán nuestras páginas con la integración actual de los rich snippets.

    Posicionamiento SEO Magento: Comentarios de clientes en la ficha de producto

    Añadir comentarios de clientes en la ficha de nuestro producto es una opción muy interesante para optimizar el posicionamiento SEO de nuestro Magento. Estos comentarios, que también podemos potenciar todavía mas mediante la introducción de su propio rich snipped de comentarios, aportan contenido de calidad a la ficha de nuestro producto lo que además lo hará mas interesante para futuros clientes potenciales ayudándonos a incrementar nuestras tasas de conversión. Magento ya cuenta por defecto con su propio módulo de comentarios y también hay empresas especializadas en la integración de opiniones certificadas de productos como ekomi o trusted shops por citar algunas de las mas importantes.

    Posicionamiento SEO Magento: Etiquetas rel=prev and rel=next en la paginación de Magento

    La introducción de este tipo de etiquetas nos ayudará claramente a mejorar nuestro posicionamiento SEO Magento, desde la propia documentación oficial de Google puedes encontrar información detallada al respecto. Básicamente Google considerará todas las páginas dentro de la paginación que tienen las etiquetas rel = “next” y rel = ” prev ” como una unidad. Esto significa que Google tratará estas páginas como un todo, por lo tanto, la página mas importante (generalmente la primera) incrementará su posición en el resultado de búsqueda. Como puede deducirse, esta mejora SEO Magento, está claramente ligada a la optimización de la página principal de las categorías de nuestra tienda online

    Para su implementación en nuestra tienda online Inchoo ya escribió una entrada donde explica todo el proceso que necesitamos llevar a cabo

    Posicionamiento SEO Magento: La Velocidad SI importa

    No olvidemos que otro factor determinante a la hora de mejorar el SEO de nuestra tienda online o site en general es su velocidad. No solo Google prefiere las páginas rápidas con un tiempo de carga reducido, sino también cualquier cliente. Si disponemos de una página lenta no solo nuestro SEO se verá afectado, nuestras tasas de conversión se verán directamente reducidas. Si consideras que tu tienda online es lenta y deseas mejorar la velocidad de tu Magento puedes visitar el servicio de optimización Magento:


    Optimización

    Posicionamiento SEO Magento: Conclusiones

    En esta entrada del blog de Magento hemos profundizado en como mejorar el SEO de nuestra tienda online dejando ya a un lado la configuración básica del panel de administración de Magento. Hemos analizado como debemos estructurar las plantillas de Magento para mejorar su SEO, como hacer uso de los rich snippeds (en este punto profundizaremos mas adelante en una futura entrega), como pueden ayudarnos los comentarios de nuestros clientes a la hora de obtener un contenido único y de calidad que incremente tanto nuestro SEO Magento como nuestras tasas de conversiones, como emplear las etiquetas del tipo “rel” a la hora de optimizar el posicionamiento SEO de las páginas de nuestras categorías y como la velocidad de nuestra tienda online es un factor determinante tanto para la optimización de nuestro posicionamiento SEO Magento como base para aumentar nuestras conversiones. En futuras entradas seguiremos hablando sobre el SEO Magento y muchos otros temas sobre ecommerce.

    Resumen
    Nombre
    Posicionamiento SEO Magento
    Autor
    Descripción
    Posicionamiento SEO Magento: Tutorial para aumentar el posicionamiento SEO Magento de tu ecommerce. Incrementa tu posicionamiento en los motores de búsqueda
    The following two tabs change content below.
    Especialista en Magento y servicios ecommerce: Consultoría ecommerce, Optimización Magento, Desarrollo Magento, Integración Magento ERP y Posicionamiento SEO Magento.


3 Comments

  • auditoria de backlinks

    06. ene, 2015

    Enhorabuena por tu blog. Me estoy formando e informando sobre la materia y me parece muy buena tu aportación.

  • Juan Arizábal

    11. may, 2015

    Buenos días,

    tengo una duda con respecto a las cabeceras en Magento. Quizás me la podrías resolver.
    Cuando pones: “De esta forma si abrimos el fichero header.html de nuestro tema ubicado en: app/design/frontend/nuestro_paquete/nuestro_tema/template/page/html/header.phtml observaremos el siguiente código:”

    ¿Dónde encuentro esto? ¿Dentro de mi administrador? :S No sé donde está ubicado “app/design/frontend/nuestro_paquete/nuestro_tema/template/page/html/header.phtml”.

    Muchas gracias, un saludo

    Juan

    • Jose Vicente Ribera

      11. may, 2015

      Hola Juan,
      Esa es la ruta de los directorios de Magento, no se puede acceder desde el panel de adminitración de la tienda online. Un perfil especializado en desarrollo Magento debe de ser quien acceda y actualice esos ficheros via GIT, svn, FTP, etc.
      Un saludo

Deja un comentario
 

Tu email no será publicado. Campos obligatorios . *