Seo para prestashop

Presentación
Raúl Carrión
@raulcarrion
hola@raulcarrion.com

Objetivos
• Conocer los puntos a mejorar en un Ecommerce desarrollado en
Prestashop a nivel técnico y operativo.

Objetivos
• Perder el miedo a los FTPS y la programación.

Objetivos
• Perder el miedo a los FTPS y la programación.
• Pasar una tarde entretenida y que sea altamente productiva.

SEO
Conjunto de técnicas para aumentar la visibilidad de un sitio web
en buscadores para términos de búsqueda relacionados con su
actividad.

Disciplinas SEO
Indexabilidad
Relevancia

Disciplinas SEO
Indexabilidad
Relevancia
Popularidad

Indexabilidad
• Detectar y corregir problemas de accesibilidad para los buscadores.
• Mejorar la experiencia del robot en nuestro sitio web.
• Rendimiento
• Datos estructurados
• Orden de carga
• Limpieza de código
• Etc.

Relevancia
• Adaptar los contenidos a los términos de búsqueda de nuestros
clientes potenciales.
• Ofrecer copys que generen una mejor interacción con el usuario.

Popularidad
• Difundir y viralizar contenidos para la generación de enlaces.
• Web
• Social

Trabajando en SEO
Keyword research

Trabajando en SEO
Keyword research
Indexabilidad

Trabajando en SEO
Keyword research
Indexabilidad
Relevancia

Trabajando en SEO
Keyword research
Indexabilidad
Relevancia
Popularidad

Ventajas y desventajas
• Los resultados perduran
• Aumenta la conversión
• Disminuye el coste publicitario
• Resultados a medio y largo plazo
• Sensible a cambios en el algoritmo de Google

Plantillas para Prestashop
Tómate tu tiempo

Donde buscar
• Theme Forest (https://themeforest.net/category/ecommerce/prestashop)
• Prestashop (https://addons.prestashop.com/es/3-temas-prestashop)

Puntos a analizar
• Compatibilidad
• Nº de descargas
• Valoración
• Fecha última actualización
• Fecha de creación
• Comentarios
Fase 1

Puntos a analizar
• Revisión de la demo
• Revisión versión móvil
• Probar el proceso de compra
Fase 2

Puntos a analizar
• Mini Auditoría SEO
• Analizar las páginas principales (Inicio, categorías, producto)
Fase 3

Puntos a analizar
• Orden de carga: /Miscellaneous/Linearize Page
• Jerarquía Hn: /Information/View Document outline
• Validar HTML: /Tools/Validate HTML
Fase 3

Puntos a analizar
• Funcionalidades
• Blog
• Wish list
Fase 4

Puntos a analizar
• Y una vez comprada la plantilla…

Puntos a analizar
• Y una vez comprada la plantilla…
COMIENZA EL TRABAJO

URLS en Prestashop
¡Únicamente para nuevos!

URLs en Prestashop
• ¿Un solo idioma? Elimina la carpeta /es/
• Localización / Idiomas / Y deja únicamente “Español”.

URLs en Prestashop
• Estructura de URLS /Preferencias / SEO y URLS
• Por defecto IDs al principio
• Opciones:
• IDs al final
• Módulo para eliminar IDs (Pretty URLs)

Robots.txt para Prestashop
• Comprobar archivo: dominio.com/robots.txt
• Si no existe lo generamos: /Preferencias / SEO y URL

Robots.txt para Prestashop
• Comprobar que no bloqueamos los js y css:
• Allow: */modules/*.css
• Allow: */modules/*.js

Meta canonical
• Indica que versión del contenido duplicado es el que debe
indexarse.
• No viene por defecto en Prestashop
• Módulo: URLs Canónicas para Evitar Contenido Duplicado - SEO
• 29,99€

Meta canonical
• Utilizarlo cuando hay productos muy similares.

¿Productos descatalogados?
• Mantener la ficha con productos relacionados.
• Eliminar y:
• Programar redirección a producto similar.
• Programar redirección a categoría.
• Programar redirección a inicio.

• Programar redirección a producto similar.

• Programar redirección a categoría o a inicio.
• Añadir regla en fichero .htaccess
• RewriteEngine on
• RewriteRule ^decoracion-infantil-9$ https://
www.moraigthestore.com/luces-quitamiedos/neon-nube-
amarilla-a-little-lovely-company-395.html [R=301,L]
• Usar módulo de redirecciones
• Redirecciones 301, 302, 303 de URLs - SEO

Programación en Prestashop
Temas

Temas
Módulos

Temas
Módulos
Traducciones

Normas básicas
• Únicamente trabajamos con los temas y los módulos. Nunca con el
núcleo de Prestashop.
• Siempre hacemos copia de seguridad.

Smarty
• Prestashop está programado con el motor de plantillas Smarty.
• Separan el código (PHP) de la presentación (HTML)
• Encontraremos:
• Comentarios: {* comentarios *}
• Funciones:
• {if}{else}{if} {foreach}{/foreach}

Smarty
• Encontraremos:
• Traducciones: {l s=‘Back’}
• Valor de variables: {$confirmation} o {$product->name}
• Modificadores de variable: {$product->name|escape:'html':'UTF-8'}

Temas
• Los temas están en /themes/
• Tema por defecto: /themes/default-bootstrap
• Hay un archivo .tpl cada cada sección de la tienda
• Ficha de producto: product.tpl
• Ficha de categoría: category.tpl
• Primer paso del carrito: shopping-cart.tpl

Módulos
• Pueden estar en /modules/ o en /themes/tema/modules/
• Está formado por:
• Programación: .php
• Traducciones: /translations/
• Vistas: /views/ ……. Archivo.tpl

Traducciones en Prestashop
• Administración / Localización / Traducciones
• Tipo de traducción: Front Office | Módulos instalados
• Selecciona su tema: default-bootstrap
• Seleccione su idioma: Español

Sublime text
• Editor de código rápido y sencillo.
• Ideal para trabajar rápido con php
• Es de pago, pero poco.
• https://www.sublimetext.com/

Brackets
• Editor orientado a HTML, CSS y JS
• Preview en tiempo real
• Gratuito
• http://brackets.io/

PHPstorm
• La madre de los entornos de programación
• Identifica variables
• FTP incorporado
• Control de versiones
• De pago
• https://www.jetbrains.com/phpstorm/

Filezilla
• Gestor de FTP rápido y sencillo
• Gratuito
• https://filezilla-project.org/

Jerarquía Hn
• Un único h1
• Hn consecutivos
• Keywords relevantes

Jerarquía Hn en producto
• Ejecutamos en la ficha de producto web developer /
Information / View document information

Jerarquía Hn
• Vamos a cambiar:
• h5 por p (Titular de 5 nivel por párrafo)
• H4 por p
• H3 por H2 y vamos a añadir palabras clave

Jerarquía Hn
• Ver código fuente para identificar si la etiqueta h5 está en la ficha
de producto o en un módulo.
• Buscar “h5”

• Descargar /modules/productpaymentlogos
• En la carpeta: /views/templates/hook/
• Hacer copia de seguridad de productpaymentlogos.tpl
• Abrir productpaymentlogos.tpl con Sublime Text o Brackets
• Localizar la etiqueta <h5> y modificar por <p> (apertura y cierre)
• Subir el archivo modificado

• Administración / Parámetros avanzados / Rendimiento
• Caché de plantillas: Recompilar las plantillas cuando los archivos sean
modificados.
• Guardar
• Clic en vaciar el caché

• Descargar /themes/default-bootstrap/product.tpl
• Hacer copia de seguridad: product-old.tpl
• Abrir product.tpl con Sublime Text o Brackets

• Encontramos los h3 y los pasamos a h2
• Guardamos
• Subimos por FTP
• Actualizamos

• Vemos que los h4 se corresponden con los titulares del pie de página

• Vemos el código fuente del footer

• Administración / Módulos y Servicios / Posiciones de los módulos
• Buscar un hook: footer

• Administración / Módulos y Servicios / Módulos y servicios
• Buscamos “bloque newsletter”
• Clic en “Configurar”

• Obtenemos el nombre de la carpeta del módulo para todos los
módulos
• Nos apuntamos el nombre:
• Blocknewsletter, blocksocial, blockcategories, blockcms,
blockmyaccountfooter, blockcontactinfos

• Lo primero es guardar el estilo que se está aplicando al h4
• Segundo botón del ratón sobre “Boletín” y Inspeccionar

• Descargar /themes/default-bootstrap/modules/blocknewsletter/
• Hacer copia de seguridad: blocknewsletter.tpl
• Abrir blocknewsletter.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”

• Ahora añadimos el estilo a esa clase:
• Bajamos el archivo /themes/tema/css/global.css
• Lo abrimos y vamos a la línea 7254 y añadimos:

• Bajamos el archivo /themes/tema/css/modules/blocknewsletter.css

• Inspeccionamos la cabecera “Síganos”
• De los dos estilos que usa, uno ya lo hemos cambiado.

• Descargar /themes/default-bootstrap/modules/blocksocial/
• Hacer copia de seguridad: blocksocial.tpl
• Abrir blocksocial.tpl con Sublime Text o Brackets

• Inspeccionamos la cabecera “Categorías”
• Vemos que comparte estilo con los que hemos cambiado.

• Descargar /themes/default-bootstrap/modules/blockcategories/
• Hacer copia de seguridad: blockcategories_footer.tpl
• Abrir blockcategories_footer.tpl con Sublime Text o Brackets

• Inspeccionamos la cabecera “Información”

• Descargar /themes/default-bootstrap/modules/blockcms/
• Hacer copia de seguridad: blockcms.tpl
• Abrir blockcms.tpl con Sublime Text o Brackets

• Inspeccionamos la cabecera “Mi cuenta”

• Descargar /themes/default-bootstrap/modules/
blockmyaccountfooter/

• Añadimos en global un estilo para que los enlaces dentro de rc-title
sean blancos:
• Lo abrimos al final añadimos:

• Inspeccionamos la cabecera “Información sobre la tienda”

• Descargar /themes/default-bootstrap/modules/blockcontactinfos/

Vamos a añadir keywords relevantes en los h2
Cambiamos el datasheet
• {l s='Data sheet’} por Composición de {$product->name}
Cambiamos el more info
• {l s=‘More info’} por Más información sobre {$product->name}

• Pasamos a minúsculas para que quede más natural
• Añadimos |lower en los dos h2

Categorías
• ¿Por qué es importante estas páginas?
• Contienen términos con un volumen alto de búsqueda (genéricas)
• Alto potencial de posicionamiento por en interlazado interno
• Perduran en el tiempo

Categorías
• Puntos a revisar
• Orden de carga
• Jerarquía Hn
• Doble descripción

Orden de carga
• Modificar archivos tpl y css según la plantilla para conservar el diseño
pero cargando la columna en segundo lugar.
• Elegir si visualmente lo queremos a la derecha o a la izquierda por
usabilidad.

Jerarquía Hn
• Quitar los Hn de los módulos del
sidebar
• Quitar hn del listado de producto
o pasar a h2

Doble descripción
• Descripción corta al principio con los keywords secundarios. Un par
de párrafos.
• Descripción larga al final de 700 a 2.000 palabras. Con imágenes y
con enlazado a otras categorías.
• Si el tema no incluye doble descripción lo debemos añadir nosotros

Doble descripción
• En el FTP acceder a /Override/classes/
• Si no existe el archivo “Category.php” lo creamos
• Añadimos el código siguiente:

Doble descripción
<?php
class Category extends CategoryCore {
//put your code here
public $extra_description;
public function __construct($id_category = null, $id_lang = null, $id_shop = null)
{
self::$definition['fields']['extra_description'] = array('type' =>
self::TYPE_HTML, 'lang' => true, 'validate' => 'isString');
parent::__construct($id_category, $id_lang, $id_shop);
}
}

Doble descripción
• Accedemos a phpmyadmin para añadir el campo en la bd donde se
guardará la nueva descripción.
• Buscamos la tabla ps_category_lang
• Añadimos una nueva Columna
• Nombre: extra_description
• Tipo: Text
• Guardamos y cerramos

Doble descripción
• Añadimos el campo en el área de administración:
• Vamos a /controllers/admin/AdminCategoriesController.php y
añadimos el código siguiente justo antes de la descripción grande.
array(
'type' => 'textarea',
'label' => $this->l('Extra Description:'),
'name' => 'extra_description',
'autoload_rte' => true,
'lang' => true,
'rows' => 10,
'cols' => 100,
'hint' => $this->l('Invalid characters:').' <>;=#{}'
),

Doble descripción
• Ahora mostramos el contenido en la categoría
• Vamos /themes/tema/category.tpl y copiamos el código siguiente
justo a continuación del final del h1.
{if $category->extra_description}
{$category->extra_description}
{/if}

Doble descripción
• Limpiamos la caché
• Parámetros avanzados / Rendimiento / Limpiar caché

Relevancia para categorías
• Completar una hoja de cálculo con la estructura siguiente:
• Nombre de la categoría (keyword objetivo)
• Keyword secundaria 1
• Title (hasta 60 caracteres)
• Description (hasta 120 caracteres)
• Descripción inicial (Unas 100 palabras)

Relevancia para categorías
• Herramientas para el keyword research
• Google keyword planner
• keywordtool.io
• semrush.com

Marcas
• Complicado posicionarse para como primera opción para el nombre
de la marca.
• Buscar una fórmula como: Comprar online [nombre de la marca] o
similar que tenga potencial de búsqueda.

Marcas
• Cambiar la fórmula del h1 por la fórmula escogida
• Suprimir la columna lateral en Preferencias / temas / ajustes
avanzados
• Añadir descripción de la marca.

Productos
• Jerarquía hn

Productos
• Jerarquía hn
• Comentarios de clientes

Datos estructurados
• https://search.google.com/structured-data/testing-tool/u/0/

Datos estructurados
• https://search.google.com/structured-data/testing-tool/u/0/
• http://schema.org/Product

Comentarios de clientes
¿Por qué son buenos?

• Es contenido fresco

• Contenido semáticamente relacionado

• Aporta confianza

• Aporta confianza
• Tiene estrellitas

¿Cómo se consiguen?

• Email post venta
• Sin o con promo.

• Email post venta
• Sin o con promo.
• Transmedia (Me los copio del WhatsApp)

¿Dónde poner el blog?
• En el mismo dominio /blog/
• Dominio independiente

Blog en el mismo dominio
• Se posiciona mejor desde el principio
• Ayuda a posicionar la tienda online
• Dirigir las visitas a los productos
• Baja interacción de la comunidad

Blog en dominio independiente
• Más interacción de los usuarios
• Creación de comunidad independiente
• Nulo posicionamiento inicial
• Menos apoyo SEO a la tienda online

¿Dónde poner el blog?
• En el mismo dominio /blog/
• Si el SEO es clave
• Dominio independiente
• Si la interacción es clave

Búsquedas anticipativas
Generar contenido posicionable para búsquedas del potencial
comprador en una fase muy temprana de decisión de compra. Aún no
sabe que nos quiere comprar.

Búsquedas anticipativas
Tienda online que vende material de acampada: tiendas de acampada,
sacos, etc.
Búsquedas anticipativas:
• 3 lugares para una escapada en la montaña
• Los mejores campings de Alicante
• Planes románticos para el fin de semana

Contenidos para confianza
• Asistencias a eventos: nos desvirtualizamos.
• Apariciones en otros medios: somos populares.
• Contenidos sobre los productos: fabricación, beneficios, etc.

Contenidos para ser líder
• Ser o al menos, parecer los que más sabemos
• ¿Qué dudas pueden tener nuestros clientes cuando compran nuestros
productos y como podemos resolverlas?
• Guías y tutoriales, modos de uso, outfits, etc.

Entrevistas
• Contenido complementario: aporta una visión y un vocabulario
diferente al habitual.
• Contenido generado por otros: más sencillo una vez tienes el
mecanismo engrasado.
• Estrategia win/win: nosotros conseguimos contenido fresco y el
entrevistado consigue más visibilidad online.

¿Y ahora que hago con tanta visita?
• Bloque de productos relacionados: en el sidebar.
• Enlazado en el artículo: a productos o categorías.
• Entrada de producto: sin abusar.

Consejos
• ¿Cuánto publicar? Cuanto más mejor pero siendo constante.
• Mínimo un artículo a la semana.
• Ten siempre un artículo redactado de más.

Rendimiento
Google emplea recursos limitados para analizar una página web, si
dicha página carga rápidamente, Google ahorrará recursos y premiará
al sitio web visitando más páginas y por tanto, dotando al sitio web de
un mejor posicionamiento.
Para Google

Rendimiento
• 27% más de conversión reduciendo el tiempo de carga 1 segundo
Para los usuarios
http://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/

Google Search Console
• Menos tiempo de carga
• Más páginas rastreadas

PageSpeed Tools
Herramientas de Google para analizar y optimizar tu sitio web.
• PageSpeed Insights: evalúa y propone mejoras.

PageSpeed Tools
Herramientas de Google para analizar y optimizar tu sitio web.
• PageSpeed Module: se instala en el servidor y optimiza el sitio
web.

Configuración rendimiento
• Administración / Parámetros avanzados / Rendimiento
• Caché SI
• Activar la combinación, compresión y caché

Imágenes optimizadas
• Photoshop o similar:
• Tamaño justo
• Exportar para web
• Comprimir (https://imageoptim.com/mac)

Servidor multimedia
• Propio: Subdominio apuntado a dominio.
• Externo: Cloudflare, Amazon CloudFront, CDN77, etc.

Sitemap en Prestashop
• Módulo: Google Sitemap
• Actualización:
• Manual
• Automático (Tarea Cron)

Search Console
• Rastreo / Sitemaps

Raúl Carrión
@raulcarrion
hola@raulcarrion.com

Seo para prestashop

Recomendados

Recomendados

Más contenido relacionado

Similar a Seo para prestashop

Similar a Seo para prestashop (20)

Seo para prestashop