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ąć.

Niektóre linki robią więcej niż otwierają stronę: link dodaj do kalendarza otwiera za to wypełnione z góry wydarzenie, używając tego samego znacznika kotwicy z innym miejscem docelowym.

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