Per què el CTA de la teva web porta al contacte

A dalt de la web de la Saphie Wells, cantautora peruana establerta a Amsterdam, hi ha un botó que diu “Get in touch”. Porta al seu contacte, com el CTA de la portada de qualsevol web de Pages. Si la web té el bloc Contacte, el menú hi afegeix un botó propi que també hi porta. Es veu a totes les pàgines, i al mòbil també. Pots afegir un segon CTA que porti a un altre bloc de la mateixa pàgina: les teves dates, els teus discos, els teus vídeos. El que ja no pot fer cap CTA és enviar el visitant fora de la teva web.

Aquest article explica per què ho hem decidit així i en què ens basem. Els exemples surten de la web de la Saphie, que ens ha deixat ensenyar-la.

SSaphie Wells

saphiewells.page.tjp.app

Per a què serveix la teva web

Pensa en qui obre la teva web. Els teus seguidors ja t’escolten a les plataformes i et troben a les xarxes, i solen anar-hi directament. A la web hi arriba sovint una altra mena de visitant. Ha buscat el teu nom o ha clicat un enllaç que li han passat, i vol alguna cosa de tu. Pot ser una sala, un festival, una agència o un periodista. També una parella que es casa o una escola que busca professor.

Quan algú busca el teu nom, el teu canal de YouTube i els teus perfils ja hi surten. Hi ha una cosa que només pot fer la teva web: convertir aquella visita en una proposta, sigui una data, un encàrrec o una entrevista. Per això el CTA de la portada té una sola feina: portar qui ha vingut a contractar-te fins al lloc on ho pot fer.

Un CTA cap a fora és una visita que se’n va

Un CTA que diu "YouTube" o "Instagram" a dalt de la teva web fa exactament el que promet: treu el visitant de la teva web. El deixa en una plataforma pensada perquè continuï mirant, i quan s’acabi el teu vídeo li proposarà el d’un altre músic. Tot el que havies fet perquè arribés fins a tu, des del nom ben escrit fins a les dates publicades, acaba a casa d’un altre.

Les teves xarxes importen, i per això ja tenen el seu lloc: el bloc Enllaços i la teva Marquesina, a l’adreça /links. El CTA no hauria de competir amb ells.

On busca la gent el contacte

Nielsen Norman Group és una consultora que fa dècades que estudia com fa servir la gent les webs. A la seva guia sobre pàgines de contacte (“Contact Us” Page Guidelines, d’Anna Kaley, 2019) recull què van veure a les proves d’usabilitat i de seguiment de la mirada. Qui busca com contactar mira a la cantonada superior dreta de la pàgina o baixa fins al peu. Per això recomanen posar un enllaç de contacte ben visible a la navegació principal i també al peu, i anomenar-lo pel seu nom. Qui volia escriure a una empresa buscava la paraula "contacte", no "ajuda" ni "recursos".

Ara el menú de la teva web segueix aquesta recomanació. El contacte surt de la llista d’entrades i passa a ser un botó propi, al final del menú, que al mòbil no s’amaga dins el desplegable.

I Google?

Aquí convé ser exactes. Google no penalitza una web perquè el seu CTA porti a YouTube, i no hem trobat cap prova que digui el contrari. L’argument principal és el d’abans: per a què serveix la teva web i qui hi arriba.

El que Google sí que documenta és com tria els enllaços de lloc, els accessos directes que de vegades apareixen sota un resultat quan algú busca el teu nom. Segons la seva documentació sobre els enllaços de lloc, són automàtics: els seus sistemes analitzen l’estructura d’enllaços de la web per trobar dreceres útils. Google recomana una estructura lògica, enllaços a les pàgines importants des d’altres pàgines i textos d’enllaç curts que diguin on porten. Un "Contacte" al menú de totes les pàgines és exactament això. Ningú no pot garantir que acabi sortint com a drecera, però així li ho poses fàcil.

Quan tindria sentit una altra cosa

De vegades el primer que vols d’un visitant no és que t’escrigui. Gairebé sempre ho pots resoldre a Pages sense trencar la regla:

• Si "contacte" no és la paraula. Si fas classes, toques a casaments o et contracta una agència, el CTA continua portant al teu contacte, però amb les teves paraules: "Reserva una classe", "Demana pressupost", "Escriu a la meva agència".
• Si acabes de treure disc. El disseny Disc nou de la portada és per a això: posa a dalt la coberta del disc i on escoltar-lo.
• Si tens concerts a prop. El segon CTA pot portar a les teves dates, i cada data, a les seves entrades.
• Si vols que escoltin o vegin alguna cosa. El segon CTA pot portar als teus discos o als teus vídeos, sense sortir de la teva web.

Queden fora els CTA cap a altres webs. Les teves xarxes, les teves plataformes i les teves botigues tenen el seu lloc a Enllaços.

Com funciona a Pages

• El CTA porta sempre al teu bloc Contacte; si el bloc és en una altra pàgina, porta a aquella pàgina. Hi pots escriure les paraules que vulguis, i si el deixes buit diu el títol del bloc. A Studio es diu "Botó de contacte".
• El segon CTA és opcional i porta a un altre bloc de la mateixa pàgina. Si no li poses paraules, diu el títol d’aquell bloc.
• El menú té un botó de contacte propi a totes les pàgines, també al blog. Al mòbil es queda a la vista, al costat del menú.
• Sense bloc Contacte, o si el bloc no té cap manera d’escriure’t, no hi ha CTA ni botó al menú: un botó que porta a un bloc buit seria una promesa trencada. Si hi falta el bloc, Studio t’ho diu.

Si la teva web ja tenia CTA que portaven fora, ja no es mostren. El primer passa a portar al teu contacte, amb el títol del bloc, i el segon desapareix fins que triïs un bloc. Ho canvies a Studio, al bloc Portada, on en Dex t’ho recorda.

SStudio

studio.tjp.app

Per veure què més mira qui programa a la teva web, continua amb què mira un programador als primers segons a la teva web.