Curso de Angular — Optimizar SEO en Angular

Curso / Tutorial para Optimizar SEO en Angular con un service muy sencillo que modifica nuestros Metadatos (metatags, tags). Para todas las versiones de Angular (Angular 2, 4, 5, 6, 7). #Angular

Código de modificación de Metatags:

this.meta.updateTag({ name: 'twitter:card', content: 'summary' });
this.meta.updateTag({ name: 'twitter:site', content: '@MiTwitter' });
this.meta.updateTag({ name: 'twitter:title', content: config.title });
this.meta.updateTag({ name: 'twitter:description', content: config.description });
this.meta.updateTag({ name: 'twitter:image', content: config.image });

this.meta.updateTag({ property: 'og:type', content: 'article' });
this.meta.updateTag({ property: 'og:site_name', content: 'My Website Name' });
this.meta.updateTag({ property: 'og:title', content: config.title });
this.meta.updateTag({ property: 'og:description', content: config.description });
this.meta.updateTag({ property: 'og:image', content: config.image });
this.meta.updateTag({ property: 'og:url', content: ` {config.slug}` });

🌐 Web Site:
💬 Blog:
✅ Facebook:
✅ Instagram:
✅ Twitter:
📧 Contacto: info@moldeointeractive.com.ar

6 Комментарии
  1. ANDRES AGUDELO Говорит

    De antemano, Gracias por el tutorial!… he seguido paso a paso estas indicaciones, y efectivamente funcionan los metadatos… pero cuando el archivo se abre, este no esta renderizado, no sé si hay algo más queda hacer para activarlo desde angular universal, generlmente se muestra sin metadatos por los primeros milisegundos, mientras trae los datos desde el backend, y luego se actualizan los metadatos (al traer los datos del backend)… el royo es que cuando copias la url y la pegas en skype, o en una red social, los metadatos que transporta, no son los que se crean de esta manera, sino los que por defecto estan puestos en la app.

    1. Moldeo Interactive Говорит

      Comprendo, a lo mejor pasa algo con el Universal, o puede que el tutorial esté un poco desactualizado. En principio consulté con la doc de Angular y todo está igual que hace un tiempo, no hay grandes cambios. Voy a revisar cuando tenga un momento, pero me suena a algo del Universal, no debería estar sin datos nunca, el Universal lo tiene que pre-renderizar.

  2. Fernando Garcia Говорит

    muy bueno

  3. esau valenzuela Говорит

    Pero para que indexe el texto de quienes somos como se haria?

    1. Moldeo Interactive Говорит

      Como se dijo en un momento del video, esto solo funciona con Angular Universal, que es un sistema de renderización del lado del servidor. Es decir que el texto de «Quienes somos» se renderizaría también. Del mismo modo, todo lo que es la información de los metadatos se va a renderizar siempre y cuando nos encontremos en un entorno de Angular Universal. Hicimos un video hace tiempo:

      https://youtu.be/UyzV1DSKyXM

      Y, por supuesto, hace falta subir todo el sistema de Angular con Universal a un servidor dedicado. Saludos!

  4. E Ivan Mtz Leal Говорит

    Excelente <3 !

Оставьте ответ

Ваш электронный адрес не будет опубликован.