Bir bağlantıyı tıklanabilir yapmak için bağlantıya çevirmek istediğiniz sözcükleri seçin, Ctrl+K (Mac'te Cmd+K) tuşlarına basın ve hedef URL'yi yapıştırın. Bu tek kısayol Word, Outlook, Gmail, Google Docs, Notion ve diğer çoğu düzenleyicide çalışır. Ham HTML'de elle yazarsınız: <a href="https://example.com">visit us</a>. Geri kalan her şey, tıklanabilir bir bağlantının nerede çalıştığını, nerede asla çalışmayacağını ve bağlantıyı dokunmaya değer kılmanın yolunu bilmektir.
Tıklanabilir bağlantı bir köprüdür: bir hedef adrese bağlanmış görünür metin (bağlantı metni). Uzun bir adresiniz varsa ve temiz, izlenebilir bir tane istiyorsanız kısa bir bağlantı aynı işi daha az karmaşayla yapar; bağlantı yönetimi nedir pillar yazısı, temeller çalıştıktan sonra markalama, izleme ve yönlendirmeyi ele alır.
Bağlantıyı Tıklanabilir Yapmanın Hızlı Yolu: Ctrl+K
Hemen her zengin metin düzenleyici aynı örüntüyü izler. Tıklanabilir olmasını istediğiniz sözcükleri yazın, seçin, Ctrl+K (Mac'te Cmd+K) tuşlarına basın veya zincir halkası simgesine tıklayın, URL'yi yapıştırın ve onaylayın. https:// ile başlayan çıplak bir adres yapıştırıp boşluk veya Enter tuşuna basarsanız çoğu araç onu kendiliğinden bağlantıya çevirir, ancak köprülenmiş bağlantı metni çıplak bir adresten daha iyi okunur.
- Word, Outlook: Ctrl+K, veya sağ tıklayıp Link seçin.
- Gmail: yazma araç çubuğundaki bağlantı simgesi, veya Ctrl+K.
- Google Docs ve Sheets: Insert, ardından Link, veya Ctrl+K.
- Slack: seçili metinde Ctrl+Shift+U (Mac'te Cmd+Shift+U).
- Markdown (GitHub, Notion, Discord):
[anchor text](https://example.com). - HTML:
<a href="https://example.com">anchor text</a>.
Kısayollar uygulama sürümleri arasında değişir; biri çalışmazsa araç çubuğu düğmesini kullanın, o her zaman oradadır. Ctrl+K'yı kas hafızamda tutuyorum ve önemli bir şey göndermeden önce bağlantıyı bir kez tıklayarak yine de kontrol ediyorum.
HTML'de Tıklanabilir Bağlantı Nasıl Çalışır
Her "bağlantı yap" düğmesinin altında tek bir öğe durur. Anchor etiketinin iki parçası vardır: href (nereye gittiği) ve etiketler arasındaki metin (okurun tıkladığı şey).
<a href="https://example.com/pricing">See pricing</a>
Gerisini bağlantı oluşturmaya dair MDN rehberi belgeler. Gerçek dünyadaki sorunların çoğuna üç ayrıntı yol açar.
- Tam veya göreli adresler. Harici bir site,
https://ile tam URL gerektirir. Kendi sitenizdeki sayfalar için/pricinggibi kök göreli bir yol, bağlantıyı tutan sayfa taşınsa bile çalışmaya devam eder. - Yeni sekmede açmak.
target="_blank"yeni bir sekme açar. Bunu bilerek, harici bağlantılar için yapın ve eski tarayıcıları hedefliyorsanızrel="noopener"ekleyin. - Sayfa içinde atlamak.
href="#faq",id="faq"olan öğeye kaydırır. Aynı parçayı tam bir adrese ekleyerek başka bir sayfaya derin bağlantı verebilirsiniz.
E-posta Adresleri, Telefon Numaraları ve İndirmeler İçin Tıklanabilir Bağlantılar
Bir bağlantının web sayfası açması gerekmez. Adresin başındaki şema, ne olacağına karar verir.
<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>
mailto: bağlantısı okurun posta uygulamasını açar ve konuyu ? sonrasında önceden doldurabilirsiniz; boşluklar yüzde kodlaması (%20) gerektirir. tel: bağlantısı telefonda numara çevirir ve masaüstünde pek bir şey yapmaz. Bir dosya olduğunda okurun ne alacağını söyleyin: tür ve yaklaşık boyut ("PDF, 2 MB"), yavaş bağlantıdaki insanları boşa bir dokunuştan kurtarır. Bazı bağlantılar bir sayfa yerine önceden doldurulmuş bir etkinlik açar; takvime ekle bağlantısı aynı işaretlemeyi farklı bir hedefle kullanır.
İnsanların Kullanabileceği Bağlantı Metni Yazın
Görünür sözcükler bağlantının nereye gittiğini söylemelidir. Ekran okuyucu kullanıcıları çoğu zaman bağlamdan kopuk olarak bağlantıdan bağlantıya atlar; bu yüzden "buraya tıklayın" veya yapıştırılmış bir adres onlara hiçbir şey söylemez. Arama motorları aynı sözcükleri okur.
- İyi: "kurulum kılavuzunu okuyun".
- Zayıf: "buraya tıklayın", "bu bağlantı" veya ham adresin metin olarak tekrarı.
Bağlantıları bağlantıya benzetin de. Renk artı alt çizgi en güvenli sinyaldir. Bir paragrafın ortasındaki soluk gri, altı çizili bir ifade gözden kaçar; düğme biçimli bir bağlantı ise eylem sayfanın asıl amacı olduğunda uygundur.
Tıklanabilir Bağlantının Çalışmayacağı Yerler
İnsanları arama yapmaya iten kısım burası. Bazı yerler nasıl biçimlendirirseniz biçimlendirin bağlantıları göstermez.
- Instagram açıklamaları ve yorumları: tıklanabilir değil. Profil biyografisinin tek bir bağlantı alanı vardır ve Hikayeler bağlantı çıkartması taşıyabilir.
- TikTok video açıklamaları: tıklanabilir değil. Olağan yol profil bağlantısıdır.
- Basılı materyal, slaytlar ve video: dokunacak bir şey yok ve QR kod tam da bunun için var.
- Düz metin e-posta: bazı istemciler yapıştırılmış bir adresi bağlantı olarak gösterir, bazıları göstermez. Gerçek anchor etiketli HTML e-posta güvenilir yoldur.
Diğer yerler farklı davranır: X, LinkedIn ve Facebook gönderileri genellikle yapıştırılmış bir URL'yi bağlantıya çevirir, ancak onu kısaltabilir veya önizleyebilirler. Platformlar bunu değiştirir; bu yüzden bir kampanyayı buna göre planlamadan önce bir taslakla test edin.
Ham bir URL'nin yalnızca metin olduğu yerlerde okurun onu yazması gerekir. Çözüm iki parçalıdır: bağlantıyı bağlantıların çalıştığı yere koyun (biyografi bağlantı alanı veya bir biyografi bağlantı sayfası) ve adresi yazılabilecek ya da tanınabilecek kadar kısa ve akılda kalır yapın. Uzun bir izleme URL'si orada umutsuzdur; kısa markalı olan değildir. Instagram biyografisine bağlantı ekleme ve TikTok biyografi bağlantısı rehberleri platform adımlarını ele alır.
Bağlantınız Neden Tıklanabilir Değil (ve Çözümü)
Bu listeyi sırayla uygulayın. Gördüğüm hemen her durumu kapsar.
- Adreste şema yok.
example.com/page,https://example.com/page'in bağlantıya dönüştüğü yerde düz metin kalabilir.https://ekleyin. - Adresin içinde başıboş bir boşluk veya satır sonu var. Görmek için onu düz metin alanına yapıştırın, sonra boşluğu silin.
- Düzenleyici düz metin modunda. Gmail'de yazma penceresinin düz metne ayarlı olmadığını kontrol edin; bir CMS'de kod görünümünden görsele ya da tersine geçin.
- Platform bağlantıları temizliyor. Yukarıdaki listeye bakın; hiçbir biçimlendirme bunu düzeltmez.
- Bağlantı çalışıyor ama yanlış yere gidiyor. Bir yazım hatası veya kopyalanmış bir izleme eki. Göndermeden önce kendiniz tıklayın.
Tıklanabilir Bağlantıyı Tıklamaya Değer Kılın
Bağlantı çalıştığında iki yükseltme onu daha iyi yapar. Temiz ve dokunması kolay olsun diye kısaltın ve insanlar güvensin diye markalayın. Kısa, markalı bir bağlantıyı biyografiye koymak, videoda yüksek sesle okumak veya bir SMS'e bırakmak, sorgu dizeli ham bir URL'den daha kolaydır ve tıklamaları saymanıza ve hedefi sonradan gönderiyi düzenlemeden yeniden yönlendirmenize izin verir. Uzun adres kampanya etiketleri taşıyorsa, onları kısa bir bağlantının arkasına saklamadan önce UTM parametreleri açıklandı her etiketin ne yaptığını gösterir.
HTML'yi elle yazıyorsanız tam URL'yi href içinde tutun ve anlamı bağlantı metnine taşıtın. Bağlantıları açıklamalara, sunumlara ve baskıya bırakıyorsanız kısa bir bağlantıya ve bir QR koda başvurun. Aynı hedef, gerçekten kullanılabileceği yere konmuş.
Pillar Yazı Serisini Okuyun
Bu yazı eğitimler kümesinde yer alıyor. Pillar yazı bağlantı yönetimi nedir. Kısaltma temelleri için bir URL nasıl kısaltılır tamamlayıcı yazıdır.
Blogda İlgili Yazılar
Sıkça sorulan sorular
Bir bağlantıyı nasıl tıklanabilir yaparım?
Bağlantı yapmak istediğiniz metni seçin, Ctrl+K (Mac'te Cmd+K) tuşlarına basın ve hedef URL'yi yapıştırın. Bu kısayol, Gmail, Google Docs, Word ve çoğu düzenleyicide vurgulanan metni köprüye çevirir. Ham HTML'de metni bir anchor etiketiyle sararsınız: <a href="https://example.com">visit us</a>.
Bağlantım neden tıklanabilir değil?
İki yaygın neden. Metin, Instagram açıklaması veya TikTok biyografisi gibi otomatik bağlantı oluşturmayan bir yere düz metin olarak yapıştırılmış; orada hiçbir URL tıklanabilir değildir. Ya da URL hatalı biçimlenmiş: birçok ayrıştırıcının onu bağlantıya çevirmeden önce gereksindiği https:// öneki eksik.
Bir e-postada tıklanabilir bağlantı nasıl yapılır?
Bağlantı metnini yazın, vurgulayın ve URL'yi eklemek için araç çubuğundaki bağlantı düğmesini veya Ctrl+K'yı kullanın. Tek başına https:// ile başlayan tam bir URL yapıştırırsanız çoğu e-posta istemcisi onu otomatik algılar ve tıklanabilir yapar, ancak köprülenmiş bağlantı metni daha temiz görünür ve dokunması daha kolaydır.
Instagram açıklamaları gibi bağlantılara izin verilmeyen yerlerde tıklanabilir bağlantı nasıl yapılır?
Bir Instagram açıklamasının veya TikTok video açıklamasının içine köprü koyamazsınız; bunlar düz metindir. Çözüm yolu, bir biyografi bağlantı sayfası veya tek biyografi bağlantı alanı ile insanların bağlantıların çalıştığı tek yerden kopyalayabileceği ya da dokunabileceği kısa, akılda kalır markalı bir bağlantıdır.
Bir e-posta adresine veya telefon numarasına tıklanabilir bağlantı nasıl yapılır?
mailto: veya tel: bağlantısı kullanın. HTML'de bu <a href="mailto:[email protected]">Email us</a> veya <a href="tel:+15551234567">Call us</a> olur. Word, Gmail ve Docs'ta Ctrl+K'ya basın ve adresi mailto:[email protected] olarak yazın. Telefon bağlantıları yalnızca arama yapabilen cihazlarda numara çevirir; bu yüzden masaüstünde genellikle bir arama uygulaması açar ya da hiçbir şey yapmaz.
Tıklanabilir bir bağlantıda bağlantı metni nedir?
Bağlantı metni, ham URL yerine "kılavuzu oku" gibi bağlantıyı taşıyan görünür, tıklanabilir sözcüklerdir. İyi bir bağlantı metni bağlantının nereye gittiğini anlatır; okura ve yardımcı teknolojiye hedef hakkında hiçbir şey söylemeyen "buraya tıklayın" ifadesinden kaçının.
Elido'yu deneyin
Bir URL yapıştırın, çalışan bir kısa bağlantı alın
Kayıt gerekmez. Bağlantı 30 gün boyunca yaşar. Sonsuza kadar saklamak için kaydolun.
Kayıt gerekmez. Ücretsiz kaydolun, ayda 50 bağlantı oluşturun.