Saltar al contenido

Tutorial Seo vue vue usando Metanov, 26thIn este tutorial, vamos a aprender acerca de cómo hacer SEO …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo hacer SEO friendlyvue.js aplicaciones utilizando el paquete vue-meta.

en las aplicaciones de una sola página, SEO es la parte difícil, porque sólo hay una única página HTML que se resuing lo largo de nuestra aplicación. Los motores de búsqueda

no reconocieron a qué tipo de contenido de su sitio si está utilizando el mismo título y la descripción de cada página en su aplicación preventiva.

Hay un paquete llamado vue-meta que nos ayuda a controlar las etiquetas meta de aplicaciones vue.

vamos a instalar el paquete ahora.

npm i vue-meta

ahora tenemos que configurar este paquete añadiendo un código a continuación en el interior main.js de archivos.

import VueMeta from 'vue-meta'

Vue.use(VueMeta);

Con esta nuestra configuración se ha completado.

Adición de SEO

Ahora podemos añadir directamente etiquetas meta SEO dentro de nuestro componente etiqueta

En el código anterior, hemos añadido un objeto metainfo que contiene propertyand título, array meta. título

: Título de nuestra aplicación.

meta : array Dentro meta , podemos añadir una descripción meta , palabras clave y etiquetas de gráficos abiertos, etc.

Ahora bien, si inspeccionamos nuestra aplicación en el navegador que podría tener este aspecto en el siguiente imagen.