Odkazy na webu: Proč se vám po kliknutí zavře stránka a jak to snadno opravit

Cítíte frustraci, když návštěvníci opouštějí váš web po kliknutí na odkaz? Ukážu vám, proč k tomu dochází a jak jednoduchým nastavením zajistíte, aby vaše stránka zůstala otevřená.

Proč k tomu dochází?

Představte si situaci: s pečlivostí jste napsali článek, doporučujete v něm užitečný nástroj nebo jiný web, a proto do textu vložíte odkaz. Návštěvník vašeho webu na něj zvědavě klikne a... vaše stránka zmizí. Místo ní se mu v prohlížeči objeví onen doporučený odkaz. Cítí se dezorientovaný, možná zapomene, proč na původním webu byl, a už se k vám nevrátí. Získali jste sice klik na externí odkaz, ale ztratili jste pozornost potenciálního zákazníka.

Tento problém pramení z výchozího chování webových prohlížečů. Když do svého obsahu vložíte odkaz, prohlížeč ho standardně otevře ve stejné záložce (nebo okně), ve které se návštěvník právě nachází. Je to jako byste si v knihkupectví otevřeli jednu knihu a pak ji zavřeli, abyste otevřeli jinou. Původní kniha je pryč.

Problém je to především u externích odkazů – tedy odkazů, které vedou na jinou doménu, než je ta vaše. Pokud návštěvníka pošlete na cizí web a přitom se mu zavře ten váš, výrazně tím zhoršujete jeho uživatelskou zkušenost (tzv. User Experience – UX). Zvyšujete riziko, že se k vám už nevrátí. Navíc to může mít negativní dopad i na vaše SEO, protože se tím zvyšuje míra okamžitého opuštění (bounce rate), což je pro vyhledávače signál, že návštěvník na vašem webu nenašel, co hledal, nebo se mu s ním špatně pracovalo. Mnoho majitelů malých firem si tento detail neuvědomuje, ale právě správné otevírání externích odkazů pro SEO je klíčové pro udržení návštěvníků na vašem webu a pro celkové zlepšení uživatelské zkušenosti. Lidé hledají jak nastavit odkazy na webu, aby se otevíraly v nové kartě, protože cítí tento problém intuitivně.

Jak to opravit krok za krokem

Naštěstí je řešení tohoto problému jednoduché a nevyžaduje žádné složité programování. Cílem je, aby se externí odkaz otevřel v nové záložce prohlížeče, zatímco vaše původní stránka zůstane otevřená. Návštěvník si tak může nový obsah prohlédnout a kdykoliv se snadno vrátit k tomu vašemu.

Níže uvádím postup pro nejčastější platformy:

1. Pro uživatele WordPressu (Gutenberg editor)

Pokud používáte moderní blokový editor WordPressu (Gutenberg), je to velmi intuitivní:

1. Označte text nebo obrázek, který chcete použít jako odkaz.
2. Klikněte na ikonu odkazu (vypadá jako řetízek) v panelu nástrojů bloku.
3. Vložte URL adresu do pole, které se objeví.
4. Důležité: Pod polem pro URL najdete přepínač (toggle) s popiskem "Otevřít v nové záložce" (nebo "Open in new tab"). Klikněte na něj, aby se aktivoval. Změní barvu (obvykle na modrou nebo zelenou), což značí, že je funkce zapnutá.
5. Potvrďte odkaz stisknutím klávesy Enter nebo kliknutím na ikonu pro potvrzení.

2. Pro uživatele WordPressu (klasický editor)

Pokud stále používáte starší klasický editor WordPressu (TinyMCE):

1. Označte text nebo obrázek, který chcete použít jako odkaz.
2. Klikněte na ikonu odkazu (řetízek) v panelu nástrojů.
3. Vložte URL adresu do pole "URL".
4. Klikněte na ikonu ozubeného kolečka (nastavení odkazu) vedle pole "URL".
5. V zobrazeném okně zaškrtněte políčko "Otevřít odkaz v nové záložce".
6. Klikněte na "Aktualizovat" (nebo "Přidat odkaz").

3. Pro ty, kdo pracují s HTML kódem přímo

Pokud vkládáte odkazy přímo do HTML kódu (například v šablonách nebo u specifických prvků), musíte k odkazu přidat atribut target="_blank":

<a href="https://externi-web.cz" target="_blank">Text vašeho odkazu</a>

Důležité upozornění pro target="_blank": Při použití target="_blank" je doporučeno přidat také atributy rel="noopener noreferrer". Tyto atributy zvyšují bezpečnost (zabrání cílové stránce ovládat stránku vaši) a v některých případech mohou i mírně zlepšit výkon. Takže ideální kód vypadá takto:

<a href="https://externi-web.cz" target="_blank" rel="noopener noreferrer">Text vašeho odkazu</a>

Kdy používat target="_blank" a kdy ne?

• Externí odkazy (vždy): Vždy, když odkaz vede na jinou doménu než je ta vaše. To platí pro odkazy na zdroje, partnerské weby, sociální sítě, doporučené produkty atd. Tím zabráníte proč se mi externí odkaz neotevírá v novém okně a udržíte návštěvníka na vašem webu.
• Interní odkazy (nikdy): Odkazy, které vedou na jiné stránky v rámci vašeho vlastního webu, by se NIKDY neměly otevírat v nové záložce. Chcete, aby návštěvníci přirozeně procházeli váš web a objevovali další obsah bez zbytečného hromadění záložek. To by naopak zhoršilo zlepšení uživatelské zkušenosti s odkazy na webu.

Kdy je lepší svěřit to odborníkovi?

I když je nastavení otevírání odkazů v nové záložce poměrně jednoduché, existují situace, kdy se vyplatí obrátit se na profesionála.

1. Máte starší nebo komplexní web: Pokud váš web neběží na WordPressu nebo je postaven na starší, unikátní technologii, může být manuální úprava náročnější a vyžadovat zásah do kódu na více místech.
2. Potřebujete plošné řešení: Jestliže máte stovky nebo tisíce odkazů a nechcete je upravovat jeden po druhém, může webdesignér implementovat řešení, které automaticky zajistí správné chování pro všechny externí odkazy na celém webu.
3. Chcete audit odkazů: Profesionál dokáže provést audit všech odkazů na vašem webu, zajistit jejich správné nastavení nejen z hlediska UX, ale i SEO (např. kontrola nefunkčních odkazů, nastavení nofollow atributů atd.).
4. Nemáte čas nebo se necítíte jistě: Váš čas je drahý. Pokud se bojíte, že byste mohli něco pokazit, nebo jednoduše nemáte na tyto úpravy čas, je nejlepší nechat to na někom, kdo má s tím zkušenosti.
5. Chcete komplexní přístup k SEO a UX: Zkušený webdesignér se nezaměřuje jen na technické detaily, ale na celkovou uživatelskou cestu a strategie pro zlepšení pozice ve vyhledávačích. Oprava otevírání odkazů je jen jeden z mnoha prvků.

Správně nastavené odkazy výrazně přispívají k profesionálnímu dojmu z vašeho webu a pomáhají udržet návštěvníky, což je pro malé firmy klíčové.

Nebojte se, tento problém má snadné řešení, které přinese ovoce. Správným nastavením odkazů zlepšíte uživatelskou zkušenost, snížíte míru opuštění a posílíte tak pozici vašeho webu ve vyhledávačích. Pokud si s tím nejste jistí nebo chcete komplexní řešení, neváhejte se obrátit na Vítka Hoška z jasnyweb.cz. Rád vám s nastavením pomůže a zajistí, že váš web bude fungovat k vaší plné spokojenosti a pro dobro vašich zákazníků.

Máte dotaz k vlastnímu webu? Napište mi a ozvu se vám.