1.1K anunciantes en línea
1.1K anunciantes en línea
¿No estas obteniendo los resultados esperados? ¿No recibes las visitas a tu sitio o las llamadas que deseabas? Aquí puedes obtener consejos para mejorar los resultados de tu cuenta de AdWords.
Guiame
favorite_border
Responder

Mejora Tus Páginas de Destino

[ Editado ]
Profesor ✭
# 1
Profesor ✭

Hola a todos!

Los que trabajamos con AdWords sabemos que tan importante como las campañas son las páginas de destino de las mismas.

De nada nos sirve tener un CTR promedio de 15% o más si hay problemas con el sitio web al que enviamos al visitante, obviamente.

Hay varios aspectos que si se descuidan, en primer lugar nos hacen perder conversiones (y por ende, clientes), y afectan al SEO y al SEM.

 

En Google, esto impacta en la posición en la que aparece la página en los resultados de búsqueda.

La misma puede ir cayendo si Google nos da un nivel de calidad bajo.

 

En AdWords tendremos un nivel de calidad inferior en las palabras clave que utilicen esa página.

 

Hoy en día Google nos ha facilitado varias herramientas de diagnóstico que son realmente muy útiles (y gratuitas!).

 

 

Tag Assistant (Para Chrome exclusivamente)

https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk

 

Esta herramienta nos permite verificar que los tags de Google Analytics, de tracking de conversiones y de remarketing de AdWords, Tag Manager, DoubleClick y más hayan sido correctamente instalados y sean válidos.

 

Tener correctamente instalado el tag de Analytics es nuestro punto de partida para poder utilizar esta herramienta que nos permite analizar el comportamiento de nuestros visitantes, y ver con qué páginas hay que realizar mejoras con prioridad.

 

 

Google Analytics

https://www.google.com/analytics/

 

Obviamente no podría no mencionar nuestra herramienta favorita.

La clave de GA es no utilizar esta herramienta como un contador de visitas y un sumador de promedios, sino como una herramienta que nos brinda información clave para entender quiénes son nuestros visitantes, de dónde provienen, su comportamiento, qué información le estamos brindando, y fundamentalmente qué objetivos estamos logrando, cuáles no, y qué tenemos que mejorar para obtener mejores resultados.

 

Qué información buscan en Google nuestros visitantes, y a qué página llegan?

Si la página no es relevante para esa búsqueda, entonces debemos mejorar el SEO de la misma.

 

Nuestros visitantes no agregan productos al carrito?

Entonces el problema no es en el formulario donde les pedimos los datos de envío, sino muchos pasos antes.

 

La mayoría de los visitantes abandonan un determinado paso de nuestro embudo de conversión?

Es allí donde hay que trabajar.

 

Hay muchas cosas que nos puede revelar Analytics.

Lo importante es siempre estar optimizando nuestro sitio para incrementar la tasa de conversión.

 

Asi como siempre hay que realizar tests A/B en los anuncios de Adwords, siempre hay que realizar tests A/B o multivariate en nuestras páginas de destino.

Y la herramienta Experimentos de Analytics es perfecta para ello.

 

El tráfico que recibe nuestro sitio web es oro, sólo hay que saber aprovecharlo.

 

 

PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights/?hl=es

 

En su campaña por una World Wide Web más veloz, Google ha desarrollado esta excelente herramienta, que se ha convertido hace tiempo ya en una de mis favoritas.


Ya no da lo mismo que un sitio web tarde 1 segundo, 2 segundos o 1 minuto en cargar. Y tanto Google como AdWords evalúan esto.

 

PageSpeed Insights nos dará un puntaje del 1 al 100 basado en la cantidad de mejores prácticas que hemos implementado en la página (relacionadas con velocidad y adaptación a dispositivos móviles).

Yo he logrado un puntaje de 96 en dispositivos móviles y de 97 en ordenadores. Los puntos que no logro conseguir son porque Analytics, Tag Manager e YouTube llaman a archivos de JavaScript externos.

 

Esta herramienta evalúa:

 

Hay código de JavaScript o de CSS que demora en cargar la parte superior de la página?

 

En vez de llamar a la hoja de estilos utilizando el tag "<link rel="stylesheet" type="text/css" href="style.css">", ingresa directamente todo el estilo utilizando el tag <style> dentro del head.

En vez de llamar a un archivo de JavaScript externo, ingrésalo directamente en la página utilizando el tag script.

Esto va en contra de lo que antes era una "buena práctica", pero se gana en velocidad de carga de la página.

 

 

Se ha especificado la caché del navegador?

 

Debemos especificar cuánto tiempo queremos que los distintos tipos de archivos sean almacenados en el navegador.

Agregar a nuestro archivo .htaccess el siguiente código:

 

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>

 

(Nótese que he agregado el soporte de archivos SVG al código)

 

 

Se ha priorizado el contenido visible en la parte superior?

 

Hay código HTML que está colocado primero, pero que no se visualiza en la parte superior de la página, demorando asi la carga de lo primero que debería verse cuando comienza a cargar la página.

 

 

Se han optimizado las imágenes?

 

El tamaño de las imágenes se ha reducido lo máximo posible? (hay que optimizar las imágenes hasta el punto anterior en el cual comienzan a perder calidad).

PageSpeed Insights nos permite descargar todas las imágenes comprimidas. El link se encuentra en la parte inferior y dice "Descarga los recursos de imagen, JavaScript y CSS optimizados para esta página.".

 

 

Se ha minificado el JavaScript?

 

Minificar es el proceso en el cual se le quitan todos los espacios al código, ya que el navegador no los necesita para leer correctamente al mismo, y sólo hacen que tarde más la carga del sitio.

Es importante siempre guardar paralelamente una versión sin minificar, ya que es bastante molesto editar código ya minificado.

 

Hay varias formas de minificar. Si nuestro sitio no es muy grande, podemos hacerlo con alguna de las muchas herramientas web existentes, como la siguiente:

http://jscompress.com/

 

 

Se ha minificado el CSS?

 

Podemos utilizar esta herramienta para minificar nuestro CSS:

http://cssminifier.com/

 

 

Se ha minificado el HTML?

  

Idem CSS y JS:

http://www.willpeavy.com/minifier/

 

 

Se ha habilitado la compresión en el servidor?

 

Lo más probable es que nuestro hosting ya tenga habilitada la compresión.

Si utilizamos archivos SVG, debemos agregar esta línea a nuestro archivo .htaccess:

 

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

 

 

Hay redireccionamientos?

 

Si utilizamos un redireccionamiento, normalmente estaremos aumentando el tiempo de carga desde que el usuario llega a la primer página hasta que finalmente es redireccionado y luego se carga esa página.

 

 

El tiempo de respuesta del servidor es alto?

 

En caso de que lo sea, contacta a quienes te brindan servicio de hosting y consúltales. En caso de que no se mejore este aspecto, te sugiero que cambies de empresa de hosting.

 

 

Existe el tag viewport?

 

Este tag es fundamental para especificar la escala con la que se verá la página en un dispositivo móvil tanto smartphone como tablet.

 

Este tag es:

<meta name=viewport content="width=device-width, initial-scale=1">

 

El valor del parámetro "initial-scale" puede ser 1, 0.5, 2.5 o el valor que requiera. Si utilizamos decimales, usar punto en vez de coma.

Es importante destacar que el uso de este tag no convierte a nuestra página automáticamente en responsive o apta para móviles, pero es el primer paso.

 


Se ha configurado correctamente el tag viewport?

 

Si la escala hace que el contenido sea más grande que el ancho de la pantalla más chica promedio de un dispositivo móvil, PageSpeed Insights nos dirá que debemos utilizar otra escala en el tag viewport, o adaptar el contenido para que no exceda ese ancho.

 

 

Los vínculos y los botones son lo suficientemente grandes para poder ser tocados en dispositivos móviles?

 

Si los botones o enlaces son muy chicos, es muy dificil tocarlos en dispositivos móviles. El tamaño de texto mínimo tiene que ser 16 px en dispositivos móviles.

Los botones requieren un tamaño mínimo también.

Y tanto botones como enlaces no pueden estar muy juntos.

 

 

Se está utilizando contenido realizado en Adoble Flash, Microsoft Silverlight o algún otro que requiere tener un plug in instalado?

 
Este tipo de contenidos no pueden verse en dispositivos como Iphone, Ipad y otros que son igual de populares.

Reemplazarlos por HTML5

 

 

El tamaño de fuente más chico es legible en dispositivos móviles?

 

El tamaño mínimo una vez escalado, debe ser de 16 px.

 

 

Mobile-Friendly Test

https://www.google.com/webmasters/tools/mobile-friendly/

 

Esta herramienta nos dice si nuestro sitio web está optimizado para móviles o no.

 

 

Resumen

 

Como vemos, es bastante trabajo el que hay que realizar, pero nos mejorará la experiencia del usuario, el SEO y lograremos tener más clics y mejor posicionamiento en nuestras campañas al incrementar nuestra calidad de palabras clave.

Esto podría traducirse en mayor cantidad de conversiones.

Y si realizamos constantemente tests A/B o multivariate, estaremos en el camino correcto hacia una mayor tasa de conversión

 

Espero que les sirva!

Expertos respondieronverified_user

Re: Mejora tus páginas de destino

Graduado ✭ ✭
# 2
Graduado ✭ ✭
Buen aporte!
“Solo podrás tomar decisiones acertadas si sabes cómo analizar e interpretar los datos”. Avinash Kaushik

Re: Mejora tus páginas de destino

Colaborador Principal
# 3
Colaborador Principal
Muy buen articulo Luan

Un saludo
oscar abad

Re: Mejora tus páginas de destino

Usuario Destacado
# 4
Usuario Destacado
Muy buena @Luan!!!

Re: Mejora tus páginas de destino

Profesor ✭
# 5
Profesor ✭

Re: Mejora tus páginas de destino

Estudiante ✭ ✭ ✭
# 6
Estudiante ✭ ✭ ✭
Buen Artículo Luan!

Re: Mejora tus páginas de destino

Profesor ✭
# 7
Profesor ✭

Re: Mejora tus páginas de destino

Profesor ✭
# 8
Profesor ✭
Alguien ha estado mejorando su score de PageSpeed? Cuéntenme sus logros, descubrimientos y dudas al respecto!

Re: Mejora tus páginas de destino

Estudiante ✭ ✭ ✭
# 9
Estudiante ✭ ✭ ✭
Gracias Luan:

He mejorado el PageSpeed de 81 a 91 simplemente optimizando los JS, CSS e Imágenes.
No cambié los CSS mios propios por eso de que estoy constantemente cambiandolo y optimizado como que es complicadillo ;P

Muchas gracias por el aporte

Re: Mejora tus páginas de destino

Profesor ✭
# 10
Profesor ✭