Por qué mejorar la velocidad de carga web es esencial para tu negocio

La velocidad de tu web es un punto clave en el funcionamiento de tu negocio, al mejorarla afectará de manera directa a tu posicionamiento, a la experiencia de los usuarios que accedan y en definitiva a las métricas que estés utilizando para dirigir el negocio.

Vamos a analizar las áreas más importantes que se ven afectadas cuando mejoramos o empeoramos la velocidad de nuestra web y qué repercusión tienen sobre nuestro negocio.

SEO: El centro de atención

Muchas acciones de marketing van enfocadas a mejorar el SEO de nuestra web. Y es que, aparecer en las primeras posiciones para obtener tráfico orgánico es clave hoy en día para el éxito de casi cualquier negocio que tenga presencia online. Por este motivo, el SEO se acaba convirtiendo en el centro de atención cuando valoramos qué mejoras realizar en una web.

Si mejoramos la velocidad de la web, tendremos una repercusión directa sobre el posicionamiento de la misma, de igual modo, si empeora probablemente seremos penalizados por los motores de búsqueda.

Todos los motores de búsqueda tienen en cuenta el rendimiento de las webs para posicionarlas, de hecho, cada día es más importante para los motores el rendimiento de las webs de cara al posicionamiento. Para que podamos entender cómo valoran las webs en cuanto a velocidad, tanto los motores de búsqueda como empresas independientes, son los que ponen a nuestra disposición herramientas específicas que nos servirán de guía: Bing cuenta con su Webmaster Tools, Google con Pagespeed Insights o Lighthouse. También existen herramientas independientes como el Speed test de Pingdom o GTMetrix. Con estas herramientas podemos analizar la velocidad de nuestra web y ver rápidamente en qué áreas podemos mejorar o en qué aspectos nuestra web está funcionando de manera óptima.

¿Qué métricas debemos trabajar?

Una vez obtenemos los resultados de estas herramientas hay muchos valores susceptibles de mejora pero si queremos mejorar el rendimiento para mejorar nuestro posicionamiento en Google y la experiencia de nuestros usuarios las siguientes son algunas de las métricas más interesantes que podemos intentar mejorar:

1. TTFB (Time To First Byte)

El tiempo hasta el primer byte es el tiempo que tarda en llegarnos el primer byte de información que envía el servidor. Es importante mejorarlo porque si nuestro TTFB es de 3 segundos y lo bajamos a 1 segundo todo sucederá 2 segundos antes ya que hasta que no llega la información al navegador no puede empezar a procesarse para mostrarla al usuario.

Para mejorar este valor, nos tenemos que centrar en la ejecución en el servidor, el uso de cachés permite grandes mejoras pero no siempre es una solución sencilla de implementar, de igual modo si no estamos utilizando las últimas versiones de PHP actualizar a la última disponible nos va a proporcionar mejoras en los tiempos pero también en la cantidad de recursos consumidos en nuestro servidor por lo que seremos capaces de servir más tráfico con la misma cantidad de recursos.

Por último, nos queda mejorar el servidor, si el servidor procesa más rápido la petición el usuario la recibirá antes, muchas veces no se da la importancia adecuada al servidor pero al final es una parte fundamental de la cadena que nos ayudará con la experiencia de usuario y el posicionamiento.

2. FCP (First Contentful Paint)

El tiempo hasta el primer renderizado con contenidos es el tiempo que espera hasta que el navegador empieza a renderizar el DOM. Cuanto antes se produzca el FCP menos tiempo estará el usuario esperando con la pantalla en blanco. Para mejorar estos tiempos podemos utilizar la caché del navegador de manera que evitaremos peticiones HTTP y reduciremos tiempos de espera, también deberíamos minimizar el número de peticiones a elementos que bloqueen el renderizado como las hojas de estilos.

3. TTI (Time To Interactive)

El tiempo hasta que la web es interactiva es el tiempo que debe esperar el usuario hasta que la web está lista para responder a la interacción por parte del usuario. Una web se considera interactiva cuando se ha realizado el FCP y se han registrado los eventos para los elementos visibles.

En definitiva, el TTI es el tiempo que nos indica el momento en el que realmente el usuario ha acabado de esperar y puede empezar a utilizar nuestra web. Según Google si nuestra web tiene un TTI menor a 5 segundos aproximadamente estará por encima del 75% de las webs, los usuarios tendrán una buena experiencia utilizando nuestra web y los motores de búsquedas no nos penalizarán por motivos de rendimiento.

Ya hemos hablado sobre la mejora de estas métricas en otras ocasiones con artículos sobre WPO, sobre CDNs o sobre la correcta compresión de las imágenes.

Mobile First

Desde hace algún tiempo el mundo online se rige por el tráfico a través de dispositivos móviles es por ello que Google adoptó la política mobile first. Esto quiere decir que si tenemos que elegir entre mejorar el rendimiento en nuestra versión de escritorio o nuestra versión móvil deberíamos mejorar la versión móvil ya que probablemente la mayor parte del tráfico nos llegue a través de esa versión, pero también Google tendrá más en cuenta esos valores que los correspondientes a la versión de escritorio.

No te obsesiones con una métrica

Con las optimizaciones de rendimiento lo que pretendemos es mejorar el global de la experiencia del usuario, ya que de esta manera también estaremos satisfaciendo a los motores de búsquedas. El problema que nos encontramos a veces es que se hace una optimización absoluta de una única métrica, por ejemplo si optimizamos al máximo el TTFB pero dejamos de lado el FCP seguiremos teniendo una web lenta de cara a los usuarios y los crawlers

Si nuestro TTFB es de 4 segundos y lo reducimos en un 50% habremos bajado 2 segundos, pero si volvemos a reducirlo en un 50% únicamente lo habremos reducido en 1 segundo extra. Es lo que se conoce como ley de los rendimientos decrecientes.

Si nuestro FCP es de 4 segundos también y hubiéramos invertido el tiempo que hemos utilizado en reducir el segundo 50% de TTFB para mejorar el 50% del FCP habríamos conseguido rebajar el tiempo en 2 segundos con un total de 4 segundos frente a las 5 segundos de centrar toda la optimización en el TTFB. Por tanto lo que buscamos es una experiencia equilibrada en todos sus aspectos.

Beneficios de mejorar la velocidad de tu web

Aunque ya hemos hablado del impacto que tiene sobre el posicionamiento, la mejora en la experiencia de usuario te ayudará directamente con las conversiones. Ese crecimiento no se verá reflejado directamente en el tráfico pero si en el resto de métricas de negocio  sean ventas, formularios de contacto, etc.

¿Cómo lo hago?

Las mejoras que hemos ido mencionando durante el artículo se suelen agrupar en el término de técnicas de WPO, si quieres aprender más sobre el tema te recomendamos que leas los artículos que hay enlazados ya que hemos escrito varios artículos relacionados. También hemos mencionado la mejora del servidor ya que no vale de nada optimizar la aplicación al máximo si está ejecutándose en un servidor lento. Por último si lo necesitas podemos ayudarte, tenemos un equipo con bastante experiencia en optimizaciones de rendimiento.

SEO Mobile: Diseña tu web pensando en dispositivos móviles

Seguramente, has escuchado hablar de la importancia de adaptar las webs para dispositivos móviles. Muchos desarrolladores web, desde hace varios años, ya están adaptando todos los contenidos a Mobile. Esta tendencia, no solamente ha llegado, sino que ha llegado para quedarse por eso ¡diseña tu web pensando en dispositivos móviles!

Si nos fijamos en el siguiente gráfico, nos damos cuenta que, de 46,42 millones de personas censadas en España en el cierre del pasado 2018, hay un total de 42,96 millones de usuarios de Internet. Además, hay un total de 24 millones de usuarios móviles de redes sociales. Dato que asusta, ya que si nos fijamos bien, más del 50% de la población española son usuarios móviles de redes sociales. 

Hace años, valía con tener una web adaptada a móvil, pero en la actualidad no solo basta con eso. Gracias o por culpa de Google, debemos intentar luchar por gustar a la nueva forma de indexación del buscador: Mobile First Index.

¿Qué es el Mobile First Index?

A principios del año 2017, las búsquedas realizadas desde dispositivos móviles superaron a las realizadas desde ordenador, y por el momento, continuará esta tendencia al alza. Sin embargo, no fue hasta Abril del 2018 cuando el gigante Google centró todos sus esfuerzos en la actualización que ha dado mucho que hablar, y que consiste en lo siguiente: rastrear en primer lugar la versión móvil de tu web.

 

Diseña pensando en dispositivos móviles

 

Pero, ¿qué quiere decir esto? Google se adapta a cada una de las tendencias digitales de cada momento, y ahora más que nunca tocaba priorizar los dispositivos móviles. Por lo tanto, el robot de Google encargado de pasar por tu web, a partir de ya, tendrá como preferencia durante el crawleo la versión móvil de tu web, por encima de la de ordenador. 

¿Cómo afecta el Mobile First Index en el SEO de tu web?

Aunque parezca una situación atípica, todavía quedan muchas webs que no se adaptan a móvil, y esto Google lo está empezando a penalizar cada vez más.

Quizás ahora te estés preguntando qué pasará si tu sitio web no está optimizado para móvil. ¡Puedes respirar tranquil@! Poco a poco perderás posiciones en el ranking, tanto en ordenador como en móvil, pero no quiere decir que sea de golpe, sino que es un aprendizaje constante en el que está sometido Google, para premiar a las webs que tienen en cuenta esta tendencia.

 

Diseña tu web pensando en dispositivos móviles

 

Para que entiendas un poco mejor la repercusión que tiene el término Mobile First Index, te proponemos un ejemplo: 

[box] “Imagina que Google es quién gestiona todos los torneos de Padel que existen actualmente en cada uno de los países. A la hora de elegir la sede/ciudad dónde se celebrará cada uno de ellos, tendrá en cuenta una serie de factores como por ejemplo si las pistas de esa ciudad cumplen con la capacidad mínima para que se celebre allí el torneo. O todavía mejor, si en esa pista existe un acceso para la gente incapacitada (rampas, ascensores, escaleras eléctricas, etc). Entonces aquí es dónde decidirá si apostar por una ciudad u otra como sede principal para el torneo. Pues lo mismo pasa con la tendencia que estamos analizando, si Google ve que no te adaptas a las nuevas tendencias y requisitos (Mobile first index), no te elegirá a ti para estar en las primeras posiciones de los resultados de búsqueda.”[/box]

¡Quiero adaptar mi web a SEO para Mobile!

¡Enhorabuena! El primer paso ya lo has dado y estás más decidido que nunca, el segundo que te podríamos aconsejar es el siguiente: diseña tu web pensando en dispositivos móviles. A continuación vas a conocer algunos de los pasos que tendrás que seguir y tener en cuenta, para cumplir con el algoritmo:

>> ¿Qué son los tiempos de carga de tu web?

Muchas veces, nos quejamos de lo lenta que puede llegar a ser la navegación de una web, pero todavía más si se hace desde dispositivos móviles. Por eso, toda aquella web que esté por encima de los 3 segundos de carga en móvil, será suficiente para que los usuarios la abandonen y se marchen a la competencia.

Los tiempos de carga en las web (WPO) negativos, unidos a las malas experiencias de muchos usuarios, es lo que ha llevado a los desarrolladores web a empezar a diseñar las webs para directamente para móvil, e ir adaptándola posteriormente a desktop.

¿Cómo mejorar el WPO? Actualmente, existen tecnologías centradas en los dispositivos móviles para mejorarla. La primera que lleva más tiempo viva es la responsive, una tecnloogía que debería tenerla hoy cualquier web, y que trata de adaptar el contenido al ancho de cada pantalla y a cada dispositivo. Y por otro lado, tecnologías más actuales como la AMP (Acceletared Mobile Pages) que, sirve para optimizar al máximo la carga de una web en mobile, conviertiéndola en una versión mucho más ligera, con un HTML más puro y real.

>> Usabilidad web, por encima de todo.

El diseño de la web debe ser sencillo, atractivo, pero sobre todo, usable. Con esto conseguiremos que la experiencia del usuario sea agradable, y por lo tanto, que el porcentaje de rebote disminuya y aumente el tiempo medio de visita. Puedes tener un contenido perfecto, pero si no se adapta bien a la pantalla del móvil, no cumplirás este aspecto.

Además, las imágenes, los CTAs y los textos, no deben entorpecerse entre ellos. Por ejemplo, no todos tenemos igual de grandes los dedos de las manos.  Lo que para ti es fácil de apretar desde tu dispositivo móvil, no tiene porqué serlo para otra persona, por lo tanto hay separar bien cada uno de los elementos que vemos en pantalla, entre otras acciones.

En la consola de Google podrás encontrar dentro del apartado “usabilidad móvil” si tu móvil es SEO Mobile Friendly. Pero también puedes utilizar otras herramientas, que te ayudarán a conseguir el objetivo.

También debemos saber que, ese robot que hemos nombrado anteriormente y que rastrea nuestra web se llama Googlebot Mobile, y es el encargado de rastrear tu sitio web. Por eso, y yendo todavía un paso más allá, existen programas como Seo File Log Analyser de Screaming Frog, que te ayudarán a conocer la estadística y frecuencia de rastreo que tiene este bot en tu site, para trabajar aspectos relacionados con los logs. En definitiva, diseña tu web pensando en dispositivos móviles para empezar con buen pie.

 

SEO Mobile vs. SEO para Búsquedas por Voz.

En los últimos años, una tendencia que viene apuntando muy fuerte es la de SEO para búsquedas por voz. Consiste principalmente, en centrar parte de los esfuerzos SEO de una página web, en atacar palabras clave que se busquen por voz. 

Estas normalmente son keywords de long tail, informacionales y que buscan una respuesta urgente. Actualmente, muchas de las búsquedas responden a inquietudes tales como:

  • Restaurantes cerca de la calle Goya para cenar
  • Cómo crear un plan de marketing anual para mi empresa
  • ¿Qué es Mobile First Index?
  • Beneficios de enlazar los contenidos de mi blog en RRSS

 

Imagen de una persona hablando a un dispositivo móvil

 

Pero, ¿qué tiene que ver todo esto con Mobile First Index? En definitiva, cada vez hay más competencia luchando por las mismas palabras clave en la mayoría de los sectores, por eso mismo y para diferenciarnos del resto, tenemos que tener muy en cuenta todo lo que le gusta a Google, como es el caso del SEO Mobile que, sumado al SEO para búsquedas por voz, hacen un equipo a batir por todo el sector del posicionamiento web.

 

Guía para mejorar la velocidad de tu WordPress (WPO)

[et_pb_section bb_built=»1″][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

Uno de los factores más relevantes para el posicionamiento y mayores quebraderos de cabeza de un especialista SEO es saber cómo mejorar el tiempo de carga de un sitio web .

¿Qué significa WPO (Web Performance Optimization)?

Las siglas WPO es un término que desde hace unos años está cobrando fuerza en el mundo del Posicionamiento y que su función principal es la optimización y mejora de velocidad de carga un sitio web.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»1_4″][et_pb_blurb _builder_version=»3.17.6″ use_icon=»on» font_icon=»%%49%%» icon_color=»#94bd58″ use_icon_font_size=»on» icon_font_size=»51px» header_text_align=»center» custom_padding=»10px|10px|10px|10px» text_orientation=»center»]

Lo ideal para un usuario es que un sitio cargue en menos de 2 segundos.

[/et_pb_blurb][/et_pb_column][et_pb_column type=»1_4″][et_pb_blurb _builder_version=»3.17.6″ use_icon=»on» font_icon=»%%305%%» icon_color=»#94bd58″ use_icon_font_size=»on» icon_font_size=»51px» header_text_align=»center» custom_padding=»10px|10px|10px|10px» text_orientation=»center»]

Si el tiempo de carga de tu sitio web es mayor a 3 segundos, el 45% de los usuarios abandonan tu sitio.

[/et_pb_blurb][/et_pb_column][et_pb_column type=»1_4″][et_pb_blurb _builder_version=»3.17.6″ use_icon=»on» font_icon=»%%135%%» icon_color=»#94bd58″ use_icon_font_size=»on» icon_font_size=»51px» header_text_align=»center» custom_padding=»10px|10px|10px|10px» text_orientation=»center»]

El 75% de los usuarios no volverán a un sitio si el tiempo de carga es mayor a 6 segundos.

[/et_pb_blurb][/et_pb_column][et_pb_column type=»1_4″][et_pb_blurb _builder_version=»3.17.6″ use_icon=»on» font_icon=»%%155%%» icon_color=»#94bd58″ use_icon_font_size=»on» icon_font_size=»51px» header_text_align=»center» custom_padding=»10px|10px|10px|10px» text_orientation=»center»]

Según Amazón una demora de 0,1 segundos implica pérdidas económicas de 1,6 Billones de dólares

[/et_pb_blurb][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

¿Qué nos dice Google de la velocidad?

Para Google el tiempo de carga es uno de los factores más importantes y con lo cual nos ayudará a posicionar y a mejorar la visibilidad de nuestro sitio en los buscadores.

En 2010 Google anunciaba que el tiempo de carga sería uno de los factores claves en el posicionamiento de su algoritmo.

[/et_pb_text][et_pb_testimonial _builder_version=»3.17.6″ job_title=»Ingeniero principal del equipo de calidad de búsqueda de Google durante 15 años» company_name=»Amit Singhal» quote_icon_background_color=»#f5f5f5″ portrait_url=»https://www.acceseo.com/wp-content/uploads/2018/12/amit_singhal.png» background_color=»rgba(245,245,245,0.77)» quote_icon=»off»]

..Pero los sitios más rápidos no solo mejoran la experiencia del usuario; Los datos recientes muestran que mejorar la velocidad del sitio también reduce los costos operativos. Al igual que nosotros, nuestros usuarios valoran mucho la velocidad, por eso hemos decidido tener en cuenta la velocidad del sitio en nuestros rankings de búsqueda. Utilizamos una variedad de fuentes para determinar la velocidad de un sitio en relación con otros sitios.

[/et_pb_testimonial][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

¿Qué mejoras nos aporta reducir el tiempo de carga?

Con el aumento considerable de búsquedas realizadas desde dispositivo móviles, Google quiere asegurarse ofrecer la mejor experiencia de navegación al usuario.

[/et_pb_text][et_pb_blurb _builder_version=»3.17.6″ title=»Usabilidad» use_icon=»on» font_icon=»%%49%%» icon_placement=»left» custom_css_blurb_content=»max-width: 100%;» icon_color=»#80b339″]

Gracias a la reducción del tiempo de carga de nuestro sitio, mejoraremos la usabilidad y la experiencia del usuario(ux), con lo cual se verá reducida la tasa de rebote.

[/et_pb_blurb][et_pb_blurb _builder_version=»3.17.6″ title=» Recursos Servidor:» use_icon=»on» font_icon=»%%49%%» icon_placement=»left» custom_css_blurb_content=»max-width: 100%;» icon_color=»#80b339″]

Al optimizar la memoria caché de nuestro sitio se verá reducido el número de peticiones, con lo cual los recursos de nuestro servidor disminuirán.

[/et_pb_blurb][et_pb_blurb _builder_version=»3.17.6″ title=»Indexabilidad» use_icon=»on» font_icon=»%%49%%» icon_placement=»left» custom_css_blurb_content=»max-width: 100%;» icon_color=»#80b339″]

Otro factor que puede verse afectado por el tiempo de carga de nuestra web es la frecuencia de rastreo o Crawl Budget.
El Crawl Budget es el presupuesto o tiempo que otorga Google para rastrear nuestro sitio.
A base de la calidad, velocidad o autoridad del sitio, Google nos otorgará mayor o menor tiempo para que los crawlers o robots rastreen nuestro sitio. Si el tiempo asignado no es suficiente puede que nuestro sitio no posicione correctamente.

[/et_pb_blurb][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

¿Cómo podríamos mejorar el tiempo de carga de una web en WordPress?

  • Olvídate de servidores baratos.
  • Elige un tema lo más ligero posible.
  • Optimiza tu Tema.
  • Elimina Plugins desactivados e innecesarios.
  • Actualiza los Plugins.
  • Instala Google AMP (Accelerated Mobile Pages) Plataforma de código abierto impulsada por Google que te permite mejorar el tiempo de carga de una página casi instantáneo.
  • Activa la compresión Gzip: Permite la compresión de archivos con lo que reduce el tiempo de carga.
  • Minificar archivos JS y CSS: Un problema al instalar plugins es que muchos de ellos vienen con archivos css y js provocando la ralentización del sitio.
  • Optimización de las imágenes: Ajusta el tamaño de las imágenes al tamaño real especificando el ancho y el alto.
  • Utiliza un servicio CDN(Content Distribution Network): Permite almacenar contenido estático en sus servidores y cargarlos desde la ubicación más cercan del visitante.

[/et_pb_text][et_pb_text _builder_version=»3.17.6″]

utiliza herramientas de compresión de imágenes

Existen varias herramientas o Plugins de compresión de imágenes que te van a facilitar esta tarea:
 
TinyPng: Herramienta de compresión inteligente que comprime la imágenes sin casi notar la diferencia
Herramienta Compresión Imágenes TinyPng

Optimizilla: Utiliza una combinación de algoritmos de compresión para reducir el tamaño de las imágenes.
Herramienta Compresión Imágenes Optimizilla

WP Smush: Plugin de WordPress para optimizar imágenes . Elimina información de gran volumen de las imágenes y reduce el tamaño del archivo.
Plugin WP Smush

[/et_pb_text][et_pb_text _builder_version=»3.17.6″]

Sistema de Caché

La caché es un sistema de almacenamiento del contenido de nuestro sitio. Su función es almacenar dicha información temporalmente para mostrarla en futuras consultas con mayor rapidez.

Un sistema de caché correctamente configurado podrá ayudarte a reducir considerablemente el tiempo de carga.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

¿Qué Plugin de caché puedo utilizar en WordPress?

Os vamos a listar los plugins de caché más utilizados en WordPress y sus características.

W3 total cache

Plugin W3 Total Cache
Este Plugin es uno de lo más utilizados en WordPress. Tiene hasta más de 1.000.000 de instalaciones activas.
Es una herramienta completa y de las más potentes del mercado. ¡Atención! si no se sabe utilizar puede llegar a afectar seriamente en el rendimiento de tu sitio.

Precio: Tiene una versión de pago, pero todo lo que necesitas para optimizar tu sitio lo puedes encontrar en la versión gratuita.

Módulos:

  • Minimizar:Reduce el tamaño de los ficheros css, html y js.
  • Opcode cache: Se utiliza para cachear partes programadas por PHP.
  • Caché base de datos: Se almacena los resultados de las consultas a la base de datos.
  • Caché de objetos: Dirigido a contenido multimedia como jpg, png, gif, mp4, etc..
  • CDN(Red de distribución de contenido) para alojar archivos estáticos para reducir el tiempo de carga.
  • Proxy inverso: Servidor adicional para ayudar al servidor principal en las peticiones.
  • Posible integración a través de Nginx o Varnish.

Ventajas:

  • Compatible con hostings compartidos, virtuales y servidores dedicados.
  • Almacenamiento en caché de código css y Javascript.
  • Almacenamiento en caché en base de datos o en memoria o disco.
  • Compatible con algunas Redes de distribución de contenidos CDN como Akamai, MAXCDN o Amazon CloduFont o Amazon S3

Contras:

  • Muy complejo de configurar.
  • Muy pesado.
  • Es necesario tener conocimientos avanzados sobre WordPress y WPO
  • Puede llegar a consumir gran parte de los recursos del servidor.
  • No es compatible con todos los Hostings

[/et_pb_text][et_pb_text _builder_version=»3.17.6″]

WP FASTEST CACHE

Plugin caché Wp Fastest Cache

El plugin WP Fastest Cache es uno de los mejores plugins gratuitos y más utilizados en WP por su equilibrio entre sencillez y resultado.
Es recomendable para usuarios que no tengan conocimientos de WordPress o WPO por su fácil manejo, instalación limpia y amigable interfaz.

Precio: Existe la versión Premium que nos permite mejorar la velocidad del un sitio en distintos dispositivos, pero con la versión gratuita tienes lo necesario para optimizar tu sitio.

Módulos:

  • Preload: Permite crear caché de todo el contenido periódicamente, ayudando a mejorar la tiempo de carga a futuras visitas.
  • Logged-in Users: No mostrará la página en caché a los usuarios logeados.
  • Mobile: Muestra una versión de caché distinta para las versiones mobile.
  • Nueva entrada: Se borra la caché cuando se publica un nueva entrada.
  • Update Post: Borra la caché cuando un Post es actualizado.
  • Minify HTML: Comprime los archivos html optimizando el código.
  • Minify css: Reduce el tamaño de los archivos css optimizando el código.
  • Combinar js y css: Esta función combina los archivos css y js para reducir el número de peticiones http necesarias para renderiza el siito.
  • La combinación de los archivos javascript en un solo archivo reducirá la cantidad de tiempo de carga.
  • Gzip: Permite la compresión de los archivos estáticos para reducir el tiempo de carga.
    Browser caching: Indicamos al navegador el tiempo de expiración de la caché.

    Ventajas:

    • Resultados satisfactorios en tiempo de respuesta en comparación con otros plugins de pago.
    • Permite excluir las páginas que no queremos que se cacheen
    • Nos permite integrar nuestro servidor CDN

    Contras:

    • Errores y soporte deficiente.

    [/et_pb_text][et_pb_text _builder_version=»3.17.6″]

    WP ROCKET

    Plugin de caché WP Rocket
    Según pruebas realizadas sobre tiempos de carga, es el plugin con mejor rendimiento de los 3 plugins de caché nombrados.

    Precio: Plugin de pago anual

    Ventajas:

    • Simple configuración
    • Efectivo
    • Integración de servicios CDN
    • Minificación y conbinación de archivos html,css y js
    • Sistema Preload cache
    • Integración con Varnish cache
    • Limpieza de base de datos de WordPress
    • Integración Woocomerce
    • Gestión de caché del OPCache
    • Soporte técnico
    • Compresión Gzip
    • Optimización Google fonts
    • Habilita el almacenamiento en caché para dispositivos móviles

    Contras:

    • Sólo permite caché de página
    • No gestiona caché en Redis o Memcached

    [/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=»3.17.6″][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

    Herramientas para analizar y medir el tiempo de carga:

    Existen varias herramientas o Plugins de compresión de imágenes que te van a facilitar esta tarea:

    PageSpeed Insights de Google

    Herramienta de Google que nos proporciona información a tiempo real y consejos para optimizar nuestro sitio tanto en dispositivos móviles como en ordenadores.
    Herramienta de Google PageSpeedInsights

    Pingdom

    Herramienta de monitorización de tiempo de carga, fácil de utilizar y que muestra el tiempo de actividad, rendimiento y tamaño de objetos.
    Herramienta gratuita de medición de carga

    Gmetrix

    Completa herramienta que nos proporciona información y recomendaciones para mejorar el tiempo de carga.
    Herramienta medición de carga Gmetrix

    [/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=»4_4″][et_pb_text _builder_version=»3.17.6″]

    Diccionario SEO:

    Crawler: Pequeño robot que navega por nuestro sitio almacenando toda la información en los servidores de Google.
    WPO (Web Performance Optimization): Conjunto de técnicas de optimización utilizadas para mejorar la velocidad de carga de un sitio web.
    CDN: Red de servidores situados por todo el planeta que almacenan el contenido de sitios web y que lo mostrarán al usuario final.
    Tasa o porcentaje de rebote: Es el porcentaje de usuarios que han abandonado un sitio sin interactuar con la página.

    [/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

SiteBulb: La nueva herramienta imprescindible para un SEO

Hace poco gracias a mis compañeros SEOs he descubierto este maravilloso programa. La verdad que no lo conocía y me ha sorprendido bastante las funciones que tiene. El primer artículo que he visto en Español sobre este fantástico programa fue en el blog de Mj Cachon que puedes verlo aquí, que por cierto desde aquí le doy la gracias por aportar gran información como siempre.

En este artículo voy a mostrar las principales funcionalidades de SiteBulb que por cierto te puedes descargar Gratis, si así es, GRATIS, Descargar SiteBulb. De momento está en versión Beta 1.0.14 por eso lo ofrecen gratis de momento pero lo he probado y funciona de categoría.

Agregar Proyecto

Una vez que nos descargamos el programa y lo instalamos ya podremos agregar nuestro nuevo proyecto para analizarlo. Como verás en la imagen no tiene ningún secreto le das un nombre al proyecto el dominio y fuera.

Sitebulb agregar proyecto

En el segundo paso empieza la magia. Debemos de elegir dos opciones:

Standard Audit: En esta opción SiteBulb va a crawlear la web entera. Debo decir que para una web normal de unas 1000 url tarda media hora, si vas a escanear una web muy grande que sepas que tardará su tiempo en terminar. Pero para este caso tiene una opción de poder Pausar el crawleo, así que puedes hacerlo en varias etapas.

Sample Audit: Esta opción no la he probado todavía pero por lo que he leído escanea solamente una sección de la web para tener una idea rápida y general del proyecto.

sitebulb agregar proyecto tipo

Opciones de análisis

En esta sección podemos seleccionar que queremos analizar, dependiendo de las opciones elegidas tardará más o menos en escanear toda la web.

Sitebulb agregar proyecto analyze

Site Speed Analysis: Con esta opción Sitebulb analizará la velocidad de cada url. Te muestra datos como el Time to First Byte (TTFB) que es el tiempo que tarda el servidor en devolver el primer Byte, dato muy importante para el WPO.

Mobile Friendly Analysis: Analiza las url si son Mobile Friendly y más datos que más abajo detallo.

Page Resource Analysis: Escanea y comprueba todas las fuentes de cada url como vídeos, imágenes, ficheros CSS JS, audios, etc…

AMP Analysis: Crawlea todas las url AMP y comprueba que sean válidas.

International Analysis: Comprueba las etiquetas hreflang y las valida.

XML Sitemaps: Comprueba los Sitemaps de la web, si dije LOS, hay sitios que tienen dos secciones principales Blog y Tienda por ejemplo y cada uno con tecnología distinta y Sitemaps distintos. Una anotación Sitebulb se conecta al Search Console, si no tienes configurado ahí los Sitemap Sitebulb no te los detectará.

Conectar cuentas de Analytics y Search Console. Esto no lo explico porque ya estamos acostumbrado a conectar nuestras cuentas con distintas herramientas.

Pantalla principal

Una vez que termina el crawleo de toda la web nos presenta esta pantalla donde nos muestra los datos principales de la web.

sitebulb pantalla principal

Crawled URLs By Depth: La distribución de las url dependiendo de la profundidad de cada una. En el caso de este gráfico vemos que la mayoría de las url tienen una profundidad de 4 clicks. Te pregunto, ¿las url que quieres posicionar que profundidad tienen?. Con este gráfico puedes verlo rápidamente y si haces click en cada uno puedes ver una tabla con cada url y las que más te interesan cambiarlas para que tengan menos profundidad.

crawled urls by depth

HTTP Status, Url Segments y URL Type by Depth: Aquí podemos ver de un vistazo muy rápido las url con error 404, redirecciones 301 302, errores de server 500 etc.. El total de url internas comparando los enlaces externos. Y por último la distribución de los enlaces externos y recursos dependiendo de la profundidad de cada url.

http satatus url segments

Secciones principales de Sitebulb

Internal

Nos muestra más o menos lo mismo que en la pantalla principal pero mucho más detallado. Este apartado es muy similar al famosísimo Screaming Frog porque pero a mi los gráficos y que te indique la profundidad de cada url me mola mucho. Si pinchamos en cada error nos lleva a una tabla con todas las url con ese error. Otra cosa que me ha gustado mucho es que puedes configurar las columnas que quieras y te indica de donde ha detectado esa url, si fue por Analytics, SC, Sitemap, etc… Esto es muy útil porque si resuelves el error pero sigue saliendo en el Sitemap es contraproducente. Y toda esta información la podemos exportar a un Excel.

sitebulb internal url

sitebulb internal tabla

Y la otra sección de este apartado son los Hints, es decir los errores detectados de las url. Estas url con errores las divide en 2 las Indexables y NO Indexables, por lo que puedes priorizar en arreglar las Indexables, por ejemplo.

sitebulb internal hints

Links

Aquí analiza todos los enlaces internos de la web. Una gráfico a destacar es el de url enlazadas. En el gráfico te muestra todas aquellas url que reciben enlaces internos de menor a mayor. En mi ejemplo he visto que en esta web hay unas 16 url que reciben entre 100 y 500 enlaces internos y no son importantes, por lo que debemos de cambiar estos enlaces a páginas que sean más relevantes para el usuarios y el buscador.

sitebulb links enlaces internos

Luego tenemos los Hints con en la sección de Internal. En el cual nos indica los errores pero a nivel de enlace de cada url.

sitebulb links anchor

Anchor Text: Los anchor text de todos los enlaces y la cantidad de los mismos.

sitebulb links top pages

Top Pages: Un listado de todas las páginas con los enlaces interno único que recibe y los enlaces totales que recibe.

Redirects

En esta categoría podemos ver todas las redirecciones que tiene el sitio, tanto de enlaces internos como externos. Y como en todos los otros gráficos dependiendo de la profundidad de cada enlace.

sitebulb redirects

Hints: Nos indica los errores de redirecciones.

Indexation

Esta sección me parece una de las más interesante del programa. Te muestra las url indexables en los distintos buscadores. Y en el segundo gráfico muestra las páginas indexables por nivel de profundidad.

sitebulb indexation

Robots Hints: Errores encontrados en el Robots.txt.

Canonical Hints: Los problemas que tenemos con las etiquetas canonicals.

OnPage

Aquí podemos ver los errores generales de la web. Por ejemplo podemos encontrar Meta Descriptions vacíos o duplicados, Imágenes sin ALT, Títulos largos, meta descriptions largos, Múltiples H1 en la misma url, que la etiqueta H1 no aparezca, etc… Esta sección si es muy parecida a Screaming frog, la única diferencia es que puedes ver rápidamente de estos errores cuales son las url indexables y cuáles no, así puedes priorizar las url que vas a arreglar.

Site Speed

Esta es otra de mis categorías preferidas. Aquí tenemos un vistazo general del la velocidad del sitio o tiempo de carga. En la pantalla principal nos encontramos con el Score asignado. El TTFB el tiempo de descarga más lentos de todas las url. Como siempre tenemos el gráfico de profundidad, es decir que dependiendo de las profundidad de cada url podemos saber cuales son las más lentas en cargar.

sitebulb site speedsitebulb site speed 2

Hints: Este Hint si que lo veo muy muy interesante y necesario, me explico. Normalmente mucha gente mide el tiempo de carga de la Home o como mucho de las páginas principales de la web, pero para una buena optimización de Craw Budget debemos hacer que todas las url del sitio carguen lo más rápido posible y aquí justamente nos indica de peor a mejor el tiempo de carga y te lo agrupa por url, esto genial porque si tienes una web con miles de url no vas a pasar el por un check speed una por una, sería una locura. Así que con esta información podemos priorizar el trabajo en las url que más lentas están cargando.

sitebulb site speed hints

Y luego para rematarla en Resource Hints te indica cuales de los elementos son los que están haciendo que la url cargue más lenta, así con eso identificas el problema rápidamente.

sitebulb site speed-resource hints

Y hasta aquí llegamos a más de la mitad de las distintas secciones que tiene el programa SiteBulb. Pronto escribiré un segundo artículo describiendo las otras categorías que me han quedado en el tintero.

Espero que te haya gustado y te animo que te lo descargues y trastées un poco con él.

10 consejos para mejorar la WPO en WordPress

En los últimos años, cada vez ha sido más frecuente escuchar el término WPO y es que poco a poco se ha vuelto algo fundamental para cualquier proyecto web, principalmente por la iniciativa de Google de «premiar» de alguna manera a los sitios webs más rápidos.

¿Qué es WPO?

WPO es literalmente Optimización del Rendimiento web (Web Performance Optimization), es decir, la mejora de la carga y la agilidad en un sitio web para que la carga sea lo más fluida posible. Para que, si un sitio puede tardar un par de segundos en tardar, que no acabe tardando más de diez. Se trata de utilizar las imágenes bien comprimidas y optimizadas, utilizar las últimas tecnologías y que menos consumen y de tener claro, que todo lo que no suma, resta. De ahí la importancia de WPO WordPress.

¿Por qué mejorar el rendimiento?

Es una pregunta que todos se hacen. ¿Por qué ya no sirve con montar una web y hay que, además, mejorarle el rendimiento para que pueda triunfar en Internet? Pues principalmente por los siguientes motivos:

  • Aumenta el porcentaje de conversión, ya que el usuario navega de forma ágil por el sitio web y facilita que se realicen transacciones.
  • Por que mejora el SEO. Google tiene el rendimiento como uno de los principales factores para posicionar bien un sitio web, entre otras cosas, porque le supone un ahorro cada vez que tiene que indexar millones de sitios.
  • Ayuda a salir mejor posicionado en Adwords. Igual que la razón anterior, Google sigue premiando a todos aquellos que hagan bien las cosas, también a la hora de mostrar un anuncio.
  • Ahorrar costes. Si está todo optimizado al final se utiliza menos CPU en el servidor, menos espacio en disco y menos memoria. Se traduce en menos coste.

Por este motivo vamos a exponer 10 consejos para mejorar la WPO en WordPress, siguiendo la ponencia que realicé en el pasado Wordcamp Alicante 2017. Consejos para ayudar a todos los desarrolladores a conocer aquellas cuestiones que nos han ayudado aque las webs de nuestros clientes vuelen 😉

1. Analizar web

Parece obvio, sin embargo, pocos lo hacen. Antes de mejorar nada hay que saber dónde nos encontramos. Para ello hay que analizar lo siguiente:

  • Versión de WordPress y qué plugins y tema se están utilizando.
  • Qué servidor se está utilizando y si está funcionando correctamente. Sin un buen servidor, por mucha optimización que haya la web seguirá siendo lenta.
  • Qué versión de PHP hay instalada. Ya que las últimas versiones (a partir de php7) ofrecen mejores rendimientos que las anteriores. (Se puede comprobar con PHP Compatibility Checker, que los plugins instalados con compatibles con las últimas versiones)
  • Cuáles son los tiempos de carga actuales y qué problemas existen. Utilizando herramientas como Gtmetrix, Pingdom Tools, WebPageTest y, sobre todo, Google PageSpeed Insights.

2. Reducir carga web

Una vez analizada la web y todo lo que hay actualmente hay que empezar a reducir la carga web, empezando con pasos muy sencillos:

  • No utilizar todos los plugins que existen. Utilizar aquellos que realmente sean necesarios hará que WordPress reduzca su carga, así como la probabilidad de tener agujeros de seguridad. Además, se puede analizar qué plugins tienen peor rendimiento y consumen más de lo normal, para sustituirlos por otros o eliminarlos definitivamente gracias al plugin P3 (Plugin performance Profiler) (una vez analizado el rendimiento, podemos quitar este plugin también :D)
  • Menos artículos por página (de 10 a 7 por ejemplo). Es un truco sencillo y ayudará a reducir la carga de la home o blog.
  • Limitar número de comentarios por página. Lo mismo que antes, menos contenido propiciará que se carguen menos elementos.
  • Reducir los widgets externos (FB, twitter, etc.) y iframes. En ocasiones son los grandes causantes del bajo rendimiento a la hora de cargar páginas, ya que no solo se carga la web en cuestión sino también contenido de dominios externos como facebook, twitter y otros sitios que ofrecen sus widgets.
  • Segmentar páginas demasiado largas y convertirlas en pequeñas páginas más livianas.

3. Optimizar imágenes

Este quizás es uno de los mejores consejos, aunque pueda parecer tan evidente. Es importantísimo servir las imágenes con la calidad justa y necesaria que se va a necesitar, no más. Y además, servir las imágenes correctamente escaladas, es decir, si una imagen tiene va a ocupar un espacio de 200×150, la imagen original debería tener esas medidas exactamente y estar bien definidos los atributos width y height en el HTML, para que el navegador no tenga que ajustar nada al cargar.

Por otra parte, y aunque en el consejo 2 hemos hablado de utilizar pocos plugins, la recomendación para esta parte sería utilizar un muy buen plugin para optimizar las imágenes y olvidarnos de esta tarea, pues es totalmente imprescindible. Es posible utilizar herramientas externas como compressor.io o optimizilla que son dos fantásticos compresores de imágenes, sin embargo, no va a automatizar todo lo que se haga dentro de wordpress.

Por ello, la recomendación sería utilizar alguna extensión para ejecutar esta tarea de forma automática. Algunas de las mejores son:

4. Activar compresión en el servidor

Esta parte más técnica y en la que hay que realizar modificaciones a nivel de servidor. La idea sería utilizar de forma conjunta los dos servidores web open source que mejor están funcionando Apache y nginx. Juntos consiguen mejor rendimiento: utilizando Nginx como servidor estático en el front-end y Apache como servidor dinámico en back-end.

Teniendo esto claro, habría que activar GZIP, directamente en Apache o a través de .htaccess y/o en nginx. Con esto se consigue que todo vaya comprimido antes de realizar las transferencias de información.

5. Utilizar cache

La cache se utiliza para agilizar la carga de diferentes tipos de archivos ( disco, navegador, bd, etc.), permite que toda la información que se va a consultar muchas veces no se cargue de forma dinámica con consultas al servidor, sino que se ofrezca de forma estática hasta que no haya cambios, consiguiendo una mejora sustancial en la carga.

Por supuesto, hay que tener cuidado con la cache y los usuarios registrados, ya que podrían tener problemas a la hora de editar contenidos a través del panel de gestión de wordpress. Dicho panel habría generalmente que excluirlo del cacheado.

En este caso, también sería muy recomendable utilizar algún plugin de cache como los siguientes:

  • WP Fastest Cache. Uno de nuestros favoritos, tiene versión gratuita y de pago y es muy simple, ideal para proyectos pequeños / medios.
  • W3 Total Cache. Probablemente el más completo del mercado, con muchas opciones, aunque en algunos casos pueden ser demasiadas.
  • WP Super Cache. Es el plugin de cache de Auttomatic, la empresa creadora de WordPress, también muy potente y popular.

6. Minificar (minify)

Minificar es eliminar todo lo innecesario del código sin que esto afecte al funcionamiento del mismo, contenido como:

  • Espacios en blanco.
  • Comentarios en el código.
  • Otros caracteres innecesarios.

Ejemplo:

Se puede hacer minify de HTML, CSS y JavaScript. Los plugins W3 Total Cache y WP Fastest Cache tienen opciones de minify, aunque sin duda uno de los más completos es Autoptimize, que permite mejorar y minificar los 3 lenguajes mencionados e incluso combinar archivos CSS en uno para mejorar su carga.

7. Utilizar un CDN

Quizás para algunos usuarios pueda parecer algo más avanzado el hecho de utilizar un CDN, pero resulta vital para proyectos que están empezando a tener cierva envergadura y cada vez su configuración es más sencilla.

Un CDN es un conjunto de servidores que contienen copias de una misma serie de contenidos. Están ubicados en puntos diversos de una red para poder servir sus contenidos de manera más eficiente, según la ubicación más cercana. Evita también problemas de caídas en el servidor, al permitir que la web cargue desde otro en momentos en los que existen incidencias.

Los más conocidos con CloudFlare y MaxCDN, ahora conocido como StackPath, ambos con planes desde $20 / mes.

8. Utilizar HTTP2 y SSL

HTTP2 es un protocolo el doble de rápido que la versión anterior, HTTP1.1 Actualmente todos los navegadores soportan el protocolo HTTP2, aunque siempre sobre HTTPS.

Se necesita un certificado SSL como Let’s Encrypt para poder utilizar HTTP2.

Para este tema lo ideal es contactar con el proveedor de hosting para que lo pueda configurar o facilitar.

9. Cargar de forma diferida

Un consejos muy sencillo que trata de cargar las imágenes conforme se van necesitando en la parte del usuario. Así por ejemplo, si en una portada hay 20 imágenes pero el usuario solo tiene delante 10, solo cargarán 10. Y conforme se vaya bajando y viendo el resto del contenido, irán cargando el resto de las imágenes.

Es recomendable hacerlo con vídeos, imágenes y otro tipo de contenido, pero no con texto, ya que podría perjudicar al SEO. Un plugin muy recomendable es a3 Lazy Load.

10. Comprobar las mejoras aplicadas

En último lugar, y como consejo que se sitúa el último tras haber visto los 9 anteriores, habría que comprobar las mejoras que se han aplicado, para ver si realmente han funcionado bien. No es ninguna tontería, porque a veces la propia optimización se puede haber roto parte de la web.

Por tanto, habrá que hacer una revisión manual, navegando por el sitio web y comprobando que todo está correcto y luego utilizar alguna extensión de navegador o herramientas para comprobar la velocidad actual de carga. Para Chrome por ejemplo, existen app.telemetry Page Speed MonitorPage Speed Insights and Checklist. También será importante utilizar las herramientas comentadas al inicio como Pingdom Tools o Google Pagespeed Insights, para medir exactamente las mejoras.

 

Por último, comentar que no hay que obsesionarse en conseguir la máxima puntuación en dichas, herramientas, ya que en ocasiones puede hacer que se reduzca parte de las funcionalides. Pero sí que hay que obsesionarse en conseguir que la web vuele, porque si carga rápido, ayudará a mejorar la navegación por la página, y esto gusta y mucho a Google y a los usuarios.

Para más información comparto el vídeo y presentación de mi ponencia sobre WPO en el Wordcamp Alicante 2017.

Mejora el rendimiento de tu web con AMP (Accelerated mobile Pages)

La rapidez e inmediatez con la que los usuarios consumimos contenidos en internet cada día es mayor. El disponer de una web optimizada para versión móvil con un servidor veloz que muestre el contenido a los usuarios lo antes posible puede significar que el usuario se quede a leer el contenido y comprar tu producto o decida marcharse a otra web y por lo tanto perder un cliente potencial. Por ello mejorar el tiempo de carga de una web para los usuarios es un punto clave en el mundo online.

¿CÓMO PUEDO MEJORAR EL RENDIMIENDO DE MI WEB?

En un artículo anterior os hablamos de 5 consejos que te asegurarían tener una web exitosa, y estamos preparanto otro artículo sobre el que os hablaremos de cómo tener un wordpress optimizado. Pero en el articulo de hoy nos vamos a centrar en hablaros de una iniciativa de código abierto de Google, se trata del AMP o Accelerated mobile Pages. Este proyecto está destinado básicamente a ayudar mejorar el rendimiento web en móvil. Aunque existen mil formas distintas de optimizar el rendimiento de web, en móvil es más complicado. Si tenemos en cuenta las estadísticas que muestran que cada vez los usuarios consumen más contenido y compran más a través del móvil, es por eso que la iniciativa se centra en solventar algunas de las dificultades de carga y limitaciones que los dispositivos móviles poseen.

mejora-rendimiento-web-amp-compressor

 

¿Qué es AMP  y para qué sirve?

Es una iniciativa de código de Google que lo que hace es compilar páginas web para presentar el contenido de una forma mucho más rápida. Es decir que ayuda a las webs a mejorar y aumentar la velocidad de carga de las páginas webs en versión móvil, permitiendo que el contenido y los artículos o productos se carguen de forma más rápida desde el móvil, optimizando tiempo de carga y en definitiva mejorar el rendimiento web en móvil.

¿El AMP es lo mismo que el WPO (Web Performance Optimization?

No es lo mismo aunque los dos tienen el mismo objetivo el cual es mejorar el rendimiento web. El WPO se encarga de optimizar el rendimiento de la web, el comportamiento del servidor y la conectividad a través de optimización de DNS etc… mientras que el AMP está sólo enfocado en la mejora el tiempo de carga de la web.

¿Qué beneficios me aporta el AMP?

El AMP ofrece beneficios en tres pilares básicos que son, beneficios de cara a la web en cuanto a tiempo de carga, beneficios de cara al SEO y beneficios para el usuario

  • Beneficio SEO: Al ser un proyecto de Google y ser un recursos de la implementación de AMP, al contar con esta optimización google la mostrará antes que a la competencia por lo que tus posiciones SEO mejorarán tu posición automáticamente. Si os fijáis en la prensa, ya han empezado a implementar el AMP y Google a la hora de llevar a cabo una búsqueda los sitúa en el carrusel de artículos relacionado con la búsqueda mostrando una imagen y título del artículo. Un potencial tremendo de visualización.

mejora-rendimiento-web-amp-project

 

  • Beneficios para la web: La reducción del tiempo de carga de la página web hace que el usuario visualice el contenido de forma más rápida, que la web pese menos y que en definitiva todo el contenido de la misma esté optimizado para que no pierda la potencialidad de visualización desde el móvil.
  • Beneficio para el usuario: La usabilidad y la velocidad con la que se le carga el contenido al usuario en el móvil es increíble. Esto hace que el usuario no tenga que esperar la descarga de contenido en el móvil.

¿Cómo puedo implementar AMP?

Si tienes tu web creada con wordpress es tan sencillo como descargarte el plugin e instalarlo, os dejamos el enlace a continuación (AMP PLUGIN). Si por el contrario dispones de un Prestashop, Magento o una web creada a código, necesitarás tirar mano de la guía que ofrece AMP para poder llevar a cabo la implementación.

AMP te puede ayudar a mejorar el tiempo de carga de tu web de una forma sencilla que te puede reportar un gran beneficio para mejorar tus ventas o compartir contenido. ¿Vais a implementar el AMP en vuestra web?

 

 

¿Tienes alguna incidencia?

Cuéntanos qué ocurre
y nos pondremos con ello lo antes posible.

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.
Sucríbete a
nuestra newsletter

para estar al día en el mundo online

¡Cuéntanos tus ideas!
+34 96 653 19 14
+info@acceseo.com
He leído y acepto la política de privacidad

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.