Mejora tu SEO

Ahora te presentamos nuestra nueva versión y livestream. Visita nuestro sitio web en livestream.com para obtener más información y disfrutar de nuestras experiencias de livestream y YouTube, y conocer las últimas novedades del equipo de React. También estamos realizando una transmisión en vivo, así que si quieres suscribirte a una transmisión en vivo, por favor hazlo. También estamos ofreciendo contenido en vivo que quieres ver, así que si tienes más preguntas, déjanos saber en la sección de comentarios a continuación. Realmente esperamos verte allí. Gracias por ver.

Hola, soy Ruth Mespin de Teachers Pay Teachers, y te mostraré cómo mi equipo mejoró nuestro SEO para la indexación móvil primero. Solo para que sepas, aquí está mi información si quieres conectarte conmigo después de la sesión y hablar sobre React y la indexación móvil primero. En esta charla, primero te daré una breve introducción a Teachers Pay Teachers, explicaré qué es la indexación móvil primero y luego compartiré lo que hicimos para mejorar nuestro SEO. Para aquellos que no han oído hablar de Teachers Pay Teachers, es una plataforma donde los profesores pueden compartir y vender recursos entre ellos. Y la página de recursos es donde un profesor puede ver si un recurso es adecuado y luego comprarlo. También se clasifica en Google. Así que cuando Google anunció que se estaban moviendo hacia la indexación móvil primero al 100%, esto fue nuestra expresión. Realmente no sabíamos qué significaba y cómo nos afectaría. Permíteme explicarte cómo funciona la clasificación en los motores de búsqueda y cómo se ajusta la indexación móvil primero. Este es Googlebot. Es un rastreador web. Y lo que hace actualmente es la indexación primero en escritorio, que obtiene la información de tu contenido de las páginas de escritorio. Y también verificará, ya sabes, tasas de rebote, etc. Pero básicamente, verifica la relevancia de la página en sí. Y en función de la consulta del usuario, clasificará la búsqueda. Y puedes celebrar, porque estás en la página uno. Con la indexación móvil primero, sin embargo, hace lo mismo, excepto que rastrea tus páginas móviles. Y si tu versión móvil es diferente de tu página de escritorio, puede clasificarte de manera muy diferente. Lo cual fue un gran problema para nosotros. Con nuestra página móvil, que es esta, no se muestra mucha información al principio. Necesitas hacer clic en el botón para acceder a la información que está en una página completamente diferente. Y además, tiene una experiencia de usuario diferente a nuestra página de escritorio. Principalmente porque nuestra página de escritorio está en React, lo cual es genial. Pero nuestra página móvil está en PHP.

Para ser justos, la mayoría de nuestros usuarios obtenían recursos en nuestra página de escritorio. Y como el móvil era completamente separado y más difícil de mantener, no era realmente una prioridad. Pero ahora es principalmente una prioridad porque Google compartió que estaban cambiando a móvil para la indexación al 100% para septiembre. No te preocupes. En realidad, lo retrasaron hasta marzo del próximo año. Así que tienes tiempo para optimizar.

Entonces, dicho esto, combinamos dos equipos increíbles, Plataforma Web y Calidad, para crear el equipo de iniciativa móvil primero y actualizar la página de recursos. Pasamos de una página móvil en PHP a una página móvil receptiva en React, manteniendo la misma interfaz de usuario que la vista de escritorio. Así que pasamos de esto a esto. Lo cual nos hizo muy felices, especialmente porque me encanta React. También hizo muy feliz a la empresa porque aumentó nuestras compras en móvil en un 3%. Así que tuvimos una muy buena experiencia de usuario aquí.

Entonces, ¿qué hicimos? Primero, probamos nuestro rendimiento utilizando estos recursos como House Screen Curve y Google Search Console. Utilizando estas herramientas, pudimos establecer puntos de referencia para ver si nuestros cambios están mejorando el rendimiento en SEO. Además, utilizamos Lighthouse, especialmente porque nos dio recomendaciones sobre cosas que necesitábamos arreglar. La segunda cosa que hicimos fue aumentar la velocidad de nuestra página según la recomendación de Lighthouse. Nos dimos cuenta de que estábamos inundando nuestra página de recursos con muchos paquetes de terceros que eran innecesarios. Así que los redujimos a la mitad para poder aumentar la carga de la página o aumentar la velocidad de carga de nuestra página en la página de recursos. Lo que hicimos fue cambiar a paquetes más pequeños. Por ejemplo, moment.js, nos dimos cuenta de que era un paquete muy grande y elegimos un paquete más pequeño que tenía las funcionalidades que necesitábamos. También reemplazamos paquetes con componentes React. Así que creamos nuestros propios componentes de gráficos para poder eliminar nuestro paquete Chartist. También cargamos imágenes de forma nativa y eliminamos CSS innecesario y banderas de características que estaban saturando nuestra página de recursos.

A continuación, actualizamos nuestro contenido móvil. La versión móvil no tenía todo el contenido que tenía la versión de escritorio. Así que actualizamos esto para que no hubiera discrepancias de contenido entre el móvil y el escritorio. También solucionamos cualquier problema de datos estructurados. Por último, mostramos contenido oculto. Primero revisamos robots.txt, que es un archivo. Si no sabes dónde está el archivo, si tienes un equipo de plataforma web, consulta con ellos.

Queremos asegurarnos de que Googlebot pueda rastrear las páginas móviles. Sería terrible si no pudiera hacerlo después de todo el trabajo que hemos realizado. Así que verifica dos veces que no haya una restricción en ese sentido.

A continuación, apilamos cada una de las secciones. En nuestra vista móvil original, se podía ver que estaba oculta detrás de botones. Necesitas hacer clic en el botón y luego los data se cargarán. El problema es que si no se carga inicialmente, Googlebot no puede rastrear la información. Piénsalo. Googlebot no puede hacer clic en un botón y esperar a que los data se carguen.

Por lo tanto, apilamos las secciones, y ahora los usuarios pueden ver fácilmente el contenido sin necesidad de realizar acciones adicionales. También quiero mencionar que Google tiene en cuenta el espacio limitado en la pantalla móvil, por lo que puedes cargar los data inicialmente al cargar la página y luego ocultarlo detrás de un botón o un acordeón y revelarlo según la acción del usuario. Si ese es el caso, si se carga inicialmente, Googlebot aún puede rastrear la información de los data.

En resumen, para aumentar tu ranking en las búsquedas, debes mostrar contenido oculto, actualizar el contenido móvil, aumentar la velocidad de la página y finalmente probar el performance y el SEO. O simplemente prepárate y estarás bien. Asegúrate de conectarte conmigo y compartir lo que has hecho basado en las recomendaciones y compartir tus resultados. Me encantaría verlos y si tienes alguna pregunta, nuevamente, conéctate. Gracias.