Optimizaci´ on de arquitectura (On-Page)

A continuaci´on se detalla las mejoras que se realizaron durante la implementaci´on del sitio web para poder lograr los objetivos de losKPIs definidos anteriormente.

Mejorar el Speed Time e Interact Time

La t´ecnica de server-side rendering (SSR) que se utiliz´o en el sitio web de usua- rios, provista por Next.js, ayud´o a reducir el tiempo requerido para renderizar la primera p´agina del lado del cliente, por lo que los usuarios ver´an el contenido de la p´agina de manera m´as r´apida.

Asimismo, se utilizaron ciertas t´ecnicas que cooperaron a mejorar estos tiempos, como el uso de imports din´amicos que permiten separar el c´odigo en peque˜nos trozos y cargarlos a demanda.

Debido a que el sitio utiliza varias im´agenes, se utiliz´o un optimizador de im´age- nes provisto tambi´en por Next.js, que ayuda a reducir el tama˜no de la imagen, y a su vez permite cargarla del lado del servidor.

Por ´ultimo, para las llamadas al backend que se hac´ıa desde el lado del cliente, se utiliz´o el paquete SWR, el cual utiliza una estrategia de invalidaci´on de cach´e HTTP, donde primero retorna la informaci´on obtenida desde el cache, e inmediatamente

Usar “target keyword” en el primer p´arrafo

Como se analiz´o anteriormente, el target keyword que conten´ıa el anterior sitio web de la inmobiliaria no pose´ıa todas las palabras claves que se investigaron durante el an´alisis de palabras claves del rubro. Para el nuevo sitio web, se construy´o y verific´o que este meta tag existiera y contenga las palabras claves.

Figura 10.23: Metatag de keywords

Envolver los t´ıtulos y subt´ıtulos en etiquetas h1 y h2 de HTML

En cada p´agina del sitio web, se agreg´o el t´ıtulo, subt´ıtulos y diferentes textos en las correspondientes etiquetas html.

Figura 10.24: Captura de un h1 HTML tag del nuevo sitio web

De esta forma, los motores de b´usqueda pueden saber inmediatamente a qu´e refiere cada p´agina del sitio, para de esta forma poder indexarla en los resultados de las p´aginas de los motores de b´usqueda.

Priorizar las oportunidades de vinculaci´on interna y externa

Para priorizar las oportunidades de vinculaci´on interna, se cre´o una secci´on si- milar a un sitemap, en donde se provee una variedad de enlaces a diferentes partes del sitio web. En esta instancia, se focaliz´o en compartir enlaces que redirigiesen a la p´agina donde se encuentra el listado de propiedades, con un barrio y un tipo de operaci´on asociado.

Figura 10.25: Secci´on similar a un sitemap del sitio web

A modo de ejemplo, un v´ınculo que se encuentra en esta secci´on, tiene aso- ciado el texto “Alquiler de apartamentos en Pocitos” y contiene el siguiente enlace https://www.mjrasociados.com.uy/inmuebles/alquiler/tipo-apartamento/en-pocitos, por lo que en el caso que se realizaran b´usquedas en Google sobre alquileres de aparta- mentos en Pocitos, el sitio web tenga posibilidades de aparecer en las b´usquedas ya que contiene las palabras tanto en formato de texto como en el link.

De esta forma, motores de b´usqueda como Google puede saber que p´aginas se consideran importantes para el sitio y de esta forma poder indexarlas el sitio eficien- temente.

Optimizaci´on de URLs

Luego de analizar la estructuras de lasURLs de otros sitios web de inmobiliarias y portales l´ıderes en el mercado, se concluy´o que el formato de las URLs deber´ıan contener palabras claves y ser lo m´as informativo posibles, por lo que se gener´o la estructura de las URL para ver el listado de propiedades con ciertos filtros que se detalla a continuaci´on.

Para comenzar, el primer atributo de laURLcontendr´a “/inmuebles”. Se decidi´o utilizar inmueble en vez de “propiedades” ya que como se mencion´o anteriormente, es m´as frecuente el primero. Este es el identificador de que se quiere ingresar a la vista del listado de propiedades. Una vez ingresado ese identificador, a continuaci´on se muestra la lista de toda las posibles formaciones de URLs.

Filtro Formaci´on URL Ejemplo

Tipo de opera- ci´on

/tipo-operacion /alquiler

Barrio /en-barrio /en-pocitos-y-en-la-blanqueada

Rango de precio /desde-precio-moneda/hasta- precio-moneda

/desde-2000-pesos/hasta-4000- pesos

Rango de metra- je

/m2-desde-numero/m2-hasta- numero

/m2-desde-20/m2-hasta-40 Dormitorios /cant-dormitorios /monoambiente-y-1-dormitorio

Ba˜nos /cant-ba˜nos /1-ba˜no-y-2-ba˜nos

Amenities /con-amenity /con-garaje-y-con-patio

Tabla 10.1: Formaci´on de URLs para b´usquedas con filtros

A modo de ejemplo, si se quiere filtrar la b´usqueda de propiedades de ventas en barrio Parque Batlle, de 2 o 3 dormitorios, con garaje y piscina, la URLdel mismo ser´a: /inmuebles/venta/en-parque-batlle/2-dormitorios-y-3-dormitorios/con-garaje- y-con-piscina. Este mismo no tiene porque estar ingresado en ese orden de subdirec- torios, ya que el sitio web a trav´es de palabras identificadoras en laURL, puede des- cifrar los filtros que se quiere aplicar sin importar su orden, por lo que para el sistema es lo mismo la URLplanteada anteriormente que la siguiente: /inmuebles/venta/2- dormitorios-y-3-dormitorios/con-garaje-y-con-piscina/en-parque-battle.

Cuando el usuario va ingresando los filtros deseados, la URL se va formando, por lo que luego el sitio web es el encargado de decodificar la URL formada a un formato que elendpoint de b´usqueda de propiedades espera para que de esta forma se puedan obtener el listado de propiedades con los filtros aplicados.

Optimizaci´on de etiquetas de t´ıtulo y mejorar las meta descripciones Se cambi´o la etiqueta de t´ıtulo que ten´ıa el sitio web antiguo ya que el mismo s´olo conten´ıa el nombre de la inmobiliaria “M.J.R Asociados”. El mismo se cambi´o por “MJR Asociados - Venta y alquiler de apartamentos y casas”. N´otese que se quitaron los puntos entre las iniciales y no se agreg´o el signo “&” perteneciente a MJR&Asociados. Esta decisi´on se tom´o, en conjunto con el cliente, ya que las per- sonas no suelen agregar estos s´ımbolos a la hora de buscar la inmobiliaria, por lo que por este motivo se quitaron.

Asimismo, la meta descripci´on que se encontraba anteriormente no transmit´ıa informaci´on sobre la inmobiliaria en s´ı y tampoco incentivaba al usuario a ingresar al sitio. Por este motivo, en conjunto con la inmobiliaria se ide´o y se cambi´o el texto de la misma.

Figura 10.26: Nuevo meta t´ıtulo y meta descripci´on

Por ´ultimo, a trav´es de la herramienta SEOSite Checkup, se verific´o que la misma no tuviera ning´un tipo de error de SEO

Figura 10.27: Analizador SEO Site Checkup