0
142
Vistas¿Dónde colocar la descripción de la Búsqueda de Google en la aplicación VUE?
Hemos desarrollado una aplicación vue con soporte para diferentes idiomas. Para ello utilizamos los diccionarios de i18n.
Además, en "/public/index.html", hemos agregado las descripciones que esperamos leer en la página de búsqueda de Google con las etiquetas:
<meta property="og:title" content="....">Pero lo que vemos en Google es:
Entonces mis preguntas son:
- ¿Cómo podemos establecer los valores correctos?
- ¿Tenemos que solicitar de alguna manera a Google que actualice los valores en caso de que se hayan tomado antes de nuestra actualización?
Gracias
--------------- EDICIÓN 1 -------------------
Cada cadena en la aplicación, verifica los índices en un diccionario: BF_PRICING_CARD... Si no existe, el comportamiento predeterminado es imprimir/hacer eco de la cadena de la clave
Acerca de las etiquetas og:title: Estamos usando este conjunto:
<meta name="title" content="bla bla"> <meta name="author" content="bla"> <meta name="description" content="bla bla bla"> <meta name="keywords" content="bla bla bla bla bla"> --------------- EDICIÓN 2 ------------------- <title>bla blag</title>
La URL no cambia. El idioma se detecta en el navegador y luego se pasa a la aplicación como una variable JS para tomar el diccionario correcto.
- ¿El problema puede ser que cuando Google lo indexa, no tenemos ninguna traducción disponible para su robot?
1 Respuestas
Responde la pregunta0
Google no puede indexar el contenido traducido a menos que utilice URL independientes para cada idioma. google dice :
Si prefiere cambiar dinámicamente el contenido o redirigir al usuario en función de la configuración de idioma, tenga en cuenta que es posible que Google no encuentre ni rastree todas sus variaciones . Esto se debe a que el rastreador de Googlebot generalmente se origina en los EE. UU. Además, el rastreador envía solicitudes HTTP sin configurar
Accept-Languageen el encabezado de la solicitud.
En mi experiencia, Googlebot no encontrará varios idiomas servidos desde la misma URL. Debe crear varias URL para las páginas. Consulte ¿Cómo debo estructurar mis URL tanto para SEO como para localización?
Cuando se usa un marco de aplicación de una sola página como Vue, eso generalmente significa:
- Usar
history.pushState()para cambiar la URL al cargar contenido nuevo (o cambiar el idioma) - Usar enlaces
<a href=...>en sus páginas para informar a los motores de búsqueda sobre otras páginas. Para los usuarios, puede interceptar estos clics y cambiar el contenido y la URL con su marco de JavaScript. - Configurar su servidor web para servir su aplicación de una sola página para cada URL válida y asegurarse de que su aplicación cargue el contenido correcto según la URL inicial.
- Implementar la representación del lado del servidor (también llamada representación previa) para que su sitio sea más accesible para los bots. Googlebot es el único robot de motor de búsqueda lo suficientemente avanzado como para ejecutar el JS. Incluso para Googlebot, la indexación será peor y más lenta si requiere que Googlebot la renderice en lugar de hacerlo del lado del servidor.
- Evitar cambiar el contenido que desea indexar en los motores de búsqueda en función de la interacción del usuario. Incluso cuando Googlebot ejecuta JavaScript, no simula el comportamiento del usuario, como hacer clic o desplazarse.
Cuando utilice etiquetas meta, asegúrese de que coincidan con la URL. Querrá la etiqueta <title> y las etiquetas <meta name=description> para SEO. Si desea que su sitio se vea bien cuando se comparte en Facebook y Twitter, deberá incluir metaetiquetas de gráficos abiertos para una imagen y una descripción.