Com crear un acortador d'URLs

Un acortador d'URLs guarda una adreça web llarga sota un codi curt i redirigeix qui visita l'enllaç curt. El nucli és petit: una taula i una ruta de redirecció, per això és un projecte inicial clàssic. El que el fa útil de debò és la resta: un domini curt, àlies personalitzats, comptadors de clics, poder editar on apunta un enllaç i evitar que els spammers usin el teu domini per amagar enllaços de phishing. Decideix d'entrada si és per a tu i el teu equip o obert al públic, perquè els acortadors públics atreuen l'abús molt ràpid.

Què necessita un acortador d'URLs

Dades

Posa un índex únic al codi curt. Dos enllaços amb el mateix codi és l'error que no pot passar mai.

Pàgines i rutes

• La ruta de redirecció — /{codi} busca el codi i redirigeix. És l'única ruta que gairebé tots els visitants fan servir, així que ha de ser ràpida i no mostrar mai la interfície de la teva app.
• Crear enllaç — enganxa una URL, tria opcionalment un àlies personalitzat i obtén l'enllaç curt amb un botó per copiar-lo.
• Llista d'enllaços — els teus enllaços amb els clics, cerca i interruptors d'activar/desactivar.
• Detall de l'enllaç — clics al llarg del temps, principals referents, països i dispositius. Edita el destí.
• Pàgina no trobada per a codis desconeguts o desactivats.
• Codi QR per a cada enllaç — és fàcil d'afegir i sovint es demana.

Decisions i compromisos

Tipus de redirecció. Una redirecció 301 (permanent) pot ser guardada a la memòria cau pels navegadors, de manera que les visites repetides no passen pel teu servidor: perds clics i no pots canviar el destí per a aquestes persones. Usa 302 o 307 si registres clics o permets editar. És el que fan la majoria d'acortadors amb seguiment.

Codis curts. Els codis aleatoris de sis o set caràcters (lletres i dígits) són difícils d'endevinar i tenen molt espai. Evita els caràcters que es confonen (0/O, 1/l) si la gent escriurà els enllaços a mà. Els codis seqüencials revelen quants enllaços tens i permeten que qualsevol els recorri un per un.

Àlies personalitzats. /llancament és millor que /x7Kp2q. Reserva les paraules que usa la teva app (login, api, admin), bloqueja àlies ofensius si l'eina és pública i decideix si els àlies distingeixen majúscules i minúscules. Que no en distingeixi és més amable.

Velocitat. Un acortador afegeix un salt abans de cada visita. Manté la ruta de redirecció en una sola consulta indexada i registra el clic després d'enviar la redirecció (o en segon pla), perquè el seguiment mai alenteixi el visitant. Les apps en un allotjament que es posa en repòs quan no s'usa poden trigar una mica més en la primera visita després d'un període de calma; per a una eina personal o d'equip, normalment està bé.

Estadístiques de clics i privacitat. Comptar clics, referents i un país aproximat és habitual. Guardar adreces IP completes i crear perfils de persones és on la llei de privacitat comença a aplicar-se. Guarda el que realment miraràs i agrega-ho quan puguis. Consulta com afegir analítica a la teva app.

El domini. L'enllaç només és tan curt com el seu domini. Compra un domini curt i apunta'l a l'app; consulta com connectar un domini personalitzat. Molts allotjaments prefereixen un subdomini (go.lamevamarca.com) a un domini arrel, perquè és més senzill de connectar.

Abús. Si qualsevol pot crear enllaços, els spammers usaran el teu domini per disfressar phishing i programari maliciós, i el teu domini pot acabar en llistes de bloqueig. Per a un acortador públic: exigeix comptes, limita la creació per temps, comprova els destins contra una llista d'URLs maliciosos com Google Safe Browsing, bloqueja els enllaços al propi acortador (bucles de redirecció) i construeix un interruptor d'administrador per desactivar qualsevol enllaç a l'instant. Un acortador privat, només per a l'equip, evita la major part d'això.

Un primer prompt que funciona

Construeix una aplicació web d'acortador d'URLs per al meu equip. Els usuaris registrats enganxen una URL de destí i obtenen un enllaç curt amb un codi aleatori de 7 caràcters (sense 0, O, 1 ni l), o trien un àlies personalitzat. Els àlies són únics i no distingeixen majúscules i minúscules; reserva login, api, admin, app i settings. La ruta pública /{codi} busca el codi amb una sola consulta indexada i retorna una redirecció 302; registra el clic (hora, referent, país, tipus de dispositiu — sense adreça IP completa) sense retardar la redirecció. Els codis desconeguts o desactivats mostren una pàgina simple de no trobat. Els usuaris veuen una llista dels seus enllaços amb els clics, poden editar el destí, desactivar un enllaç, descarregar un codi QR i obrir una pàgina de detall amb els clics per dia, els principals referents i països. Valida que els destins siguin URLs http o https i que no siguin enllaços a aquest acortador. Guarda-ho tot en una base de dades.

Passos de construcció

1. Crear i redirigir. Crea un enllaç i obre'l en una finestra privada. Comprova que la resposta és un 302, no una pàgina que després redirigeix amb JavaScript.
2. Codis i àlies. Prova un àlies duplicat, una paraula reservada, majúscules i minúscules barrejades i una URL molt llarga.
3. Seguiment de clics. Fes clic des de diversos dispositius i comprova els comptadors i els referents.
4. Editar i desactivar. Canvia un destí i confirma que l'enllaç curt antic ara va al lloc nou; desactiva'n un i confirma que deixa de funcionar.
5. Validació. Prova enllaços javascript:, enllaços al propi acortador i URLs malformades. Totes s'han de rebutjar al servidor.
6. Domini. Connecta el teu domini curt i prova els enllaços amb ell.
7. Controls contra l'abús, si l'eina serà pública: límits de freqüència, comprovació de destins i una vista d'administrador dels enllaços recents.

Errors habituals

• Redireccions 301 amb seguiment de clics. Els navegadors les guarden a la memòria cau i les xifres surten malament.
• Redirigir dins de la pàgina. Carregues l'app i després redirigeixes amb JavaScript, i cada clic sembla lent. Redirigeix des del servidor.
• Cap restricció única als codis. Els conflictes acabaran passant.
• Un acortador públic obert sense controls. S'abusarà d'ell, i la reputació del teu domini se'n ressentirà.
• Acceptar qualsevol esquema d'URL. Permet només destins http i https.
• Perdre els enllaços en canviar. Sigues propietari del domini curt perquè els enllaços sobrevisquin a un canvi d'allotjament.

Quan un producte fet és millor opció

Els serveis establerts de gestió d'enllaços ofereixen dominis de marca, analítica detallada, funcions d'equip, codis QR, integracions i gestió d'abusos de sèrie. Si els enllaços són centrals al teu màrqueting i no vols cap manteniment, paga'n un.

Crea'n un de propi quan vulguis un acortador senzill per a l'equip al teu propi domini sense preu per usuari, enllaços lligats al teu propi producte (enllaços per compartir, enllaços de recomanació, enllaços amb seguiment als correus) o control total de les dades de clics. També és un bon primer projecte de backend. Combina'l amb una pàgina de enllaços per a la bio, i repassa la llista de comprovació de seguretat per a apps fetes amb IA abans d'obrir-lo a qualsevol.

Construir-lo amb Mythex

A Mythex descrius l'acortador al xat i proves les redireccions a la previsualització en directe. Mythex afegeix una base de dades dedicada per als enllaços i els clics quan l'app la necessita. Les apps publicades i les seves bases de dades es posen en repòs quan no s'usen i es desperten en la següent visita, cosa que fa que un acortador tranquil sigui barat de mantenir. Publica en un enllaç de mythex.ai i, al Pro, connecta el teu propi domini curt o compra'n un dins de Mythex; consulta dominis personalitzats. La plantilla d'acortador d'URLs és un prompt inicial ja escrit amb àlies personalitzats i analítica de clics.

Preguntes