Cum faci un link clicabil în e-mail, documente și HTML

Ca să faci un link clicabil, selectează cuvintele pe care vrei să le transformi în link, apasă Ctrl+K (Cmd+K pe Mac) și lipește URL-ul de destinație. Această singură scurtătură merge în Word, Outlook, Gmail, Google Docs, Notion și în majoritatea celorlalte editoare. În HTML pur o scrii de mână: <a href="https://example.com">visit us</a>. Tot restul înseamnă să știi unde funcționează un link clicabil, unde nu va funcționa niciodată și cum faci linkul să merite atins.

Un link clicabil este un hyperlink: text vizibil (textul de ancoră) legat de o adresă de destinație. Dacă ai o adresă lungă și vrei una curată, care poate fi urmărită, un link scurt face aceeași treabă cu mai puțină aglomerație; articolul pilon despre ce este gestionarea linkurilor acoperă branding-ul, urmărirea și rutarea după ce noțiunile de bază merg.

Calea rapidă de a face un link clicabil: Ctrl+K

Aproape orice editor de text îmbogățit urmează același tipar. Scrie cuvintele pe care vrei să le faci clicabile, selectează-le, apasă Ctrl+K (Cmd+K pe Mac) sau dă clic pe pictograma lanțului, lipește URL-ul și confirmă. Dacă lipești o adresă simplă care începe cu https:// și apeși spațiu sau Enter, majoritatea instrumentelor o transformă singure în link, dar textul de ancoră cu hyperlink se citește mai bine decât o adresă goală.

• Word, Outlook: Ctrl+K sau clic dreapta și alege Link.
• Gmail: pictograma de link din bara de instrumente a ferestrei de redactare sau Ctrl+K.
• Google Docs și Sheets: Insert, apoi Link, sau Ctrl+K.
• Slack: Ctrl+Shift+U (Cmd+Shift+U pe Mac) pe textul selectat.
• Markdown (GitHub, Notion, Discord): [anchor text](https://example.com).
• HTML: <a href="https://example.com">anchor text</a>.

Scurtăturile diferă între versiunile aplicațiilor, deci dacă una eșuează, folosește butonul din bara de instrumente; el există mereu. Eu am Ctrl+K în memoria mușchilor și tot verific linkul dând un clic pe el înainte să trimit ceva important.

Cum funcționează un link clicabil în HTML

Sub orice buton "fă link" se află un singur element. Eticheta anchor are două părți: href (unde duce) și textul dintre etichete (pe care dă clic cititorul).

<a href="https://example.com/pricing">See pricing</a>

Ghidul MDN despre crearea linkurilor documentează restul. Trei detalii cauzează cea mai mare parte a necazurilor din lumea reală.

• Adrese complete sau relative. Un site extern are nevoie de URL-ul complet cu https://. Pentru paginile de pe propriul site, o cale relativă la rădăcină, cum este /pricing, continuă să funcționeze dacă se mută pagina care conține linkul.
• Deschiderea într-o filă nouă. target="_blank" deschide o filă nouă. Fă-o intenționat, pentru linkuri externe, și adaugă rel="noopener" dacă țintești browsere mai vechi.
• Salt în interiorul paginii. href="#faq" derulează la elementul cu id="faq". Adaugă același fragment la o adresă completă ca să faci link direct în altă pagină.

Linkuri clicabile pentru adrese de e-mail, numere de telefon și descărcări

Un link nu trebuie să deschidă o pagină web. Schema de la începutul adresei decide ce se întâmplă.

<a href="mailto:[email protected]?subject=Question%20about%20pricing"
  >Email us</a
>
<a href="tel:+15551234567">Call us</a>
<a href="/files/price-list.pdf" download>Download the price list (PDF)</a>

Un link mailto: deschide aplicația de e-mail a cititorului și poți precompleta subiectul după un ?; spațiile cer codare procentuală (%20). Un link tel: formează numărul pe un telefon și face puțin pe desktop. Spune ce urmează să primească cititorul când este un fișier: tipul și dimensiunea aproximativă ("PDF, 2 MB") scutesc de o atingere irosită oamenii cu conexiuni lente. Unele linkuri deschid un eveniment precompletat, nu o pagină; un link de adăugare în calendar folosește același cod cu altă destinație.

Scrie text de ancoră pe care oamenii îl pot folosi

Cuvintele vizibile trebuie să spună unde duce linkul. Utilizatorii de cititoare de ecran sar adesea de la un link la altul în afara contextului, deci "click aici" sau o adresă lipită nu le spune nimic. Motoarele de căutare citesc aceleași cuvinte.

• Bine: "citește ghidul de configurare".
• Slab: "click aici", "acest link" sau adresa brută repetată ca text.

Fă linkurile să arate și ca linkuri. Culoarea plus o subliniere este semnalul cel mai sigur. O expresie subliniată în gri deschis în mijlocul unui paragraf trece neobservată, iar un link stilizat ca buton este în regulă când acțiunea este rostul paginii.

Unde nu va funcționa un link clicabil

Aceasta este partea care îi trimite pe oameni la căutat. Unele locuri nu afișează linkuri, oricum le-ai formata.

• Descrierile și comentariile Instagram: nu sunt clicabile. Bio-ul profilului are un singur loc pentru link, iar Stories pot purta un sticker cu link.
• Descrierile videoclipurilor TikTok: nu sunt clicabile. Linkul din profil este calea obișnuită.
• Materialele tipărite, prezentările și videoclipurile: nu e nimic de atins, și pentru asta există un cod QR.
• E-mailul în text simplu: unii clienți afișează o adresă lipită ca link, alții nu. E-mailul HTML cu etichete anchor reale este calea de încredere.

Alte locuri se comportă diferit: postările de pe X, LinkedIn și Facebook transformă de obicei un URL lipit într-un link, deși îl pot scurta sau afișa ca previzualizare. Platformele schimbă asta, așa că testează cu o ciornă înainte să planifici o campanie în jurul ei.

În locurile unde un URL brut este doar text, cititorul trebuie să-l tasteze. Soluția are două părți: pune linkul acolo unde linkurile funcționează (locul pentru link din bio sau o pagină link-in-bio) și fă adresa suficient de scurtă și ușor de ținut minte ca să poată fi tastată sau recunoscută. Un URL lung de urmărire e fără speranță acolo; unul scurt, de brand, nu. Ghidurile pentru adăugarea unui link în bio-ul Instagram și pentru linkul TikTok din bio acoperă pașii pe fiecare platformă.

De ce nu este clicabil linkul tău (și remedierea)

Parcurge lista în ordine. Acoperă aproape fiecare caz pe care l-am văzut.

1. Adresa nu are schemă. example.com/page poate rămâne text simplu acolo unde https://example.com/page devine link. Adaugă https://.
2. Există un spațiu rătăcit sau o întrerupere de rând în adresă. Lipește-o într-un câmp de text simplu ca s-o vezi, apoi șterge golul.
3. Editorul este în modul text simplu. În Gmail, verifică să nu fie fereastra de redactare setată pe text simplu; într-un CMS, comută din vizualizarea de cod în cea vizuală sau invers.
4. Platforma elimină linkurile. Vezi lista de mai sus; nicio formatare nu repară asta.
5. Linkul merge, dar duce în locul greșit. O greșeală de tastare sau un sufix de urmărire copiat odată cu el. Dă clic pe el tu însuți înainte să trimiți.

Fă linkul clicabil să merite apăsat

Odată ce linkul funcționează, două îmbunătățiri îl fac mai bun. Scurtează-l ca să fie curat și ușor de atins și dă-i brand ca oamenii să aibă încredere în el. Un link scurt, de brand este mai ușor de pus într-un bio, de citit cu voce tare într-un videoclip sau de pus într-un SMS decât un URL brut cu query string și te lasă să numeri clicurile și să redirecționezi ulterior destinația fără să editezi postarea. Dacă adresa lungă poartă etichete de campanie, parametrii UTM explicați arată ce face fiecare etichetă înainte să le ascunzi în spatele unui link scurt.

Dacă scrii HTML de mână, păstrează URL-ul complet în href și lasă textul de ancoră să poarte sensul. Dacă pui linkuri în descrieri, prezentări și materiale tipărite, apelează la un link scurt și la un cod QR. Aceeași destinație, pusă acolo unde poate fi folosită cu adevărat.

Citește seria pilon

Acesta face parte din clusterul de tutoriale. Articolul pilon este ce este gestionarea linkurilor. Pentru noțiunile de bază ale scurtării, cum scurtezi un URL este articolul complementar.

Pe același subiect pe blog

• Ce este gestionarea linkurilor? Imaginea completă
• Cum scurtezi un URL: linkuri gratuite, de brand și în masă
• Cum adaugi un link în bio-ul Instagram
• Linkul TikTok din bio: configurarea completă
• Link de adăugare în calendar: cum construiești unul care funcționează peste tot
• Parametrii UTM explicați