SEO y Angular: Crear una Web App visible para Google

Byadmin

SEO y Angular: Crear una Web App visible para Google

Última actualización: septiembre 19th, 2020 - 05:59 pm

Noticias SEO

Angular Rendering: Te detallamos cómo mejorar el posicionamiento Web SEO de tu aplicación Angular para darle mayor visibilidad en Google.

¿Qué es Angular? ¿Cómo puedo hacer que mi página Web en Angular sea visible para Google?

Guía para indexar en Google una aplicación en Angular

Angular es un framework de código abierto para aplicaciones web desarrollado en TypeScript, creado y mantenido por Google, se utiliza para crear  aplicaciones web de una sola página.

Angular se basa en el fornt-end de la aplicación Web aunque puede trabajar en conjunto con otra aplicación, por ejemplo podemos desarrollar el back-end en Java utilizando Angular en el front-end.

Indexación de Angular: Cuando creamos una nueva aplicación en Angular los elementos necesarios para el SEO se instalan por defecto con datos de la aplicación Web: descripción del título,  favicon.ico (por defecto con el icono de Angular) y otras meta etiquetas.

Salir a producción con una Aplicación Web desarrollada con Angular sin tener en cuenta los factores básicos de SEO, nos afectará negativamente en los resultados de búsqueda.

Para que nuestra aplicación Web en Angular sea más visible para Google tenemos que realizar lo siguiente:

  • Actualizar el título de la página Web: Dentro del constructor definir el título personalizado con .setTitle
  • Actualizar Meta  Tag en el constructor: Angular posee un servicio  dentro de Meta Tag para personalizar las meta etiquetas necesarias para el SEO en el archivo post-details.component.ts Ejemplo:
    Tag .updateTag( { name: ‘description’, content: ‘…’}) ;
  • Instalar librería Angular Universal para mantener actualizado nuestro contenido del lado del cliente ofreciendo una mejor experiencia de usuario y ofrecer más facilidad de lectura a GoogleBot.
    Angular Universal es una librería para que nos permite personalizar nuestra aplicación Angular para que sea renderizada en el servidor y de esta forma servir con código HTML sin JavaScript al usuario, para que pueda ser indexado fácilmente por Google. Angular Universal es una librería que nos permite optimizar nuestra aplicación Angular para ser rastreada por los motores de búsqueda.

    ng generate @nguniversal/
  • Instalar Express Engine : npm install @nguniversal/express-engine
  • Correr el servidor Angular con la actualizaciones de nguniversal
nguniversal

Aplicación Web en Angular corriendo con nguniversal

Ahora nuestra App Web en Angular es más visible para Google, será más fácil actualizar el contenido y ofrecerá una mejor experiencia del lado del cliente.

Tener en cuenta siempre los factores SEO que pueden ser afectados con JavaScript al momento de desarrollar una Aplicacion Web.

 

 

 

Trucos para mejorar el posicionamiento web de tu sitio
Trucos para mejorar el posicionamiento web de tu sitio
SEO y Angular: Crear una Web App visible para Google
Trucos y herramientas SEO
¿Qué es Angular? ¿Cómo puedo hacer que mi página Web en Angular sea visible para Google?
Posicionamiento Web SEO Argentina
Posicionamiento Web SEO
Posicionamiento Web SEO
"https://posicionamiento-web-seo.com.ar/wp-content/uploads/2018/08/optimizilla-300x70.png"

About the author

admin administrator

Leave a Reply