3 min czytaniaPoradniki

Jak zrobić klikalny link w e-mailu, social mediach i HTML

Jak zrobić klikalny link w e-mailu, bio w social mediach, dokumentach i HTML: zamień tekst w hiperłącze i użyj krótkiego linku tam, gdzie surowe adresy URL się nie linkują.

Ana Kowalska
Marketing solutions engineering
Jak zrobić klikalny link: zwykły tekst zamieniający się w hiperłącze z tekstem kotwicy i docelowym adresem URL, w e-mailu, mediach społecznościowych i HTML

Żeby zrobić klikalny link, zaznacz tekst, który ma stać się linkiem, naciśnij Ctrl+K (Cmd+K na Macu) i wklej docelowy adres URL. Ten jeden skrót działa w Gmailu, Dokumentach Google, Wordzie, Notion i większości edytorów. W czystym HTML piszesz to ręcznie: <a href="https://example.com">odwiedź nas</a>. Cała reszta to wiedza, gdzie hiperłącza działają, gdzie nie działają i jak sprawić, żeby link był czytelny.

To poradnik z klastra tutorials. Szerszy obraz tego, co robisz z linkami, gdy są już klikalne (branding, śledzenie, routing), znajdziesz w artykule filarowym o zarządzaniu linkami.

Najszybsza droga: zaznacz i Ctrl+K

Niemal każdy edytor tekstu sformatowanego działa według tego samego schematu. Napisz słowa, które mają być klikalne, zaznacz je i naciśnij Ctrl+K (Cmd+K na Macu) albo kliknij ikonę ogniwa łańcucha na pasku narzędzi. Wklej adres URL, potwierdź, gotowe.

Kilka edytorów różni się tylko samym przyciskiem. Gmail, Dokumenty Google i Word - wszystkie mają przycisk linku; stały element to skrót klawiszowy. Jeśli wkleisz sam adres URL zaczynający się od https:// w osobnej linii, większość narzędzi wykryje go automatycznie i zamieni w link bez tego wszystkiego, ale zlinkowany tekst kotwicy wygląda lepiej niż goły link.

Jedyną rzeczą, którą ludzie robią źle, jest tekst kotwicy. Widoczne słowa powinny opisywać miejsce docelowe.

  • Dobrze: przeczytaj [przewodnik konfiguracji](/blog/setup-branded-short-links).
  • Słabo: "kliknij tutaj", co nie mówi ani czytelnikowi, ani czytnikowi ekranu zupełnie nic.

Pod każdym przyciskiem "zrób link" kryje się jeden element HTML. Znacznik kotwicy ma dwie części: href (dokąd prowadzi) i tekst między znacznikami (co czytelnik klika).

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

To wszystko. Dokumentacja MDN dla elementu kotwicy opisuje resztę (otwieranie w nowej karcie przez target, atrybuty rel dla bezpieczeństwa). Dwa warianty pojawiają się bardzo często: linki mailto: otwierają e-mail, a linki tel: rozpoczynają połączenie.

<a href="mailto:[email protected]">Email us</a>
<a href="tel:+15551234567">Call us</a>
Anatomia znacznika kotwicy HTML podzielona na docelowy adres URL w href i widoczny tekst kotwicy, który klika czytelnik

Gdzie linki nie staną się klikalne

Tu zaczyna się część, przez którą ludzie zaczynają szukać w internecie. Część najcenniejszej przestrzeni pod link to zwykły tekst, gdzie nic nie jest klikalne, niezależnie od tego, co zrobisz.

  • Opisy i komentarze na Instagramie: nieklikalne.
  • Opisy filmów na TikToku: nieklikalne.
  • Treść większości postów w feedach społecznościowych: nieklikalna.
  • Materiały drukowane, slajdy i wideo: oczywiście nieklikalne, ale to obszar, który obsługuje kod QR.

W tych miejscach surowy adres URL po prostu leży jako tekst, który czytelnik musiałby wpisać ręcznie. Rozwiązanie jest dwutorowe: umieść link tam, gdzie linki faktycznie działają (miejsce na link w bio albo strona link-in-bio), i spraw, żeby adres URL był na tyle krótki i łatwy do zapamiętania, by dało się go wpisać albo rozpoznać. Długi link śledzący jest tu beznadziejny; krótki, brandowany - nie.

Siatka miejsc, gdzie linki są klikalne, jak e-mail i HTML, oraz gdzie są zwykłym tekstem, jak opisy na Instagramie i opisy na TikToku, z krótkim linkiem lub stroną bio jako rozwiązaniem

To właśnie dlatego istnieją osobne przewodniki dodawania linku do bio na Instagramie i link-in-bio na TikToku - to platforma, a nie Twoje formatowanie, jest ograniczeniem.

Gdy link już działa, dwa usprawnienia czynią go lepszym. Skróć go, żeby był czysty i łatwy do tapnięcia, i brandowuj go, żeby ludzie mu ufali. Krótki, brandowany link łatwiej umieścić w bio, przeczytać na głos w filmie czy wrzucić do SMS-a niż surowy adres URL z parametrami zapytania. Pozwala to też śledzić kliknięcia i przekierować miejsce docelowe później, bez edytowania samego posta.

Jeśli ręcznie piszesz HTML, zostaw surowy adres URL w href, a znaczenie niech niesie tekst kotwicy. Jeśli wrzucasz linki do opisów i bio, oprzyj się na krótkim linku brandowanym i stronie bio. Ten sam link, umieszczony tam, gdzie faktycznie da się go kliknąć.

Przeczytaj serię artykułów filarowych

Ten artykuł należy do klastra tutorials. Artykułem filarowym jest czym jest zarządzanie linkami. Jeśli chodzi o podstawy skracania, jak skrócić adres URL to naturalne uzupełnienie.

Powiązane wpisy na blogu

Najczęściej zadawane pytania

Jak zrobić klikalny link?

Zaznacz tekst, który ma być linkiem, naciśnij Ctrl+K (Cmd+K na Macu) i wklej docelowy adres URL. Ten skrót zamienia zaznaczony tekst w hiperłącze w Gmailu, Dokumentach Google, Wordzie i większości edytorów. W czystym HTML owijasz tekst w znacznik kotwicy: <a href="https://example.com">odwiedź nas</a>.

Dlaczego mój link nie jest klikalny?

Dwa najczęstsze powody. Tekst został wklejony jako zwykły tekst w miejscu, które nie linkuje automatycznie, jak opis na Instagramie czy bio na TikToku, gdzie żaden adres URL nie jest klikalny. Albo adres URL jest źle sformatowany - brakuje prefiksu https://, którego wiele parserów wymaga, zanim zamieni go w link.

Jak zrobić klikalny link w e-mailu?

Wpisz tekst kotwicy, zaznacz go i użyj przycisku linku na pasku narzędzi albo Ctrl+K, żeby dołączyć adres URL. Jeśli wkleisz sam pełny adres URL zaczynający się od https://, większość klientów pocztowych wykryje go automatycznie i zamieni w link, ale zlinkowany tekst kotwicy wygląda czyściej i łatwiej w niego trafić.

Jak zrobić klikalny link tam, gdzie linki nie są dozwolone, np. w opisach na Instagramie?

Nie możesz utworzyć hiperłącza wewnątrz opisu na Instagramie ani opisu filmu na TikToku - to zwykły tekst. Rozwiązaniem jest strona typu link-in-bio albo jedyne dostępne miejsce na link w bio, plus krótki, łatwy do zapamiętania link brandowany, który ludzie mogą skopiować albo tapnąć z jedynego miejsca, gdzie linki faktycznie działają.

Czym jest tekst kotwicy w klikalnym linku?

Tekst kotwicy to widoczne, klikalne słowa niosące link, na przykład "przeczytaj przewodnik" zamiast surowego adresu URL. Dobry tekst kotwicy opisuje, dokąd prowadzi link; unikaj "kliknij tutaj", które nie mówi czytelnikowi ani technologii wspomagającej nic o miejscu docelowym.

Wypróbuj Elido

Wklej URL, otrzymaj krótki link

Bez rejestracji. Link działa 30 dni. Zarejestruj się, aby zachować go na zawsze.

Za darmo, bez rejestracji · 2 dziennie

Wypróbuj Elido

Skracarka URL hostowana w UE: własne domeny, głęboka analityka i otwarte API. Darmowy plan - bez karty kredytowej.

Tagi
how to make a clickable link
clickable link
how to make a link clickable
hyperlink
clickable link in email
anchor text

Czytaj dalej