Por qué el CTA de tu web lleva al contacto

La web de Saphie Wells, cantautora peruana afincada en Ámsterdam, tiene un botón en lo alto de la portada que dice "Get in touch". Lleva a su contacto. El menú tiene otro botón con las mismas palabras, y no desaparece al cambiar de página ni en el móvil. Saphie nos ha dejado enseñar su web, y de ella salen los ejemplos de este artículo.

SSaphie Wells

saphiewells.page.tjp.app

Ahora todas las webs de Pages funcionan así. El CTA de la portada lleva siempre a tu contacto. Si tu web tiene el bloque Contacto, el menú suma un botón propio que lleva allí. Puedes añadir un segundo CTA que lleve a otro bloque de la misma página: tus fechas, tus discos o tus vídeos. Lo que ningún CTA puede hacer ya es mandar al visitante fuera de tu web. Aquí contamos por qué lo hemos decidido así y en qué nos basamos.

Para qué sirve tu web

Piensa en quién abre tu web. Quien te sigue ya te escucha en las plataformas y te sigue en las redes, y suele ir directo allí. A tu web se llega de otra manera: buscando tu nombre o desde un enlace que alguien ha pasado. Muchas veces, quien llega así quiere algo de ti. Puede ser una sala, un festival, una agencia, un periodista, una pareja que se casa o una escuela que busca profesor.

Cuando alguien busca tu nombre, tu canal de YouTube y tus perfiles ya aparecen. Hay una cosa que tu web hace y ellos no: convertir una visita en una propuesta. Una fecha, un encargo, una entrevista. Por eso el CTA de la portada tiene un solo trabajo: llevar a quien ha venido a contratarte hasta el sitio donde puede hacerlo.

Un CTA hacia fuera es una visita que se va

Un CTA que dice "YouTube" o "Instagram" en lo alto de tu web cumple lo que promete: saca al visitante de ella. Lo deja en una plataforma pensada para que siga mirando, que cuando termine tu vídeo le propondrá el de otro músico. Todo lo que hiciste para que esa persona llegara a tu web, desde el nombre bien escrito hasta las fechas publicadas, acaba en casa de otro.

Tus redes importan, y ya tienen su sitio: el bloque Enlaces y tu Marquesina, en la dirección /links. El CTA no tiene por qué competir con ellos.

Dónde busca la gente el contacto

Nielsen Norman Group es una consultora que lleva décadas estudiando cómo usa la gente las webs. Anna Kaley resumió lo que han visto en su guía sobre páginas de contacto (“Contact Us” Page Guidelines, 2019). En sus pruebas de usabilidad y de seguimiento de la mirada, quien busca cómo contactar mira en la esquina superior derecha de la página o baja hasta el pie. La guía recomienda poner un enlace de contacto bien visible en la navegación principal, repetirlo en el pie y llamarlo por su nombre. Quien quería escribir a una empresa buscaba la palabra "contacto", no "ayuda" ni "recursos".

El menú de tu web sigue ahora ese consejo. El contacto sale de la lista de páginas y pasa a ser un botón propio, al final del menú. En el móvil no se esconde en el desplegable.

¿Y Google?

Aquí conviene ser exactos. Google no penaliza una web porque su CTA lleve a YouTube, y no hemos encontrado ninguna prueba de lo contrario. La razón de fondo es la de antes: para qué sirve tu web y quién llega a ella.

Lo que Google sí explica es cómo elige los enlaces de sitio, esos accesos directos que a veces aparecen debajo de un resultado cuando alguien busca tu nombre. Según su documentación sobre los enlaces de sitio, se generan solos: sus sistemas analizan cómo se enlazan las páginas de una web para encontrar atajos útiles. Lo que recomienda es una estructura lógica, enlaces a las páginas importantes desde otras páginas y textos de enlace cortos que digan adónde llevan. Un "Contacto" en el menú de todas las páginas cumple las tres cosas. Eso no garantiza que aparezca como atajo, porque nadie puede garantizarlo, pero se lo pone fácil.

Cuándo tendría sentido otra cosa

A veces lo primero que quieres de un visitante no es que te escriba. Casi todos esos casos caben en Pages sin saltarse la regla:

• Si "contacto" no es la palabra. Si das clases, tocas en bodas o te contrata una agencia, el CTA sigue llevando a tu contacto, pero con tus palabras: "Reserva una clase", "Pide presupuesto", "Escribe a mi agencia".
• Si acabas de sacar disco. Para eso está el diseño Nuevo disco de la portada: la portada del disco y dónde escucharlo, arriba del todo.
• Si tienes conciertos cerca. El segundo CTA puede llevar a tus fechas, y cada fecha, a sus entradas.
• Si quieres que escuchen o vean algo. El segundo CTA puede llevar a tus discos o a tus vídeos, sin salir de tu web.

Lo único que queda fuera son los CTA hacia otras webs. Tus redes, tus plataformas y tus tiendas van en Enlaces.

Cómo funciona en Pages

• El CTA lleva siempre a tu bloque Contacto; si ese bloque está en otra página, lleva a esa página. Las palabras las eliges tú, y si lo dejas vacío muestra el título del bloque. En Studio se llama "Botón de contacto".
• El segundo CTA es opcional y lleva a otro bloque de la misma página. Si no le pones palabras, muestra el título de ese bloque.
• El menú tiene su propio botón de contacto en todas las páginas, también en el blog. En el móvil se queda a la vista junto al menú.
• Sin bloque Contacto, o con uno que no ofrece ninguna forma de escribirte, no hay CTA ni botón en el menú: un botón que lleva a un bloque vacío sería una promesa rota. Si falta el bloque, Studio te avisa.

Si tu web ya tenía CTA que llevaban fuera, han dejado de mostrarse. El primero pasa a llevar a tu contacto, con el título del bloque. El segundo desaparece hasta que le elijas un bloque. Puedes cambiarlo en Studio, en el bloque Portada, donde Dex te lo recuerda.

SStudio

studio.tjp.app

Si quieres saber qué más busca quien programa, sigue con qué mira un programador en los primeros segundos en tu web.