Email jesus@jesuslopezseo.com ¬°Ll√°manos! +34 914 875 471

Consejos SEO de Google para aplicaciones de una sola p√°gina

black

En un nuevo cap√≠tulo de las Charlas Rel√°mpago en el canal de YouTube de Google Webmasters, Martin Splitt comparte consejos SEO de Google para aplicaciones de una sola p√°gina. En PosicionamientoWeb.Systems te explicamos c√≥mo hacer que estas sean m√°s f√°cil de posicionar en los motores de b√ļsqueda.

¬ŅQu√© son aplicaciones de una sola p√°gina?

Es la traducci√≥n al espa√Īol de single-page application (SPA), usa JavaScript para controlar el ciclo de vida de la p√°gina.

Es una aproximaci√≥n al dise√Īo web en el que cada nueva p√°gina de contenido se carga no desde p√°ginas HTML nuevas, sino que se genera din√°micamente a trav√©s de la habilidad de JavaScript de manipular los elementos DOM de la p√°gina existente.

En una arquitectura web tradicional una p√°gina HTML enlazar√° a otras en el servidor, que el navegador descargar√° y mostrar√°. En cambio, en las SPA se permite que el usuario siga consumiendo e interactuando con la p√°gina mientras aparecen nuevos elementos. Y puede resultar en interacciones m√°s r√°pidas y contenido nuevo solo recargando.

La principal diferencia entre una web regular basada en HTML y una aplicaci√≥n de una sola p√°gina es que esta √ļltima depende de JavaScript. Que se usa para crear el HTML.

Se requiere JavaSript tambi√©n para cargar otro contenido cuando el usuario est√° navegando por diferentes partes de la aplicaci√≥n de una sola p√°gina. Y cuando la persona carga nuevo contenido es una “vista”.

Te puede interesar:  Uniendo las piezas del SEO para el √©xito #infograf√≠a

Esta tecnolog√≠a permite que los navegadores carguen las vistas sin tener que volver a cargar todo. Y tambi√©n que se dise√Īen elementos como transiciones personalizadas entre partes de la aplicaci√≥n.

En el v√≠deo de Google explican que las single-page apps utilizan un patr√≥n de arquitectura web, que se llama app shell model. Donde las partes compartidas del UI en el c√≥digo, como men√ļs, encabezados, pies de p√°gina y otros… se cargan cuando se carga inicialmente la app de una sola p√°gina.

Y las diferentes vistas se cargan de forma din√°mica en este “cascar√≥n”. Lo que reduce la cantidad de data que se tiene que enviar a la red.

spa
Fuente: https://wiredelta.com/is-single-page-application-spa-development-worth-it-in-2019/

Consejos SEO de Google para aplicaciones de una sola p√°gina

JavaScript quiz√°s no es la opci√≥n ideal para posicionarte en los motores de b√ļsqueda. Por sus restricciones para el rastreo e indexaci√≥n.¬†Aunque se use poco, puede ser un reto. Y con las single page apps es mucho mayor, ya que todo el sitio est√° con este c√≥digo.

Algunos de los principales puntos que se tratan en el vídeo con los consejos SEO de Google para aplicaciones de una sola página son:

Revisión del código

En el ejemplo que da Splitt analiza una p√°gina que parece funcionar bien con el mobile-friendly test de Google. Y en este no se ve el contenido.

La explicación para ese problema es que la página tiene código no admitido. Que lo identifica este test. El código no toma en cuenta qué debe hacer la página si un comando no se ejecuta. En este caso, no obtiene la localización del usuario.

Te puede interesar:  Google actualiza su Gu√≠a SEO para principiantes ‚Äď Parte II

El c√≥digo no tiene una instrucci√≥n de la app sobre qu√© hacer si esa informaci√≥n no est√° disponible. La respuesta a esto en el v√≠deo es “cubre todos los caminos del c√≥digo”.

Las vistas deben ser URLs

A pesar de que se llama una aplicación de una sola página, la URL en la barra de navegación debe cambiar cuando haces clic entre las vistas. Esto porque el bot de Google usa las URLs para identificar las distintas páginas o vistas en una single page app.

Porque si no lo haces el Googlebot solo verá una página. Esto causaría problemas en el posicionamiento porque Google no entiende de qué es tu sitio.

La solución para esto, de acuerdo al vídeo, es usar history API y link markup de la forma apropiada, con atributos href para exponer las vistas como URLs en los enlaces.

Revisar títulos y meta descripciones

También deberás revisar los meta titles y meta descripciones de las diferentes vistas. Es muy probable que todas sean iguales y genéricas para un producto específico o una categoría.

Y ya sabes qué pasa cuando todas las meta descripciones o meta títulos de un sitio están iguales. En este caso, eso se soluciona con JavaScript.

También debes solucionar errores comunes en single page apps como URLs inválidas.

Los consejos SEO de Google para aplicaciones de una sola p√°gina est√°n explicados con mayor detalle en el v√≠deo. Recuerda que si necesitas ayuda para posicionar o dise√Īar tu sitio puedes contactarnos.

Deja una Respuesta

black
black
Leer m√°s
|guia-tama√Īos-redes-sociales-infografia
Gu√≠a del tama√Īo de las im√°genes en redes sociales #infograf√≠a

Hoy en día estar en las redes sociales es una obligación para cualquier negocio, marca o emprendimiento. Si te estás...

Cerrar