Entradas

Mejorar el SEO en los sitios web WordPress

, , ,

Existen claves que tenemos que tener en cuenta hoy en día si queremos mejorar el SEO en sitios web WordPress.

Estos consejos que te vamos a comentar son solo una parte de la estrategia de posicionamiento SEO que debes poner en marcha para mejorar tu sitio web, utilizando de una forma correcta los diferentes tipos de información.

“Dime cómo navegas y te diré qué SEO utilizo”

# 1 Conocer al público objetivo para mejorar el SEO en los sitios web

En tiempos de personalización del marketing, el conocimiento profundo del público objetivo es más relevante que nunca. Y lo que necesitamos no es solo la información demográfica estándar de edad, género y localización, sino, lo que es más importante, los intereses principales, los temas favoritos, la preferencia por los formatos de contenido, los estilos de escritura, etc. de los lectores. El conocimiento de ésto hace que tu contenido sea más destacado, dejando el SEO de otros sitios web similares por detrás de tu WordPress.

“Calidad mejor que cantidad”

# 2 Generar contenido SEO de calidad

El contenido de calidad no solo significa una escritura gramaticalmente correcta y sin errores. Significa crear contenido sorprendente que sea lo suficientemente bueno e innovador como para convertirse en el artículo de mayor rendimiento en la búsqueda de Google. El contenido de calidad aumenta el tráfico del blog hasta en un 2000%.

Con las preferencias de tu público objetivo ya conocidas, puedes aumentar la calidad de tu contenido mediante el uso de diversas estrategias de escritura, como formatos mixtos, publicaciones largas, humor y similares.

“Ser digitalmente omnipresente”

# 3 Hacer que el contenido sea accesible

Cuidemos el SEO técnico. Esto no es más que un proceso de optimización completa que garantiza que nuestras publicaciones se carguen rápidamente en el sitio web y sean accesibles desde todos los dispositivos. El fácil acceso desde cualquier lugar y la carga rápida, en menos de tres segundos, mantendrá a los lectores conectados a nuestro blog. Herramientas como Pingdom o PageSpeed sugieren técnicas para cargar tu sitio web rápidamente y ayudan a detectar cualquier deficiencia.

“Esencia del posicionamiento”

# 4 Las palabras clave ayudan a los buscadores

Dado que las palabras clave son lo que hace que nuestro blog esté encima de la búsqueda de Google, es importante seguir una estrategia efectiva de palabras clave para cada artículo. La mejor estrategia es emplear diferentes herramientas de investigación de palabras clave a la vez. Puede elegir plataformas, como Ahrefs, Moz, Kwfinder y muchas más.

“¡Hola! Pulsa para hablar 🙂 ”

# 5 Optimizar para búsqueda por voz

No solo debemos mejorar el SEO del nuestro blog para que sea legible en todos los dispositivos, sino que también debe estar optimizado para la búsqueda por voz. Dado que cada vez más personas utilizan la voz para realizar consultas en los motores de búsqueda, es una buena idea optimizar tu blog para la búsqueda por voz. Según una estimación, el 55% de las búsquedas en línea se basarán en la voz para el 2022. Con la llegada de los dispositivos habilitados para la voz, más personas dependerán de sus asistentes personales para acceder a los blogs a través de la búsqueda por voz.

“Que no paren los enlaces”

# 6 Mejorar el SEO teniendo en cuenta los links

Los links son puro dinamismo. Estos no solo darán a los lectores acceso a otros blogs y artículos relevantes, sino que también ayudarán a los motores de búsqueda a encontrar tu blog. ¿Por qué? Simplemente porque los rastreadores en buscadores reconocen más fácilmente las URLs bien estructuradas que los caracteres aleatorios.

“Compartir es vivir”

# 7 Presume de blog a través de Redes Sociales

Aunque no existe una correlación entre el ranking de los motores de búsqueda y las plataformas sociales, este último ofrece una excelente manera de presumir de blog. Recomendamos utilizar iconos de redes sociales en tu sitio web WordPress para que los lectores puedan compartir los contenidos en FB, Twitter y otras plataformas de redes sociales.

“El mapa del SEO – tesoro”

# 8 Sitemap: ¡ayúdame a navegar!

El sitemap es el mapa de tu sitio web y debe estar visible. Esto ayuda a los usuarios y a los rastreadores de motores de búsqueda a comprender la estructura de tu WordPress y navegar correctamente, sin perder el rumbo.

Conclusión

La importancia de mejorar el SEO en los sitios web WordPress marcará la diferencia entre que los blogs sea leídos o ignorados.

De hecho, esta  importancia va ‘in crescendo’ y nos obliga a cuidar mucho el desarrollo de nuestro blog. Esto hace que sea necesario aprender los aspectos básicos de SEO para WordPress. En Gsoft Innova te ayudamos a darle visibilidad y posicionamiento a tu sitio web.

 

¡Te asesoramos!

Los 24 errores más comunes al crear Tiendas Online

, ,

Crear una tienda online es fácil. Seguro que lo has oído decenas de veces. Todo el mundo tiene un amigo, conocido o cuñado que te ha dicho que le puede crear una tienda online en un par de horas mientras os tomáis unas cervezas. Pero ¿es cierto? La respuesta es sí, es posible. La clave es ¿será una tienda que cumpla su objetivo, es decir, vender? Probablemente en este caso la respuesta es no.

La proliferación, hace ya algunos años, de plataformas específicas para la creación de tiendas online, (desde las veteranas Opencart u osCommerce, pasando por las más conocidas Prestashop, Magento o Woocommerce, hasta llegar a otro modelo de tienda online como Shopify o BigCommerce) ha hecho que prácticamente cualquiera pueda tener su tienda online.

Pero la mayoría, no cumplen las expectativas de venta iniciales y tras unos meses acaban cerrando la persiana.

Que una Tienda Online tenga capacidad de vender no depende de tener solo un buen producto. El crecimiento exponencial del número de tiendas online hace que la competencia en cualquier ámbito sea feroz y cualquier pequeño detalle o cualquier mala experiencia haga que los candidatos a comprar en tu tienda se decidan a buscar lo mismo (o similar) en cualquier otra tienda online de la competencia.

En este punto es cuando la decisión y ejecución de la puesta en marcha de tu tienda online debería dejarse en manos de profesionales que entiendan los detalles de esta implementación aunque no sepan (ni necesiten saber) nada del producto en concreto que quieres vender.

Te presentamos en este artículo los errores más comunes, aunque no únicos, que se presentan en la creación de una tienda online cuando ésta no es abordada por los profesionales adecuados.

1. Elegir la plataforma adecuada

Plataformas de tiendas online

No todos los sistemas de gestión de Tienda Online son iguales, ni tienen las mismas características, ni se crean o gestionan igual. Cometer un error al elegir el que vamos a utilizar, es fallar en el primer paso y puede ser absolutamente fatal para tu negocio.

Como es lógico, a priori, es difícil saber si un sistema incluye las características que para su negocio son irrenunciables. En este punto empieza a ser importante ser asesorados por alguien que realmente tenga ese conocimiento.

Puedes leer nuestra comparación entre Magento y Prestashop, dos de las plataformas ecommerce más importantes actualmente.

2. Pasar por alto la seguridad

Como administrador de un negocio online, no eres responsable tan sólo de los datos internos de la empresa, sino también de los datos privados de tus clientes. Tu negocio ha de asegurarse de la protección de estos datos, de los posibles problemas de seguridad futuros y de los intentos de acceso a datos privados de tu tienda.

No ocuparse de este aspecto puede causar problemas importantes en tu negocio, incluso legales, y hundir por completo la reputación de tu tienda (online y offline).

Errores relacionados con la página de Inicio

3. No hay propuesta de valor

Si los visitantes de nuestra tienda no pueden averiguar inmediatamente qué es lo que ofrece, volverán atrás y buscarán lo que necesitan en otro lugar.

El objetivo principal de la página de Inicio es captar la atención de tu visitante y convencerlo de seguir evaluando tu oferta. Si esto no se hace, el visitante se irá y seguirá buscando en la competencia.

4. Incorrecta mezcla de imágenes, texto y video

Es deseable que mostremos una cantidad equilibrada de texto, imágenes y video para dar una buena primera impresión a los visitantes. Equilibrada aquí no significa que sea en cantidades iguales, sino ajustada a lo que ofrece nuestra tienda.

5. Mala navegación

El objetivo de la página de inicio es que los posibles clientes visiten el resto del sitio con un solo propósito: Comprar. Debes guiarlos fácil y adecuadamente. Si nuestro visitante empieza a navegar de un sitio a otro sin encontrar lo que busca de forma fácil no tardará en abandonar.

6. Formularios de captura de datos de futuros clientes

Normalmente el ratio de conversión visita/venta suele ser bajo. Es decir, cada venta viene precedida de muchas visitas que no han tenido venta. Esto no tiene porque evitar que intente obtener datos del mayor número posible de clientes potenciales, que quizá no estén interesados en comprar en el momento actual pero sí en conocer más sobre tu negocio o realizar una compra más adelante.

Se deben ofrecer las herramientas necesarias para obtener estos datos, sin ser tan excesivo para que esto distraiga e incluso moleste a tus clientes y desaparezcan para siempre.

Errores relacionados con las categorías

7. No usar páginas de categorías correctamente

Siempre que en tu tienda online ofrezcas múltiples productos deberás crear categorías separadas adecuadamente. Un punto importante es escoger adecuadamente las categorías a crear. Deben ser claramente definidas y a poder ser excluyentes. Cada categoría debe tener sus subcategorías, pero no debe ser un árbol infinito.

Las categorías deben organizar los productos, permitir una fácil navegación a los visitantes y proporcional información adicional para que los mismos vayan hacia la conversión final.

Errores relacionados con los productos

8. Mala descripción e información de producto

Este es un problema tan grave como habitual.

Dado que tus clientes no pueden interactuar físicamente con tu producto antes de comprarlo, es tu obligación explicarles exactamente qué es. Esto incluye tanto características y especificaciones objetivas, como beneficios subjetivos para el cliente.

Es muy habitual que muchas tiendas, sobre todo las minoristas que venden productos de proveedores, tengan LA MISMA descripción para un producto que el resto de cientos de tiendas que lo venden.

9. Fotografía deficiente de los productos

Junto con la correcta descripción de los productos está la correcta imagen de los mismos.

Volvemos sobre el problema de que tu cliente no puede interactuar con tu producto antes de comprarlo, así que debemos ofrecérselo de forma que esta imposibilidad se vea reducida por lo que le ofrece al presentarlo.

Se deben utilizar tanto fotografías del producto de alta calidad, como otras en las que se muestre la utilización del mismo. Si fuera necesario y posible podrían ofrecerse vistas 360º del mismo.

En resumen, hacer todo los posible por “dar vida” al producto para que tu cliente decida añadirlo a su cesta de la compra.

10. Falta de prueba social

Reseñas de productos

Las pruebas sociales – como revisiones de productos, testimonios, referencias, etc – son importantes a la hora de convertir.

El mejor sitio para situar estas pruebas es en la página del producto.

Cuántas más opiniones y referencias positivas seamos capaces de recabar, más posibilidades de venta. Cuidado con esto, las referencias y opiniones manifiestamente falsas, conseguirán el objetivo contrario. Siempre que sea posible integrar un sistema externo de opiniones en el que no podamos interferir nos dará más credibilidad, aún a riesgo de algún comentario negativo.

11. Falta de información de servicio

Aunque en nuestra Tienda Online vendamos productos físicos, también proporcionamos una serie de servicios como entregas, devoluciones, atención al cliente…

Normalmente en la mente de los clientes se asume que habrá unos costes y plazos de envío que conocerán al final. Pero si en vez de dar esta información en páginas separadas la incluimos en la ficha del producto tendremos al cliente mucho más informado durante el proceso de realizar la transacción y más predispuesto a terminarlo.

Amazon lo hace de forma perfecta:

Ficha de producto Amazon

12. Falta de certificados de seguridad

Certificados SSL

Ya no hay dudas de que, incluso los consumidores menos adentrados en la tecnología, son conscientes de que deben mantener sus datos privados y seguros a través de internet. Es buena idea mostrarles a nuestros clientes que nuestra tienda online se toma este punto en serio identificando todos las herramientas de seguridad que implementamos.

Hacer uso de HTTPS en vez de HTTP en toda la página y no solo en el proceso de pago (como hacen aún muchas tiendas online) es un requerimiento no negociable.

Errores relacionados con los pagos

13. No ofrecer pago de invitado

Obligar a registrarse antes de realizar una compra es un error crítico. Imagine que cuando vas a comprar a cualquier tienda física en vez de “sugerirte” que se haga socio de su club de clientes como hacen actualmente, te obligaran a dar tus datos y registrar bajo los mismos todas tus compras y si en caso de negarse no te vendieran los productos… ¿comprarías o te irías a otro sitio?

Puedes animar a registrarse ofreciendo servicios o beneficios extra con este registro, pero obligar a hacerlo, obligas a los clientes a proporcionar más información de la estrictamente necesaria y quizá no estén dispuestos a darla, con lo que perderemos las ventas.

14. Costes sorpresa

Ya se trate de impuestos, gastos de envío, gastos de manipulación o cualquier otro coste extra que pueda generarse en el último proceso de la compra es la mayor causa de abandono de carritos en las tiendas online. Y es que a nadie le gusta que después de todo el proceso de búsqueda, registro, relleno de formularios, cuando ya ha tomado la decisión de compra basándose en una información determinada de precios, de repente aparezcan por sorpresa nuevos costes.

Lógicamente, la solución no es que nuestra tienda deba “comerse” esos posibles gastos extra, sino proporcionar esa información de forma anticipada. Los clientes valorarán la honestidad y no se llevarán sorpresas finales que asociará nuestra tienda con un sitio donde no comprar.

15. Falta de opciones de pago

Pagos

Junto al auge de las tiendas online y el comercio electrónico viene le auge de los distintos métodos de pago. Hoy en día hay decenas de métodos de pago posibles como contamos en nuestro artículo Qué métodos de pago escoger para una tienda online.

No se trata de ofrecer todos los métodos de pago existentes, si no de centrarnos en las preferencias y posibles necesidades de nuestros clientes potenciales y en satisfacer tantas expectativas como sea posible.

No hay cosa más triste que perder un cliente por la única razón de que logísticamente no pueda pagarte.

16. Falta de opciones de entrega

Logística

Al igual que en los métodos de pago, perder una venta por no ofrecer un método de entrega de los productos a nuestro cliente es bastante frustrante.

Algunos clientes prefieren pagar un poco más pero recibir su pedido en el menor tiempo posible. Otros prefieren esperar más tiempo pero ahorrase costes extra en su compra. Otros prefieren escoger el lugar y hora de entrega donde decidan y otros prefieren acercarse a una oficina a recogerlo.

Es imposible cubrir todas las posibles necesidades de nuestros clientes potenciales, pero deberemos al menos presentar las suficientes alternativas como para maximizar el número de conversiones y nuestro margen de beneficio.

Errores relacionados con el marketing de contenidos

17. No realizar ningún tipo de marketing de contenidos

Uno de los mayores errores en las tiendas online – marketing de contenidos que no es eficaz o no está pensado para clientes potenciales.

No importa la industria en la que operemos, siempre habrá algún tema educativo, informativo o valioso sobre el que podamos escribir y que cumpla con el objetivo que hemos comentado en varias ocasiones. En cuanto más informado y comprometido esté nuestro cliente potencial, más probable que termine convirtiendo en venta.

18. Demasiado contenido, insuficiente marketing

Mientras que el propósito general del marketing de contenido es informar e involucrar al visitante, el propósito en la tienda online es conseguir que compren. Si tus iniciativas de marketing de contenido consiguen que aumenten tus visitas pero no que se incrementen las ventas, es posible que no hayas creado el contenido de la forma correcta.

Sin embargo eso no significa que debas crear contenido “comercial”, sino contenido que ayude a tus clientes a estar más informados, preparados y dispuestos a obtener tus productos.

19. Creación de contenido complejo y demasiado especializado

Suponemos que tu eres un experto en tu campo pero es posible que tu publico objetivo no lo sea. Es un error complicar los mensajes y utilizar vocabulario demasiado técnico de la industria. Esto no solo hará que el contenido sea inútil a los ojos del lector, sino que no cumpla con el objetivo de preparar al visitante para comprar tu producto.

20. Centrarse en vender en vez de generar valor

Como hemos dicho anteriormente, el marketing de contenido debe involucrar al público objetivo y encaminarlo a la conversión en venta. Sin embargo no debe utilizarse este contenido para impulsar una venta. El consumidor moderno espera que leyendo este contenido no se le ejerza ningún tipo de presión para hacer una compra.

Errores relacionados con el SEO

21. Experiencia de usuario

Muchas tiendas online descuidan la experiencia de usuario pensando sólo en la venta como objetivo.

Dentro de la experiencia de usuario siempre resaltamos la velocidad de carga. Pero también incluyen los aspectos como ofrecer a nuestro potencial cliente alternativas y sugerencias que no solo cumplan con nuestro objetivo de venta, sino que el usuario encuentre nuestra web agradable y fácil de navegar.

22. Redirecciones permanentes 301 y errores 404

En la mayoría de los casos generados por productos descatalogados y/o fuera de stock. ¿Qué hacer con ellos?

Es normal que en un e-commerce se generen 404, y es asumido por los buscadores como Google. El problema es cuando el ratio entre códigos 200/404 disminuye exponencialmente. Hay que estar muy atentos y actuar antes de que sea demasiado tarde, aunque es difícil predecirlo.

Si estableemos redirecciones 301 cuando veamos que una página no existe, corremos el riesgo de multiplicar las redirecciones permanentes, además de que no siempre es fácil decidir hacia que categoría de productos redireccionamos un 404.

Así que en este punto la solución ha de ser una solución de compromiso entre ¿Hasta qué limite asumo errores 404? ¿Cuántos 301 puedo asumir sin aumentar exponencialmente las redirecciones y aumentar las peticiones al servidor?

23. Contenido duplicado

Como hemos comentado anteriormente, el más común de los errores en las tiendas online es cuyos productos provienen de proveedores externos.

Normalmente a las tiendas online los proveedores ofrecen  unas imágenes y texto para cada uno de los productos que distribuyen y que es el mismo para todas las tiendas que los distribuyen. Por  lo tanto, todas las tiendas tienen las mimas descripciones y las mismas imágenes para un producto, con lo que el contenido ya no es único. Además de que el posicionamiento aun será más complicado, ya que normalmente el distribuidor tendrá más peso en las búsquedas que los distribuidores.

La única solución es reescribir los contenidos para cada una de nuestras URLs.

24. Sitemaps

En general los sitemaps se suelen generar con herramientas automáticas sin revisión de los mismos y esto finalmente puede generar problemas. Desde sitemaps que pesan más de lo permitido, hasta otros que incluyen URLs de más o de menos, o con protocolos distintos al actual.

No hay problemas en la segmentación de sitemaps, y debe hacerse no solo en proyectos grandes, sino también en sitios pequeños, ya que ayuda a ver de una forma específica donde podemos tener problemas.

Utilización de plantillas para desarrollos de Magento 2

, , , ,

Cuando estamos planeando realizar una tienda online, ya sea en Magento 2, PrestaShop u otra plataforma de venta online, una parte importante del proyecto es el diseño de nuestra tienda. No sólo la parte visual es importante, también lo es la usabilidad, la adaptación a móviles y el SEO.

El diseño de una web incluye estas 4 partes importantes por igual, y todas has de ser tomadas en consideración.

Teniendo esto en cuenta y sabiendo lo que necesitamos para el diseño de nuestra tienda en Magento, ahora vamos a ver cómo conseguirlo. Tenemos dos opciones: un diseño personalizado o una plantilla para Magento 2. Te explicamos los pros y contras de estas dos opciones.

Diseño personalizado para Magento 2

Un diseño personalizado para Magento 2 es caro, así de claro. Pero podrás tener una web completamente a tu gusto, con un buen SEO y usabilidad. Siempre que quien realice el diseño sea un buen profesional y experto en Magento 2. A caro nos referimos que menos de 3000 Euros (sólo por realizar el diseño de la página) no te va a pedir nadie para un proyecto de Magento 2. Si lo hacen, te están engañando. Un diseño personalizado requiere de muchas horas de trabajo, y un profesional que conozca Magento y trabaje bien. Los expertos cobran por ello. Aparte de este coste económico, recordad que un proyecto de comercio electrónico tiene muchos otros costes no incluidos en el diseño.
Aparte del diseño, la usabilidad es importante también. Hay que tener en cuenta que será necesario comprar algún módulo para que la página sea fácil de usar y rápida.

Plantillas para Magento 2

Las plantillas son una gran solución para realizar una tienda online. Desarrolladores de Magento 2 y diseñadores crean diseños genéricos que luego venden a otras empresas para que lo utilicen como diseño para su tienda online.

¿Quiere decir esto que mi plantilla no será única y parecerá una copia burda o sosa de otras tiendas? Para nada. Internet es inmenso, demasiado grande para que dos clientes vayan a parar a dos tiendas hechas en Magento con el mismo diseño. Las plantillas se venden en todo el mundo y es muy difícil ver dos tiendas online con la misma plantilla. Además de que encontrar dos websites con la misma plantilla en todo el mundo es casi imposible. Todas las plantillas para Magento se pueden personalizar al máximo, de manera que, dos tiendas online con la misma plantilla, difícilmente serán parecidas.

Otra gran ventaja de las plantillas para Magento 2, es la usabilidad. Muchas ya vienen con módulos que mejoran la funcionalidad de Magento. Cuando vayamos a comprar una plantilla, podremos verla en funcionamiento por completo y probar todas sus características. Las plataformas de venta de plantillas web, tienen una web de pruebas montada para que podamos ver cómo funciona la plantilla. En nuestro caso podremos ver nuestra plantilla ya montada en una tienda Magento 2, con las distintas opciones de configuración de diseño y utilizar la tienda como si fuera la nuestra.

Las plantillas no son el santo grial para el diseño web, casi, pero no. Normalmente tienen un problema que nos vamos a encontrar en el 99% de las plantillas – el SEO de la tienda online. Las plantillas para Magento 2 no vienen muy optimizadas para SEO. Principalmente porque cuidan mucho el aspecto visual de la tienda y son muy configurables. Eso hace que tengan muchos recursos que no se utilizan según la configuración que escojamos. Posteriormente esto se puede mitigar un poco con un buen experto en SEO para Magento 2. No lo solucionaremos al 100% pero se pueden conseguir buenos resultados.

Lo mejor de todo es el precio. Una plantilla para Magento 2 viene a costar unos 100 Euros. Está bastante bien teniendo en cuenta el trabajo que lleva detrás. Con las modificaciones que hay que realizar para adaptar la plantilla y extras, a partir de 1000 Euros. Así podemos tener un buen diseño para nuestra tienda, mejor que un diseño personalizado. Como dato, en nuestra empresa, más del 90% de los desarrollos de comercio electrónico se basan en plantillas.

Pese a que no tendremos un diseño 100% nuestro y a las posibles penalizaciones en SEO, es recomendable utilizar plantillas para Magento 2. Las ventajas que aportan y el coste económico comparando con un diseño personalizado, hacen de utilizar una plantilla la mejor opción para los desarrollos en Magento.

Redirecciones en Magento 2

, ,

En los comercios electrónicos, a veces necesitamos cambiar las URLS de nuestra tienda online por diversos motivos. Por ejemplo, en el caso de tener contenido duplicado o, a la hora de mejorar nuestro SEO, nos damos cuenta que tenemos URLS non-friendly.  Las redirecciones en Magento 2 son una buena forma de mejorar la experiencia que el usuario tiene en nuestra tienda online.

En este artículo vamos a repasar qué es una redirección, qué tipos hay y sus ventajas y como implementarlas en nuestra tienda online.

¿Qué es una redirección?

Si queremos eliminar páginas de nuestra tienda, cambiar las URLs o el nombre del dominio, necesitamos redirigir las páginas antiguas, sino podríamos encontrarnos con errores 404. Y ya sabemos de sobra cuánto penaliza Google este tipo de errores.

Las razones más típicas a la hora de redireccionar un sitio web son:

  • Cambio de nombre de negocio
  • Unión de dos páginas web
  • Dirigir tráfico a contenido más nuevo
  • Landing pages

Tipos de redirecciones

Los tipos más comunes de redirección son:

  • 300, Multiple Choices
  • 301, Moved Permanently
  • 302, Found or Moved Temporarily
  • 303, See other
  • 305, Use proxy

300 (Multiple Choices)

La redirección 300 es automática y la realiza el navegador, eligiendo el documento con el lenguaje o la codificación adecuada.

301 (Moved Permanently)

Redirección permanente. Pasa el link juice de la página antigua a la nueva. Esta redirección en Magento 2 le indicará al servidor dónde está alojada la nueva página web. Son las redirecciones en Magento 2 más utilizadas y las que ayudarán a mantener el SEO de tu tienda online.

302 (Found (HTTP 1.1) / Moved Temporarily (HTTP 1.0)

Parecida a la redirección 301, pero indicando que es una redirección temporal. No se suelen utilizar más allá de para propósitos de desarrollo o diseño.

303, (See other)

Esta redirección sirve para indicarle a los motores de búsqueda que presten atención a otra página web. A diferencia de las anteriores no se utiliza para redirigir la URL antigua.

305, (Use proxy)

Indica que el documento que se está solicitando solo se puede obtener a través de un proxy.

301 vs 302, ¿Cuál usar?

Tras ver un poco las características de cada tipo de redirección, queda claro que las más utilizadas y las que más interesaran a la mayoría de usuarios son los tipos 301 y 302.

Redirección 301 Magento 2

Mejor para el SEO

Transfiere el link juice

Mantiene los rankings de búsqueda

Preferible por los motores de búsqueda

Redirección 302 Magento 2

No transfiere el link juice

Mejor para redirecciones temporales (por ejemplo, en mantenimiento)

Peor para los motores de búsqueda

Perdemos calidad en el SEO

Como podemos extraer de ver esta serie de ventajas y desventajas de cada tipo de redirección, queda claro que el propósito de una redirección 301 es mover permanentemente un producto, una categoría, una página de nuestra tienda online, que está bien posicionada en los motores de búsqueda, a otra. Bien por haber renovado su diseño, haber cambiado el nombre del negocio y con ello el nombre del dominio, o diversas razones.

Por otro lado, la redirección 302 nos será más útil cuando estamos en periodos de desarrollo o mantenimiento, porque podremos mostrarle al usuario una página para que sepa por qué no se le está mostrando lo que él venía buscando, pero sin alterar el ránking de la página que estamos modificando ni indicarle a los motores de búsqueda que ese contenido ya no está ahí.

¿Como crear redirecciones en Magento 2?

La creación de redirecciones en Magento 2 es una tarea sencilla que podemos realizar desde el panel de administración.

  • Loguea en el panel de admin y navega a Marketing – Búsqueda & SEO – Reescrituras de URL.

redirecciones en Magento 2

 

  • Clicka en Añadir Reescritura URL en la parte superior derecha.

redirecciones en Magento 2

  • Selecciona el tipo de redirección deseada, a saber: Personalizado, Para la Categoría, Para el producto, Para página de CMS. Dependiendo de tu elección la configuración variará ligeramente. Más adelante las detallaremos todas.

 

  • Redirección personalizada.
redirecciones en Magento 2

Rellena los siguientes campos:

Tienda: Si tienes tiendas múltiples, selecciona la tienda de origen.

Solicitar ruta: URL antigua.

Ruta de destino: URL nueva..

Tipo de redirección: Permanente (301) o Temporal (302).

Descripción: Descripción de la nueva URL.

Pulsa el botón Guardar en la parte superior derecha al finalizar de rellenar los campos.

 

  • Redirección de Categoría

Selecciona la categoría de origen en el desplegable:

redirecciones en Magento 2

Completa los siguientes campos, que son idénticos a los de la redirección en Magento 2 personalizada.

Pulsa Guardar al finalizar.

 

  • Los dos tipos restantes son similares. Tanto las redirecciones de producto Magento 2 como las redirecciones de páginas CMS Magento 2.

Para consultar las redirecciones en Magento 2 de las que dispone nuestra tienda online, podemos consultar la tabla de la base de datos url_rewrite. En la columna is_autogenerated podemos consultar si las hemos creado nosotros a mano o el propio módulo de Magento 2.

Conclusiones

Las redirecciones son una herramienta potente de Magento 2, tanto para mantener la experiencia de usuario en fases de desarrollo o mantenimiento, como para hacer migraciones de forma fácil manteniendo la estructura y el SEO de nuestra tienda online.

Si no quieres tener ningún fallo en la migración de tu tienda y no estás familiarizado con Magento 2, lo mejor es que consultes a un equipo de expertos que estará encantados de ayudarte.

SEO básico en la página de producto de Prestashop 1.7

, , ,

Ya sabemos de la importancia del SEO para nuestra tienda online. Toca adoptar buenas prácticas para que mejorarlo sea una costumbre.

Tratamos hoy unas guías básicas a tener en cuenta cuando añadimos o editamos un producto en Prestashop 1.7.

Nuestro objetivo es rellenar de forma óptima la página del producto para que los motores de búsqueda (especialmente Google) la posicionen correctamente. Desde la optimización del título del producto hasta la elección de las opciones de listado. Descubriremos punto por punto todas las sutilezas de un buen SEO con Prestashop.

Cuando agregamos un nuevo producto, o editamos uno existente, hay muchos campos a rellenar: precio, título, descripción, palabras clave, etc. Pero algunos de ellos rellenados de forma incorrecta pueden incluso ser perjudiciales para el SEO. Vamos a verlo punto por punto.

Nota : la mayoría de lo que comentemos es igualmente válido para la versión 1.6, tan solo cambiará la situación o descripción de forma visual del campo del producto.

Ajustes básicos

SEO PrestaShop1. Nombre del producto

El nombre del producto es el elemento más importante de la página. Es el título principal del producto y, por lo tanto, de la página. Normalmente, si el tema está bien diseñado, el título de su producto debe estar encapsulado en una etiqueta HTML H1. Recuerde que solo debe haber una etiqueta H1 en la página, con un tamaño ideal entre 35 y 80 caracteres, incluidas una o más palabras clave.

Nombre de producto PrestaShop

 

2. Imágenes de producto

Hay tres puntos importantes a tener en cuenta en cuanto al SEO en las imágenes: Nombre del archivo de imagen, formato y calidad de la imagen, y leyenda de la misma.

En Prestashop solo puede controlar la leyenda de la imagen, ya que el nombre se modificará de acuerdo con el nombre del producto (1), la resolución y la calidad de la imagen dependerán del tema elegido e instalado en su Prestashop.  Cada imagen debe tener una leyenda diferente (nunca debe ser la misma para todas las imágenes aunque sean del mismo producto) y debe explicar el contenido de la foto. No intente exagerar o poner demasiadas palabras clave en la leyenda de la foto, ya que sería contraproducente.

Por ejemplo: » Asiento de seguridad FIA » o » Vista superior del asiento de seguridad «.

3. Resumen y descripción del producto

Este punto es uno de los que normalmente peor se gestionan. El resumen es un texto corto que normalmente se muestra entre el título del producto y el botón de “Añadir al carrito”. Representa, como indica su nombre, un resumen de la descripción completa del producto que podremos insertar en la pestaña “Descripción”.

En ambos casos tenemos un editor de texto que ha ido evolucionando. Ahora tenemos disponibles herramientas de edición con etiquetas HTML, estilos, etc.

Hay que prestar atención a algunos puntos:

– No usar la etiqueta de título 1 (h1) ya que debe ser única en una página y (si el tema está bien diseñado) será usada para el nombre del producto.

– Prestar atención a los títulos de orden general (h2, h3, h4…). Pueden usarse pero teniendo en cuenta para lo que están pensados. Es decir, puede dividir la descripción del producto en secciones marcadas con h2 y a su vez estas secciones en subsecciones marcadas con h3. No utilice estas marcas simplemente para aplicar ciertos estilos a ciertos bloques de texto. Para los buscadores estas etiquetas tienen un significado específico.

– Use negrita y/o cursiva para resaltar ciertos términos (normalmente palabras clave o grupos de palabras clave) que estén en el mismo campo léxico que el título del producto. Este punto puede ayudar a mejorar su posicionamiento en Google de forma importante.

– Haga enlaces internos entre páginas de su tienda online, entre 3 y 10 enlaces como máximo (no queremos que el visitante abandone la página sino al contrario). Realice los enlaces con sentido, apuntar a productos que no tienen nada que ver no aporta interés).

– La descripción del producto debe tener entre 2500 y 3000 caracteres para que Google lo considere significativo y mejore su posicionamiento. Intente realizar la redacción a conciencia y evite copiar y pegar textos de otras páginas de Internet. Lleva trabajo realizar descripciones únicas de nuestros productos, sobre todo las tiendas online dedicadas al dropshipping, pero eso marcará la diferencia entre nuestra tienda y su competencia.

4. Características del producto

Las características representan los datos técnicos o diferenciadores de su producto (dimensiones, colores, materiales, rendimiento….). Tienen como objetivo ofrecer información a nuestro cliente sobre el producto para ayudarle a tomar una decisión. Pero también tienen la capacidad de poder mejorar el posicionamiento de nuestros productos así que utilícelas para ello introduciendo todas las características de cada producto y repitiéndolo en las áreas de descripción y resumen.

5. La Marca

La marca proporciona una herramienta muy potente desde el punto de vista funcional. Ya que al hacer click en la marca, un usuario podrá ver todos los productos de esa marca que se venden en nuestra tienda online. Sin embargo esta funcionalidad es horrible para el SEO. Generará una página en la tienda (el listado de productos de esa marca) con productos que ya están en las páginas de categorías. Así mostrando seguramente el mismo campo resumen para cada uno de ellos, lo que genera posible contenido duplicado y además distribuye el posicionamiento en páginas que no tienen interés real para el posicionamiento.

Como usuario administrador de su tienda online poco puede hacer para evitar este problema. Normalmente si el tema que usa en su tienda está bien desarrollado estas páginas estarán marcadas con un noindex para que los buscadores no las indexen. Compruébelo o si tiene dudas contacte con algún técnico para que lo revisen y arreglen si es necesario.

6. Productos relacionados

Como decíamos en la descripción del producto, debemos hacer enlaces internos entre páginas de nuestra tienda. Ésta es una buena herramienta para ello, nos permite seleccionar algunos productos que aparecerán en la ficha del producto como relacionados con el que estamos viendo. Hemos de seleccionar productos con similares términos de contenido para que sean relevantes. Poca relevancia e incluso mala calificación tendrá si en una ficha de un artículo para la cocina ponemos como producto relacionado un libro (a no ser que sea de recetas!).

7. Combinaciones

Las combinaciones son las variantes del producto. Es decir si un producto presenta variaciones de color, tamaño, talla, etc. cada una de estas posibles variaciones es una combinación. Debe utilizar las combinaciones en estos casos.

Es un punto importante, ya que se ven muchas tiendas en las que por ejemplo una camiseta que puede ser blanca o roja y se ofrece en las tallas S, M, L, XL se han introducido como 8 productos diferentes en vez de utilizar las combinaciones. Esto es contraproducente en términos de SEO (y también en términos de usabilidad para el usuario) ya que estará duplicando contenido porque todas las fichas de producto son iguales.

Esto obviamente disminuirá la cantidad de sus productos pero ganará en calidad.

8. La referencia del producto

Cada producto tiene su referencia, es decir, un nombre/número único para su organización. Esta referencia solo concierne a su comercio electrónico y su gestión de inventario. Así que puede personalizarlo.

Es recomendable colocar primero una palabra clave antes de su código de referencia.

En algunas tiendas se utiliza la misma referencia que nos proporciona el distribuidor/fabricante de nuestros productos. Esto es un arma de doble filo, por un lado puede ayudar a posicionarnos en búsquedas cuando estas se hacen por código de referencia. Sin embargo las búsquedas por código de referencia normalmente son realizadas con el objetivo de comparar precios entre diferentes tiendas para el mismo producto, y a nivel de marketing y ventas quizá no sea tan interesante este posicionamiento.

9. Categoría principal y asociadas

Sus productos deben asociarse con al menos una categoría para que los usuarios puedan encontrarlo en su catálogo. Puede asociarse con tantas categorías como desee.

Debe prestar especial atención a la hora de diseñar su árbol de categorías y la asignación de cada producto a cada categoría. Hay de intentar que los niveles de categorías guarden la menor semejanza posible.

Por ejemplo si su tienda tiene una categoría “Bebidas” que tiene 100 productos, con una subcategoría “Bebidas refrescantes” que tiene 99 productos. Tiene en su tienda dos páginas que son extremadamente similares lo que podría llegar a considerarse como contenido duplicado.

Para la categoría principal es recomendable seleccionar la categoría más profunda de su árbol de categorías. Esto facilitará la navegación y beneficiará el SEO de árbol largo.

La pestaña cantidades 

SEO PrestaShop

10. Mensajes de disponibilidad personalizados

Si su tienda trabaja con stock, puede mostrar mensajes personalizados cuando hay stock disponible o cuando está agotado y permite los pedidos. Por ejemplo, puede utilizarse para la reserva de productos que se lanzarán en fechas próximas.

Puede utilizar estos campos para añadir un poco de valor SEO colocando alguna palabra clave, obviamente sin dejar de hacer que sea un texto comprensible. Por ejemplo “Reserva anticipada del smartphone Samsung M10” sería un buen texto para una posible búsqueda en Google.

Pestaña SEO

SEO PrestaShop

11. La etiqueta Meta-título  

Esto es lo que Google muestra como título en sus resultados a las búsquedas. También aparece como título en el navegador o en la barra de aplicaciones de Windows. Este título es importante y suele estar limitado a 70 caracteres con lo que debemos ajustarnos lo más posible a este tamaño. Sirve como reclamo principal para que el usuario haga click en el enlace pero no tiene mucho más peso a nivel de SEO por lo que no es necesario introducir palabras clave.

Debe ser diferente de la etiqueta h1 de su producto y además debe ser también diferente del resto de etiquetas metatitulo de su tienda online.

12. La etiqueta meta-descripción

Es el bloque de 2 a 4 líneas de texto que Google añade debajo del título en sus resultados. Originalmente estaba limitado a 160 caracteres aunque actualmente se admite hasta de 320 caracteres y 4 líneas. Se debe usar como gancho comercial para atraer al cliente. Tiene especial interés que Google marcará en negrita partes de esta descripción si coinciden con texto de búsqueda realizado.

13. URL Amigable

Por defecto, Prestashop 1.7 (también las versiones anteriores) generan las URLs amigables usando el nombre del producto que hemos introducido en minúsculas, sin acentos y reemplazando los espacios por guiones.

Esta forma de funcionar de Prestahop, también en sus versiones anteriores, intentaba cubrir la necesidad de que las urls fueran sencillas e incluyeran el nombre del producto determinado, lo que es una necesidad bastante importante en términos de SEO.

Cumple bien con el segundo objetivo, pero más habitualmente de lo esperado las urls no son simples si no que son excesivamente complejas. Utilizaremos este campo para establecer una URL amigable que realmente sea amigable sin perder las ventajas de la misma para el SEO.

14. Páginas de redireccionamiento

Cuando vamos a dejar de vender un producto porque ya no está disponible o bien cuando no hay stock de un determinado producto, según como esté configurado Prestashop, habitualmente se deshabilitan estos productos.

Al deshabilitar el producto, la página se vuelve inaccesible, lo que provoca un error 404 y se mostrará la típica página de “La página buscada ya no está disponible”.

Este funcionamiento no es demasiado grave para el usuario, sin embargo es nefasto para Google que procederá automáticamente a eliminar esa URL de sus resultados, con la consiguiente pérdida de posicionamiento.

Ésta situación es bastante habitual en las tiendas que trabajan con stock numérico que cambia de forma habitual, así que es importarte tenerlo en cuenta.

Prestashop 1.7 nos presenta como novedad ésta posible configuración del comportamiento de los productos cuando ya no están disponibles, permitiéndonos elegir varias opciones:

  1. No redireccionar (404): Es el funcionamiento por defecto y como hemos dicho NO DEBEMOS usarlo nunca ya que provoca la eliminación de nuestra URL en Google y la consiguiente pérdida de posicionamiento.
  2. Redirección permanente a un producto o categoría (301): Nos permite redireccionar la página de ese producto a otro producto o categoría. Esto quiere decir que Google en vez de eliminar la URL de sus resultados analizará y sustituirá por la nueva URL del producto que le indiquemos. Utilizaremos esta opción cuando el producto deshabilitado no vaya a volver a estar disponible, por ejemplo productos descatalogados, al menos a largo plazo.
  3. Redirección temporal a un producto o categoría (302): Nos permite redireccionar la página de ese producto a otro producto o categoría. Esto quiere decir que Google en vez de eliminar la URL de sus resultados transferirá su posicionamiento de alguna forma a la página redireccionada.

La pestaña opciones 

SEO PrestaShop

15. Etiquetas

¡Cuidado con esta sección! En la mayoría de los CMS las etiquetas están relacionadas con las palabras clave meta (meta-keywords) que ya no se tienen en cuenta por Google e incluso pueden resultar en la penalización en caso de utilizarlas.

Para Prestashop estas etiquetas sirven como ayuda a los usuarios en la búsqueda de productos en nuestra tienda online. Sin embargo muchos desarrolladores de temas en Prestashop continúan utilizando estas etiquetas como basura para rellenar el campo meta-keywords de nuestras páginas. Lo que puede resultar en una penalización de Google.

Compruébelo o si tiene dudas contacte con algún técnico para que lo revisen y arreglen si es necesario.

Igualmente, aunque lo comentado con las meta-keywords esté correcto en su tema, con las etiquetas de Prestashop pasa lo mismo que con lo que hemos comentado en las marcas. Prestashop genera nubes de etiquetas en las que al clickar sobre una de ellas nos carga una página con todos los productos que tienen asociada dicha etiqueta.

Al igual que en las marcas esto puede generar contenido duplicado con las categorías de productos, o bien crea páginas con poco contenido o de poca calidad lo que influye negativamente en su posicionamiento.

En resumen, tenga cuidado al utilizar las etiquetas o al menos  asegúrese previamente de que el tema utilizado está desarrollado adecuadamente y no a penalizarle frente a los buscadores.

Conclusiones 

Realizar un buen trabajo de SEO en nuestra tienda a veces puede parecer pesado, otras veces no está en nuestra mano si es tema técnico. Pero un poco de disciplina a la hora de configurar los productos y un buen asesoramiento en la parte técnica mejorará su posicionamiento y en consecuencia su cuenta de resultados.

Optimización básica para PrestaShop 1.7

, , ,

Vamos a realizar una pequeña exposición de los puntos que han de tenerse en cuenta para mantener nuestra tienda online con PrestaShop. La configuramos de forma que optimice lo más posible a uno de los factores más importantes del SEO técnico – WPO (Web Performance Optimización). Lo podríamos traducir como Optimización del Rendimiento Web y reducción del tiempo de espera.

PrestaShop optimizacion de tienda online

 

¿Por qué aplicar correctamente el WPO en mi e-commerce?

La principal razón es la satisfacción del usuario. No hay que olvidarse de que nuestra web es un e-commerce y por lo tanto su único objetivo es VENDER. Si la experiencia del usuario es buena esto aumentará las posibilidades de conversión y de retorno de nuestros visitantes.

Al respecto de este punto hay varios estudios que invitan al menos a la reflexión. Por ejemplo, en Amazon se comprobó que un retraso de 0,1 segundos en la carga de la página implicaba una pérdida del 1% de los ingresos. En Google Maps redujeron el tamaño de sus ficheros (y por tanto el tiempo de carga) un 30% y eso implicó un aumento del 30% en el número de peticiones.

Otra razón, no menos importante, es el Posicionamiento en Buscadores (SEO). Nos fijamos en Google pero sus efectos serán similares en cualquier otro buscador. La forma de funcionamiento de Google para indexar nuestra página es asignarle a nuestra web un “tiempo de rastreo” que su robot utiliza para rastrear las URLs de nuestra tienda. Simplificándolo mucho esto significa que, si Google asigna a nuestra web un tiempo de rastreo de 10 segundos y nuestras páginas tardan 5 segundos en cargar, cada vez que el robot pase a indexar nuestra web tan sólo podrá rastrear 2 URLs. Sin embargo, si nuestras páginas tardan 1 segundo, el robot podrá utilizar el resto de tiempo en rastrear otras URLs de nuestra web. Por lo tanto habrá más posibilidades de que nos indexe más palabras clave.

Hay otras razones en las que no vamos a entrar en este artículo pero que afectan directamente los resultados de nuestro proyecto. Por ejemplo, si usamos Adwords para hacer publicidad de nuestra tienda, el CPC es probable que suba si nuestra página web carga de forma lenta. Igualmente, si nuestras webs cargan de forma lenta necesitaremos mejorar la infraestructura de nuestro servidor (memoria, procesador, ancho de banda) lo que implicará un aumento del coste de la misma.

Paso 0. Utiliza la última versión estable de PrestaShop y desactiva lo que no utilices

Son dos tareas tan básicas como olvidadas. Utilizar la última versión de PrestaShop estable no sólo nos ayudará a optimizar el tiempo de carga de nuestra página si no que hará nuestra tienda más segura y estable. Igualmente habrá que tener actualizados todos los módulos y el tema que utilicemos.

Respecto a los módulos, por defecto Prestashop 1.7 incluye una gran cantidad de módulos. Muchos de ellos o bien no nos interesan, o bien no los vamos a utilizar nunca. Estos módulos debemos desinstalarlos, además de activarlos. Así evitaremos una carga innecesaria del sistema que dependiendo del módulo puede ralentizar, y mucho, la carga del mismo.

Otro punto a tener en cuenta son los idiomas. Muchas tiendas se instalan y se mantienen con idiomas que realmente no se utilizan. Debemos eliminarlos y dejar sólo los que utilicemos. Cada idioma guarda en la Base de Datos sus traducciones correspondientes. Esto hace crecer de forma innecesaria las tablas de la Base de Datos incrementando el tiempo de respuesta en las consultas a la misma.

Características de e-commerce PrestaShop

 

 

 

 

 

 

 

 

 

 

 

 

 

 

PrestaShop es un e-commerce potente y nos ofrece algunas características que hacen al sistema mucho más flexible que otros CMS de e-commerce. Sin embargo algunas de estas características pueden hacer que el sistema vaya un poco más lento. Por tanto deberemos desactivarlas si no las vamos a utilizar.

Paso 1. Respecto al servidor

Los requisitos básicos en cuanto al servidor web son los siguientes:

  • Servidor VPS. Aunque podríamos instalar PrestaShop en un servidor comparativo algunas de las características que necesitaremos activar para mejorar el rendimiento del mismo, afectan a nivel de servidor. Es posible que en un servidor compartido no tengamos esa posibilidad.
  • PHP7. No deberíamos plantearnos instalar PrestaShop en un servidor con PHP5. Actualmente casi todos los hostings nos ofrecen la posibilidad de elegir la versión de PHP que correrá en nuestra aplicación. Como sabemos PHP7 tiene un rendimiento mucho más alto que PHP5 con diferencias notables entre ambos.
  • MySQL o MariaDB actualizados. Al menos versión 5.6 para MySQL y versión 10 para MariaDB. Las posteriores versiones de nuestro motor de Base de Datos mejoran el rendimiento del mismo.
  • Sistemas de caché basados en RAM: PrestaShop soporta sistemas como APC, Memcached, XCache. etc. Así que nuestro servidor debe tenerlos activados e implementados para poder aprovecharnos de ello.
  • Medidas antihack que eviten a posibles atacantes infectar nuestra web. Aunque el objetivo de estos atacantes no es ralentizar nuestra web, una web infectada puede verse ralentizada por la carga extra de las tareas que realizará tras ser infectada (envío de spam, publicidad, ataques DDOS, minar criptomonedas…).

Paso 2. Caché del motor de plantillas Smarty

Smarty es un sistema de plantillas ampliamente utilizado en muchos CMS. Tiene un problema básico y es que es bastante pesado y hace que la web cargue más lento. Por eso ha de configurarse adecuadamente para nuestro Prestashop.

Smarty PrestaShopPodemos acceder a la sección de configuración mediante el menú Parámetros Avanzados > Rendimiento de nuestro PrestaShop.

Respecto a la Complición de plantillas tenemos 3 opciones:

  1. Forzar la compilación. PrestaShop compilará y recalculará completamente la plantilla en todas las peticiones a la web. Obviamente esta opción no debería estar activada en un servidor en producción ya que ralentizaría la carga al máximo. Normalmente se activa esta opción en entornos de pruebas donde las plantillas cambian continuamente.
  2. Recompliar las plantillas cuando los archivos sean modificados. Sólo recompilará las plantillas en el caso de que detecte que ha habido algún cambio. Sería la opción más interesante ya que, aunque no es la más óptima, nos asegura estar actualizado el sistema de caché con los archivos modificados.
  3. Nunca recompilar. Es la opción más óptima ya que nunca recompila las plantillas. Pero a cambio nos obliga a tener que borrar la caché a mano cada vez que haya un cambio en el código para que dichos cambios se vean aplicados en la web.

Respecto al Tipo de Caché tenemos dos opciones: Caché de ficheros o Caché de BD. Normalmente la caché de BD es más rápida que la caché de ficheros, pero a la larga sobrecarga bastante la base de datos y lo hace más lento. Actualmente, y en especial si nuestro servidor tiene discos SSD, lo recomendable es caché de ficheros.

La última opción nos permite decidir cuándo queremos que se borre la caché.

Paso 3. Caché nativo de PrestaShop

Cache PrestaShopPrestaShop incorpora soporte nativo para varios sistemas de caché. La posibilidad de activar una u otra dependerá de las extensiones instaladas en el servidor. En principio PrestaShop tiene soporte para Memcached, APC y XCache. Decidir si utilizar uno u otro dependerá de la configuración de la extensión instalada en el servidor. Normalmente funciona mejor Memcached pero, según que configuraciones, APC también da buen rendimiento.

Paso 4. Combinación, Compresión y Caché (CCC)

cache PrestaShopOtra ventaja de PrestaShop respecto a otros e-commerce como WordPress+Woocommerce es que desde su versión 1.4 la mayoría de los temas son compatibles con esta característica. Lo que posibilita que el propio PrestaShop pueda encargarse de este proceso que lo que hace es minificar y combinar ficheros CSS y JS eliminando todo el contenido de los mismos. Los hace legibles para los humanos pero que son irrelevantes para el navegador que los debe interpretar (tabulaciones, saltos de línea) además de unificar todos los CSS o JS en un único archivo mejorando el tiempo de respuesta.

Podremos activar por separado en la sección CCC los estilos y los javascripts. Igualmente la opción de Optimizar Apache. Lo podremos activar en caso de que nuestro servidor sea Apache o LiteSpeed (si tenemos Nginx habrá que desactivarla) y que activará ciertas directivas en el fichero .htacces. Eso permitirán, por ejemplo, activar las directivas para los Modulos de Apache ModDeflate (permite servir los contenidos estáticos comprimidos con GZIP lo que hace que ocupen menos y su descarga se más rápida) y ModExpires (Permite indicar que cuando se descargue un recurso lo mantenga en caché y así la próxima vez que lo necesite no se lo descargará mejorando así el rendimiento y el tiempo de descarga).

Paso 5. Optimización de imágenes

PrestaShopEs uno de los puntos más importantes a tener en cuenta en la optimización del tiempo de carga. Optimización de imágenes cobra aún más importancia en un e-commerce según va aumentando el número de productos que tengamos en nuestra tienda.

¿En que consiste optimizar las imágenes? Debemos tenerlas optimizadas tanto a nivel de resolución que mostramos, como a nivel de que su tamaño sea el más reducido posible sin que perdamos calidad en la misma.

Respecto a la resolución, PrestaShop ya hace un buen trabajo. Cada vez que subimos una imagen al e-commerce, PrestaShop la escala a diferentes resoluciones teniendo en cuenta el tipo de imagen que es y los sitios donde se va a mostrar.

Sin embargo, la optimización en cuanto al tamaño del archivo, si es algo que hay que tener en cuenta ANTES de subir la imagen a PrestaShop. Ya que no es un tema de fácil solución una vez la imagen ya está subida, debido a que cualquier tienda de tamaño medio tendrá seguramente miles de imágenes. Para ello hemos de intentar subir las imágenes ya optimizadas. Se puede hacer guardándola adecuadamente desde el propio PhotoShop, por ejemplo, con la opción de exportar para web, o bien uno de los múltiples servicios online que hay para ello, por ejemplo, resmush.it.

En el caso de que ya tengamos nuestra tienda funcionando y tengamos que optimizar las imágenes deberemos usar módulo que realice esa optimización de imágenes en vez de hacerla a mano una a una. Normalmente estos módulos serán de pago, por ejemplo, PrestaShopPrestashop ReSmush Image Compression for large catalogs Module que nos permite optimizar todas las imágenes del catálogo automáticamente, además de optimizar las futuras imágenes que subamos.

Paso 6. Configurar un CDN en Prestashop

Un CDN es una red de distribución de contenidos. Es decir, es un servicio externo a nuestra web que nos permite servir contenidos estáticos como imágenes, videos, PDFs, Javascripts, CSS, eligiendo el punto de salida del recurso más cercano geográficamente a la ubicación del visitante.

CDN PrestaShop

 

 

 

 

 

 

 

 

 

 

 

 

 

Esta técnica es especialmente útil cuando nuestro e-commerce es accedido de forma notable desde diferentes puntos del planeta. El ejemplo más claro sería un sitio web de habla hispana que tiene alto nivel de tráfico tanto desde España como desde América Latina. Puntos suficientemente distantes a los que la implementación de un CDN pueda hacer mejorar sensiblemente la velocidad de carga.

Básicamente, y explicado sin mucho rigor técnico, el CDN se encargaría de tener “copias” de tus recursos estáticos diseminadas por varios puntos del planeta. A la hora de recibir una petición a alguna de ellas se la serviría desde el Servidor CDN más cercano, reduciendo el tiempo de respuesta.

Configurar el uso de CDN en PrestaShop es bastante sencillo. Dentro de la misma sección donde hemos hecho todas las configuraciones (Parámetros Avanzados > Rendimiento) podemos activar el uso de Servidores de Medios insertando hasta tres hostnames o CNAMEs que apunten al hostname del CDN nuestro CDN.

CDN PrestaShop

Hay muchos servidores CDN que podemos utilizar. Destacan KeyCDN, CloudFlare, CDN77 o Amazon CloudFront cada uno con sus ventajas e inconvenientes, y con su coste. Cloudflare tiene un paquete gratuito y todos ellos incluyen bastantes características extra interesantes, además, de la distribución de contenidos.

Paso 7. Optimización de Base de Datos (MySQL y MariaDB)

PrestaShop

PrestaShop consume bastantes recursos al realizar muchas y complejas consultas a la Base de Datos. Para minimizar la posible penalización, que esto nos puede acarrear en el tiempo de respuesta en la carga de nuestra web, debemos asegurarnos que la configuración de nuestra base de datos es adecuada.

¿Cómo podemos saber cual es la mejor configuración para nuestra base de datos?

Según las recomendaciones de PrestaShop para la configuración de MySQL versión <8 o MariaDB estos son los parámetros estándar para el archivo de configuración:

query_cache_limit 128K
query_cache_size 32M
query_cache_type ON
table_open_cache 1000
read_buffer_size 2M
read_rnd_buffer_size 1M
thread_cache_size 80
join_buffer_size 2M
sort_buffer_size 2M
max_connections 400
tmp_table_size 32M
max_heap_table_size 32M
table_definition_cache 1000
performance_schema OFF

Si queremos afinar un poco más la configuración para nuestra tienda en concreto, hay una utilidad llamada MySQLTuner que se puede dejar ejecutándose en el servidor durante 3 o 4 días en funcionamiento normal. Una vez finalizado este periodo el script analizará el uso del servidor de bases de datos. Posteriormente nos mostrará los parámetros recomendados de configuración basados en el uso que ha tenido la BD en ese período.

Paso 8. Análisis del WPO de PrestaShop

Análisis PrestaShop Existen múltiples herramientas para analizar el rendimiento de nuestro e-commerce cada una con sus ventajas e inconvenientes. Así que lo habitual para realizar un análisis del rendimiento es utilizar varias herramientas y combinar los resultados.

Siempre, antes de comenzar la optimización, realizaremos un análisis para poder saber cuales son los puntos débiles de nuestra web y poder atacarlos con más fuerza. Además nos podrá servir de comparativa una vez hayamos terminado de optimizar.

Como decíamos hay muchas herramientas, aquí vamos a comentar alguna.

Pingdom Tools

Es una herramienta básica en su versión gratuita pero de las más utilizadas para saber por donde comenzar. De un vistazo nos permitirá saber todas las peticiones que realiza nuestro e-commerce, así como el tiempo y el peso de cada una.

Webpage Test

Un poco más completa que Pingdom Tools. Nos ofrece más información permitirnos analizar la web desde diferentes dispositivos y navegadores. Tiene un punto importante para lo que estamos tratando que es el Speed Index. El Speed Index intenta medir la capacidad de la página de mostrar la primera parte del contenido aunque la página no se haya cargado aún al 100%. Este es un punto importante porque la experiencia del usuario mejora cuando éste puede empezar a consultar el contenido, aunque no se haya cargado completamente. Es un punto importante en la calificación de nuestra página por parte de Google.

Google PageSpeed Insights

No es de las mejores herramientas, pero dado que nuestro principal objetivo es mejorar nuestro ranking en Google, siempre hay que tenerla en cuenta. PageSpeed Insights es del propio Google y es un factor importante para ello.

Si necesitas ayuda en optimizar tu tienda online en PrestaShop, siempre puedes contar con nosotros. Tenemos muchos años de experiencia en e-commerce (aquí puedes ver nuestros proyectos) y podemos resolver cualquier duda.

Web responsive y SEO: Buenas prácticas para el diseño web en WordPress

, , ,

Cuando comenzamos un nuevo proyecto de diseño web en WordPress, tenemos que tener en cuenta una serie de cuestiones técnicas para que el funcionamiento de nuestra web sea el óptimo.

En este artículo, el equipo de diseño web de Valencia de Gsoft informática te presenta una serie de consejos SEO, web responsive  y buenas prácticas para el desarrollo de una web en WordPress:

  1. Web responsive:  Plantilla de WordPress adaptable.
  2. Optimizar para SEO: Consejo.
  3. Los recursos de diseño web: optimización de imágenes y tipografías.
  4. Plugins de Seguridad y Caché para WordPress.

1. Web responsive:  Plantilla de WordPress adaptable

¿Cómo hacer que un buen diseño web WordPress tenga visibilidad en Internet? Utilizando una plantilla responsive.

La oferta de temas y plantillas para WordPress es muy amplia. Existe gran variedad, pasando por plantillas de WordPress gratuitas a plantillas de pago. Estas últimas suelen utilizarse para proyectos web que, debido a la amplitud de su contenido, requieren de mayor libertad a la hora de customizar el diseño de las páginas.

Una vez tenemos claro el tipo de diseño web que tenemos que hacer, hay un punto que no puede escaparse a al hora de elegir una plantilla: que sea responsive. Es decir, que la maquetación web se adapte a los diferentes dispositivos: escritorio, tablets y smartphones.

La navegación desde el portátil queda genial pero… ¿Cómo se ve tu web en el móvil?

paginas web adaptadas a móvil

Es muy importante realizar una web responsive, teniendo en cuenta que el tráfico en Internet a través smartphones se ha incrementado considerablemente en los últimos años, ocupando algo más de la mitad de las visitas en servicios online en los últimos años.

Desde Valencia, nuestro equipo de desarrolladores y diseñadores web ofrecemos el servicio de marketing online para mejorar el SEO de tu web.

2. Optimizar para SEO: Consejo

La optimización web comienza en el primer minuto del desarrollo… ¡Manos a la obra con el SEO!

Ya tenemos el tema de WordPress responsive instalado y es momento de empezar a configurar el SEO o posicionamiento web. Aunque los resultados reales los veremos a los largo del desarrollo web y al finalizar el proyecto, es importante que tengamos el SEO presente desde el principio.

En Gsoft Informática Valencia, recomendamos que instales el plugin gratuito Yoast SEO , una herramienta bastante completa y fácil de usar con la que poder trabajar el SEO web sobre los contenidos y estructura de tu WordPress.

SEO para wordpress

Este plugin va analizando cada página o entrada de tu web, haciendo un análisis a tiempo real de la legibilidad y frases objetivo. A su vez facilita las posibles mejoras que puedes hacer para aumentar la optimización SEO.

Existe unos elementos SEO cruciales que harán que aumenten el tráfico de tu sitio web.

Okey, ¡gracias Yoast! Ahora que tengo un diseño responsive y una herramienta para SEO, ¿qué más puedo mejorar en mi web WordPress?

3. Los recursos de diseño web: optimización de imágenes y tipografías

via GIPHY

Es tan importante tener unos buenos recursos, como su correcta utilización.

Como creadores de diseño web nos encanta utilizar las mejores imágenes con la mejor resolución. Pero esto puede ser bastante perjudicial, ya que afectará al rendimiento y carga de la página web. Si nuestro sitio tarda la vida en cargar el contenido, perderemos tráfico y las horas de diseño no habrán servido 🙁

Para evitar esto, la recomendación que hacemos antes de subir los archivos, es optimizar las imágenes para web. La clave es que la resolución de tu imagen web sea de 72 ppp(Píxeles/Pulgada) y no supere los 800 KB.

Si utilizas Photoshop, tienes la opción el el panel Imagen > Tamaño de imagen con la que poder redimensionar y ajustar a estas medidas web.

Optimizar imagen para web

 

Ahora hablemos del uso de tipografías para web. Otro recurso que nos vuelve locos a los diseñadores pero, cuando se trata de diseño web  hay que tratar con especial cariño.

Como hablábamos en el post anterior ELEMENTOS CLAVE BÁSICOS PARA UN BUEN DISEÑO WEB , lo mejor que podemos hacer es utilizar como una o dos fuentes. Con nuestra creatividad en diseño, maquetar textos jugando con los tamaños de letra, colores y peso de la tipografía, no resultará ningún problema obtener un buen resultado.

Si sigues estos consejos mejorarás el SEO web.

tipografías web

Cuando ya tenemos claro cómo podemos optimizar al máximo nuestra web en WordPress, nos queda este consejo, no menos importante.

3. Plugins de Seguridad y Caché para WordPress

La web perfecta: Legible, bien diseñada, rápida y segura.

Al igual que en el mundo real, hay personas que, sin conocer de nada y a base de ser pesados, intentan meterse el la vida de los demás sin venir a cuento, en Internet pasa exactamente igual. Para evitar que spammers, bots o gente aburrida intente colarse en tu maravilloso y optimizado WordPress, recomendamos la instalación de un plugin de seguridad. Existe un listado de módulos de seguridad gratuitos. Nosotros recomendamos el más utilizado: WordFence. Solo hay que instalarlo y facilitar un email donde quieras recibir las notificaciones en cuanto a intento de acceso por parte de terceros, actualizaciones de plugins necesarias, entre otras.

Seguridad wordpress

 

Por otro lado, tenemos el almacenamiento en caché. Este es importante porque reduce la carga de la web y hace que el contenido aparezca más rápido. Es necesario que instalemos un plugin de configuración de almacenamiento en caché para mejorar el rendimiento de nuestro WordPress.

Está claro que los usuarios se fijarán mucho en el diseño web, que sea una web responsive. Pero también hay que tener en cuenta que Google otorga una importante ventaja de SEO a los sitios web más rápidos, lo que le ayudaen los resultados de búsqueda a obtener mejores calificaciones.

Al igual que tenemos diferentes plugins de seguridad, también podemos elegir entre varios para la gestión de caché de nuestro sitio web en WordPress. Los mejor valorados:

Plugins caché wordpress

Nota: Dependiendo del tema que utilicemos, nos funcionará mejor uno u otro. Por esto, es conveniente que si no nos optimiza lo suficiente uno, probemos con otro.

Para saber la puntuación en SEO de Google para nuestro sitio web, podemos hacer un análisis desde la página de PageSpeed:

https://developers.google.com/speed/pagespeed/insights/

En este post te explicamos cómo configurar PageSpeed en WordPress.

CONCLUSIÓN:

Si seguimos estos consejos SEO, tu web responsive ganará en velocidad y mejorará la experiencia del usuario, animando a visitar más páginas. Esto también aumentará el tiempo que los usuarios pasan en la web.

Estas junto con otras buenas prácticas para la optimización web que iremos compartiendo, complementarán el diseño web obteniendo el mejor resultado.

Gsoft Infomática en Valencia, desarrolla tu sitio web responsive, optimizado para SEO y con las últimas actualizaciones en seguridad.

Somos una empresa que trabaja y mejora el SEO y el diseño web de empresas de Valencia, Comunidad Valenciana  y otros clientes de ámbito nacional.

Te asesoramos y desarrollamos tu proyecto web ¿Necesitas más información? No dudes en contactar con nuestro equipo 🙂

Marketing falso

, ,

Vivimos en la era digital donde es primordial estar online. Transformación digital de los negocios, marketing digital, SEO, SEM, redes sociales, email. marketing, influencers son las frases más usadas hoy en día. Imaginaros cuantos »expertos» nuevos en éstas áreas han aparecido en la última década… Hoy en día hay tantas agencias de marketing digital, especialistas en SEO, freelancers, influencers, emprendedores y vendedores de humo que es difícil reconocer un experto verdadero. Ya ni os cuento sobre la formación y cursos absurdos »como crear un perfil en Facebook» y parecidos.

Me gustaría volver al principio para aclarar las cosas. De verdad, ¿qué es marketing? Según Real Academia Española »marketing es un conjunto de estrategias empleadas para la comercialización de un producto y para estimular su demanda». Pues, marketing digital es el mismo marketing, solamente usando la tecnología actual y las herramientas digitales. Hasta aquí parece todo claro.

¿Qué estrategias de marketing digital podemos usar? Dependiendo de cada negocio y sus necesidades, podemos usar:

  • La estrategia de content marketing (hablar sobre nuestra empresa, contar su historia, novedades del sector, etc.). En fin, ayudar a nuestros posibles clientes a conocer mejor nuestra empresa, sus productos o servicios, formar la marca.
  • Publicidad en redes sociales (oferta de algún producto, promociones etc.).
  • Video marketing (por ejemplo, explicar cómo funciona algún producto en concreto).
  • Email. marketing (enviar un cupón de descuento para la próxima compra a un cliente).
  • SEO (hacer que la gente encuentre tu negocio fácil, usando la descripción más precisa sobre tu negocio).

Estas son algunas estrategias populares que podemos usar en el marketing digital. Pero ¿qué pasa, si »los expertos» empiezan a abusar de ellas?

Marketing engañoso

En mi opinión todos los profesionales, primero, tienen que tener ética. Todas las acciones de marketing y comunicación, en primer lugar, tienen que informar a la gente. En segundo lugar, ayudarles decidir a comprar. En ningún caso engañarles, ni poner en peligro su privacidad.

De mi experiencia, tanto en hacer marketing para mi propio negocio, como para otras empresas, puedo decir que he visto prácticas muy sucias. Para hacer que el negocio crezca rápido se usan las practicas como hacer SEO usando las palabras clave que no corresponde a ese negocio, comprar reseñas falsas en Google My Business, comprar seguidores en las redes sociales, comprar links, dejar malos comentarios y valoraciones a la competencia, vender base de datos de clientes a terceros, enviar correos masivos sin respetar la privacidad de las personas, etc. Hoy en día para llegar a las primeras posiciones vale todo.

Menos mal que no todos los expertos de marketing son así y parece que se ve la luz al final del túnel. Google ya hace tiempo que intenta solucionar estas estafas. Es verdad, que se han mejorado muchas cosas, pero como este sector ahora está en auge, cada vez aparecen cosas y »técnicas» nuevas. ¿Cómo no caer en esas trampas, seas un profesional de marketing, o seas una empresa que necesita vender más?

Marketing efectivo

Como he comentado anteriormente, hoy en día hay tantos »expertos en marketing» que las empresas están confundidas y no saben como elegir el mejor. Para los profesionales de marketing aún es más complicado. Cada día aparece nueva herramienta »imprescindible», cursos nuevos, uno dice una cosa, otro – otra. Nos sentimos agobiados, porque hay que estar en todas redes sociales, todos eventos, disponibles y conectados a cada hora. Hay que publicar sin parar y ya es imposible vivir sin herramientas de automatización.

¡Parad un momento, por favor! Y ahora centraros en el cliente, no en buscadores, caprichos de las empresas o tendencias. Lo que nos ha intentado decir hace muchos años Google, lo voy a repetir otra vez. Centraros en el cliente. El cliente es el más importante. Póngase en su lugar. De verdad, ¿queréis que os mientan? (Con las valoraciones falsas de negocios y productos.) ¿Queréis que os envíe la publicidad sin parar a todas horas? ¿Qué os presionen para comprar haciendo rebajas falsas? ¿Queréis que os hagan perder tiempo buscando una cosa y mostrando otra que no necesitáis? ¿Qué en redes sociales nadie os haga caso, excepto les envíe la publicidad?

Ya es tiempo de concienciarse. El marketing así nunca va a ser efectivo. Y no me sorprende cuando las empresas se quejan que hacen marketing y, no obtienen buenos resultados. Primero, siempre va el respeto al cliente y sus preferencias. Buena atención al cliente es primordial. Muchas empresas fracasan en marketing por no hacer caso al cliente. Las malas valoraciones intentan tapar comprando comentarios positivos. Es un error total. Siempre hay que saber como solucionar problemas e incidencias para que el cliente este satisfecho. Además, que pronto se ha olvidado la función de las redes sociales. Redes sociales han sido creadas para conectar y comunicar con la gente. Actualmente las empresas las usan para difundir su publicidad. Cuando vamos a entender que primero en redes sociales hay que comunicar e interactuar, y no atacar con la publicidad y 20 posts diarios, a partir de allí vamos a conseguir buenos resultados.

Quiero anotar que la marca de la empresa se construye paso a paso, haciendo las cosas bien. Es un trabajo a largo plazo, pero si tenemos paciencia sus resultados vamos a notas significamente en las ventas. Y quienes buscan los resultados rápidos, tienen que tener mucho cuidado, perjudicar el nombre y la imagen de la empresa es muy fácil. Corregir los errores y recuperar la marca es muy costoso y sí que se consigue, pero a largo plazo. Siempre os aconsejamos contar con expertos eligiendo y ejecutando las estrategias de marketing. Estamos aquí para cualquier tipo de consulta o si fuese necesario para planificar una estrategia integral y dar visibilidad a su negocio. ¿En qué le podemos ayudar?

Optimización SEO Técnico para Magento

, , ,

Hemos desarrollado ya nuestra tienda online con Magento, comprobamos que está funcionando, al cliente le gusta, a los compradores también, pero aún queda alguien a quién le tiene que gustar nuestra página web, Google. Llega la hora de la optimización SEO Técnico para Magento. Para ellos vamos a utilizar dos de las mejores herramientas que tenemos a nuestra disposición: el módulo PageSpeed para servidores Apache y Nginx y SemRush.

Optimizar Magento con PageSpeed

Una de las mejores herramientas que tenemos actualmente para optimizar una página web es el módulo de PageSpeed. Es obvio que si Google es quién nos dice como de bien hemos optimizado nuestro sitio web, una de las mejores herramientas para hacerlo es la suya propia. En otras entradas del blog hemos repasado qué es PageSpeed, sus configuraciones básicas y qué filtros funcionan mejor y por qué en un WordPress. Hoy es el turno de hablar de la optimización SEO Técnico para Magento.

Magento es una herramienta avanzada para la creación de una tienda online. Por tanto, es lógico suponer qué ya tiene algunas características integradas para su optimización. Una de las herramientas mas interesantes es la de combinar y minificar JSS y CSS.

Para hacer esto debemos tener acceso al panel de administrador. Concretamente en Configuración -> Avanzado -> Desarrollador -> JavaScript Settings y Css Settings. Aquí debemos activar las opciones «Merge JavaScript files» y «Merge CSS files» respectivamente.

Lo que seguramente te estés preguntando, sobretodo si has leído nuestros anteriores posts, es, bueno, ¿y si Magento ya combina y optimiza los archivos automáticamente para qué necesitamos el módulo de PageSpeed?

Aquí es donde entran los demás filtros que nos ofrece esta herramienta.

Filtros recomendados

A la hora de competir en el mercado en temas de optimización, cada byte cuenta. Por ello si podemos añadir un extra de optimización a nuestra página, siempre vamos a estar ganando.

extend_cache: Este filtro sobreescribe las cabeceras HTTP de los recursos de la página para extender su caché en caso de ser necesario. Muy recomendable.

combine_css & rewrite_css: Básicamente lo mismo que la función de Magento. Combina y minifica los CSS. La diferencia entre activarlo o no es minúscula, pero cada byte cuenta. Recomendable.

sprite_images: Solo activable si has activado rewrite_css. Combina las imágenes de los CSS es un sprite. Reduce la latencia de la web al descargar un fichero en vez de varios. Recomendable, pero revisar con cuidado el resultado.

collapse_whitespace & remove_comments: Bastante explicativos por el nombre. Eliminan los espacios en blanco y los comentarios. Muy recomendable. Cero riesgo.

inline_css & inline_javascript: Insertan en el propio código los CSS y JS de menor tamaño. Si estamos utilizando los filtros de combine, hay que tener cuidado con la cantidad de archivos que estamos introduciendo en el código, no queremos que la página ocupe megas y megas. El tamaño máximo de los archivos se puede controlar con CssInlineMaxBytes y JsInlineMaxBytes.

rewrite_images: Muy recomendable. Optimiza las imágenes del sitio web. Inserta en el código las de menor tamaño, las redimensiona, las convierte al formato webp y las recomprime.

defer_javascript: Los scripts del sitio web se descargan de forma asíncrona, por lo tanto no bloquean el renderizado de la página web. Recomendable pero con riesgo alto.

Configuraciones extra

Lo primero que deberíamos hacer es activar el modo debug del PageSpeed. Con esto podemos comprobar directamente en la consola de desarrollador de Google Chrome qué es lo que está fallando y por qué no se están aplicando algunos filtros. Para hacer esto activamos el filtro:

pagespeed EnableFilters debug;

optimización seo tecnico para magento

Para que los filtros descritos arriba se apliquen correctamente deberemos establecer una cuantas configuraciones en nuestro módulo de PageSpeed:

pagespeed LoadFromFile «https://www.dominio.com» «/var/www/vhosts/dominio.com/httpdocs/»;

pagespeed LoadFromFile «https://dominio.com» «/var/www/vhosts/dominio.com/httpdocs/»;

Previene que el módulo de PageSpeed no pueda encontrar algunos ficheros de nuestro sitio web. Con este filtro le indicamos la ruta dónde debe buscarlos. A la hora de aplicar este filtro hay que tener cuidado, pues entra en conflicto con el filtro de caché establecido previamente. Para solucionar esto debemos aplicar:

pagespeed LoadFromFileCacheTtlMs milisegundos;

Con esto solucionamos la caché de los archivos que se carguen directamente con el filtro de arriba.

 

Por último, si aún existen recursos que el módulo de PageSpeed nos indica que no encuentra, o que no puede acceder a ellos, y con ello resiente nuestra optimización SEO Técnico para Magento, podemos mapear los dominios a los que tiene autorizado acceder el módulo. Esto se consigue con:

pagespeed Domain dominio.com;

pagespeed Domain www.dominio.com;

 

Como siempre decimos, cada sitio web es un mundo. Pero con estos consejos, leyendo la documentación oficial y probando, seguro que le ganas unos puntos a la competencia.

 

Optimización SEO Técnico para Magento con SemRush

La segunda herramienta que vamos a utilizar para la optimización seo técnico para Magento es Semrush. Con esta herramienta vamos a poder comprobar de manera sencilla todos los errores que comete nuestra página web y que afectan al posicionamiento. Seguramente la primera vez que entres y hagas un análisis del sitio web te asustes. No te preocupes, a todos nos ha pasado. A nadie le gusta ver algo así:

optimización seo técnico para magento

 

La mayoría de errores seguramente os estén surgiendo por problemas de metadescripciones, títulos o contenido duplicado.

optimización seo técnico para magento

 

Para solucionar esto vamos a utilizar un módulo de Magento llamado Mirasvit SEO. Este módulo nos permite establecer de forma sencilla una serie de plantillas para editar tanto los títulos como las descripciones meta de las páginas del sitio.

Si pulsamos, una vez instalado el módulo, sobre SEO -> SEO Templates, accederemos a esta función.

En nuestro caso hemos establecido dos plantillas que nos ayudan a automatizar la optimización SEO Técnico para Magento.

optimización seo técnico para magento

Lo importante de estas plantillas son filtros. Con los shortcodes de [category_name] y [category_parent_name], podemos establecer textos únicos para casi cualquier página de nuestra tienda.

Con estos dos «sencillos» pasos hemos optimizado la página web hasta un valor del 88%.

optimización seo técnico para magento

El resto de optimizaciones ya son algo más específicas y requieres de más tiempo. Las cubriremos en próximas entradas del blog, así que estate atento.

 

Conclusiones

Optimizar una página web es una tarea de horas y horas, pero si haces caso de estos consejos, podrás ponerte por delante de la mayoría de tu competencia. Aprender a utilizar y gestionar los módulos de PageSpeed y la herramienta de SemRush es un valor añadido para cualquier página web que crees y para tus clientes.

Si aún así, todo esto te resulta demasiado complicado, nosotros tenemos un equipo de profesionales que seguro que están dispuestos a asesorarte y ayudarte. Contáctanos sin compromiso. NO esperes más tiempo para optimizar tu negocio.

Configurar PageSpeed en WordPress

, ,

A la hora de posicionar nuestro sitio web para atraer a potenciales clientes, existen muchos factores que debemos tener en cuenta. La velocidad de carga de la página web, el contenido de calidad, la estrategia de palabras clave, los backlinks, etc, son factores determinantes para Google y el posicionamiento en otros servidores de búsqueda. Bien es cierto que uno de ellos por sí solo no nos garantiza nada. De poco sirve tener la página más rápida de la web si el contenido que ofrecemos no es de calidad. En este artículo vamos a centrarnos en mejorar la velocidad de carga de nuestro sitio web y configurar pagespeed en wordpress y, así, aumentar nuestra puntuación en Google PageSpeed Insights, que es uno de los factores determinantes para Google que mencionábamos anteriormente. Si te interesa conocer más sobre otros factores, puedes consultar otros artículos en nuestro blog.

¿Qué es PageSpeed?

Si estáis familiarizados con el posicionamiento en Google, seguro que conocéis la herramienta PageSpeed que ofrece Google, que nos otorga una puntuación a nuestro sitio web, basándose sobretodo en la velocidad de carga de la misma.

Configurar pagespeed en wordpress

Para empezar, el primer consejo que os podemos ofrecer es que no os enfoquéis en conseguir un 100 si por el camino tenéis que sacrificar otras cosas que también son cruciales, como el diseño web o la experiencia de usuario. A su vez, esta herramienta nos indica como podemos mejorar la carga de nuestra web y esta puntuación.

configurar pagespeed en wordpress

Si usáis esta herramienta en vuestro sitio web por primera vez, posiblemente os estaréis preguntando qué significan estas recomendaciones que nos ofrece Google y cual es la mejor forma de seguirlas sin calentarte demasiado la cabeza. No te preocupes, Google lo tiene todo previsto y han desarrollado un módulo para instalar en nuestro servidor y automatizar estas tareas. ¿Suena bien, verdad? Pues en el siguiente apartado te ofrecemos unos consejos de configuración.

Configurar PageSpeed en WordPress

Lo primero que tenemos que hacer es instalar el módulo en nuestro servidor. Si estás familiarizado con el manejo de servidores Apache o Nginx, seguramente no tengas ningún problema para realizar la instalación. Si no estás familiarizado, o si tu hosting no te ofrece acceso directo al servidor, nuestra recomendación es que contactes directamente con el soporte y ellos estarán encantados de ayudarte. Y si todo lo anterior falla, puedes contactar con nosotros para que nos encarguemos del hosting de tu web. Nuestros servidores tienen el módulo de PageSpeed instalado por defecto, y, por supuesto, siempre estaremos encantados de ayudarte.

Con el módulo instalado en nuestro servidor, puedes volver a ejecutar la herramienta PageSpeed sobre tu sitio web. Como podrás comprobar la velocidad de carga ya ha mejorado de forma notable. Aún así aún tenemos que configurar PageSpeed en WordPress para exprimir al máximo el módulo.

Pero, empecemos por el principio, ¿cómo configuro el módulo? Para configurar PageSpeed en WordPress el módulo nos ofrece una serie de filtros que podemos activar o desactivar en nuestro sitio web. Este módulo nos ofrece tres configuraciones para facilitarnos la tarea, CoreFilters, OptimizeForBandwidth y PassThrough.

Configuraciones predefinidas

La primera configuración es la que viene activada por defecto y con la que ya habrás notado una mejoría en la velocidad de carga. Esta configuración activa los filtros que el equipo de desarrollo de Google ha considerado como seguros para disminuir el tiempo de carga de cualquier web sin alterar su funcionamiento. Actualmente, esta configuración activa los siguientes filtros:

add_head
combine_css
combine_javascript
convert_meta_tags
extend_cache
fallback_rewrite_css_urls
flatten_css_imports
inline_css
inline_import_to_link
inline_javascript
rewrite_css
rewrite_images
rewrite_javascript
rewrite_style_attributes_with_url

La ventaja de usar esta configuración en vez de activar estos filtros por nuestra cuenta, es que, si establecemos la configuración, el equipo de desarrollo va cambiando y adaptando los filtros incluídos con el paso del tiempo. De esta forma no nos tenemos que preocupar de los cambios que Google pueda aplicar a sus algoritmos.

La segunda de las configuraciones es OptimizeForBandwith. Esta configuración viene desactivada por defecto y es aún más segura para la integridad de nuestra página web, a costa de un menor incremento en la velocidad de carga y una menor puntuación en PageSpeed.

Si, por último, queremos configurar PageSpeed en WordPress a nuestro gusto, debemos usar la última de las configuraciones, PassThrough y combinarla con la activación de diferentes filtros.

Usar filtros para configurar PageSpeed en WordPress

Usemos la configuración que usemos, es posible activar y desactivar filtros a nuestro gusto para comprobar cual es la configuración que mejor funciona en nuestra página web.

Para activar un filtro en el módulo, usaremos:

pagespeed EnableFilters combine_css,extend_cache,rewrite_images

En esta instrucción podemos combinar y añadir tantos filtros como queramos separados por comas.

También se pueden añadir línea por línea, no hay límites en la cantidad de instrucciones EnableFilters que podemos usar.

pagespeed EnableFilters combine_css

pagespeed EnableFilters extend_cache

pagespeed EnableFilters rewrite_images

Para desactivar filtros la instrucción es muy similar. Si en vez de añadir los filtros anteriores queremos desactivarlos usaremos:

pagespeed DisableFilters combine_css,extend_cache,rewrite_images

Como en la activación, por supuesto, podemos añadir los filtros que queramos separados por comas o las instrucciones una a una, de nuevo, sin límite.

 

Ahora bien, ¿qué filtros son los mejores para configurar PageSpeed en WordPress?.

Nuestra recomendación es activar los CoreFilters e ir probando con los demás, para comprobar que la integridad de tu sitio web no se ve afectada por ninguno de los filtros. Si esto llegara a suceder, no te preocupes, porque volver al estado anterior es tan fácil como desactivar el filtro.

A continuación te dejamos una tabla con los filtros que nosotros hemos comprobado que mejor funcionan.

 

Filtros recomendados

Filtro Incluido en

CoreFilters

Incluido en

OptimizeForBandwidth

Descripción

responsive_images
No No Convierte las imágenes en responsive.
add_head Si No Añade <head> si no se encuentra.
outline_css No No Externaliza los .css en un archivo cacheable.
outline_javascript No No Externaliza los .js en un archivo cacheable.
combine_css Si No Combina elementos css en uno.
rewrite_css Si Si Sobrescribe los CSS para eliminar el exceso de comentarios o espacios.
flatten_css_imports Si No CSS en línea sobreescribiendo reglas @import.
rewrite_javascript Si Si Sobrescribe los JS para eliminar el exceso de comentarios o espacios.
combine_javascript Si No Combina los elementos JS en uno.
inline_css Si No Incluye los archivos css de menor tamaño en el documento HTML.
inline_javascript Si No Incluye los archivos css de menor tamaño en el documento HTML.
rewrite_images Si No Optimiza las imágenes.

convert_jpeg_to_progressive
Si Si Convierte las imágenes en formatos JPEG pesados a progresivos.

convert_png_to_jpeg
Si Si Convierte las imágenes PNG a JPEG para comprimirlas.

convert_jpeg_to_webp
Si Si Convierte las imágenes JPEG a WEBP.
resize_images Si No Redimensiona las imágenes al tamaño indicado por las etiquetas <width> y <height>
remove_comments No No Elimina los comentarios en el HTML
collapse_whitespace No No Elimina los espacios sobrantes.
extend_cache Si No Extiende el tiempo de caché de todos los archivos.
extend_cache_css Si No Extiende el tiempo de caché de los archivos css.
extend_cache_images Si No Extiende el tiempo de caché de las imñagenes.
extend_cache_scripts Si No Extiende el tiempo de caché de los archivos js.
extend_cache_pdfs No No Extiende el tiempo de caché de los archivos pdf.
lazyload_images No No Carga las imágenes a medida que el usuario va viéndolas. Ahorra carga de inicio.
in_place_optimize_for_browser No Si Optimiza archivos para el navegador utilizado.

Si después de leer todo esto, crees que es necesario implementar el módulo PageSpeed en tu sitio web, pero no estás familiarizado con el posicionamiento web, contacta con nosotros. Te asesoraremos sin ningún tipo de compromiso. Nuestro equipo de profesionales siempre estará dispuesto para echarte una mano.