Kotvy - záložky na stránce
Kotvy tvoří odkazy uvnitř obsahu webových stránek. Můžete s nimi vytvořit záložky na stránce.
Kotvy se vám mohou hodit kdykoli píšete delší text, na který chcete vytvořit přibližovací odkazy. Nebo pokud chcete vytvořit interní odkazy směřující na konkrétní odstavec na jiné stránce webu. Dále se kotvy používají pro tvorbu menu u one-page webových stránek.
Příklad použití kotev jako interních odkazů u seriálu SEO: užitečné tipy z blogu inPage.
Příklad odkazu
Odkaz na poslední odstavec tohoto článku. Po kliknutí vás prohlížeč posune na poslední odstavec v tomto článku.
Jak vytvořit kotvy v textovém editoru
Každá kotva je vždy tvořena ze dvou částí:
- cíl, tedy vložení kotvy na určité místo.
- odkaz na tento cíl.
Cíl kotvy
Na místo kam chcete vložit kotvu, nejčastěji nadpis konkrétního odstavce, umístěte kurzor a vyberte nástroj kotva v panelu nástrojů. Následně napište název této kotvy. Název by měl shrnovat obsah cíle, je to dobré pro SEO i vaši orientaci v seznamu kotev.
Na místě kam jste vložili cíl kotvy se vytvoří ikona.
Odkaz na kotvu
Text, který bude sloužit jako odkaz, si označte. Následně vyberte nástroj vložit/upravit odkaz, v roletce Kotvy vyberte vámi vytvořenou kotvu a uložte.
Jak vytvořit kotvy v HTML kódu
Pokud potřebujete využít o něco více, než nabízí textový editor, napište to v HTML.
Cíl zadáte jako atribut id s názvem kotvy. Id můžete vepsat do nadpisu h1-h6, odstavce p, obrázku, nebo využít již vytvořených id v šablonách inPage. Například při odrolování na patičku (kontakty).
<h3 id="nazev-kotvy">nadpis</h3>
Do odkazu pak přidáte mřížku a název vaší kotvy #nazev-kotvy:
<a href="/inpage/nazev-stranky/#nazev-kotvy">odkaz na kotvu</a>
Příklad kotvy
Tým inPage
info@inpage.cz
Přidat komentář
Přehled komentářů
Kotva na jiné stránce
19. 9. 2023 21:58:11 | Roman
Když odkazuji na text na jinou stránku kde mám zadané kotvy, tak se mi kotvy vůbec nezobrazují v nabídce. Jako by systém vůbec o nich nevěděl. Ale stačí v odkazu vybrat danou stránku a za lomítko adresy přidat #názevkotvy a funguje to jak má.
Odpovědět | Zobrazit odpovědi
Re: Kotva na jiné stránce
21. 9. 2023 9:03:15 | Tým inPage
Dobrý den,
kotvy se v nabídce zobrazují jen pokud jsou na dotyčné stránce. Pokud kotvou odkazujete mimo tuto stránku na jinou, je třeba zadat kotvu ručně. Tedy tak jak popisujete, vyberete url adresu dané stránky a za ni napíšete název kotvy ve tvaru #nazevekotvy.
Odpovědět
Jak si poradit se sticky prvky?!
8. 12. 2022 19:28:17 | Boar cz
Chybí mi informace, jak přesně zaměřit kotvu, když mám na stránce sticky prvek na pozici top:0 left:0 width:100% a height např 50px… při posunutí na kotvu, je prvek překryt sticky prvkem … šlo by nějaké řešení uvést?!
Odpovědět | Zobrazit odpovědi
Re: Jak si poradit se sticky prvky?!
9. 12. 2022 10:25:00 | Tým inPage
Dobrý den,
můžete nám poslat na e-mail info@inpage.cz název domény, na které stránky připravujete a podívali bychom se na váš požadavek podrobněji. Nastavení se může lišit šablona od šablony a tedy univerzální odpověď v daném případě není.
Děkujeme za zaslání požadavku a ve chvíli, kdy jej obdržíme tak se vám ozveme s řešením.
Tým inPage
Odpovědět
Kotva sice odkazuje na odstavec, ten je ale z části zakrytý hlav
24. 11. 2016 15:49:23 | Petr Suchomel
Dobrý den,
na webu www.aquachip.cz jsem použil šablonu HANAMI a dle vašeho jiného návodu vytvořil jednostránkovou prezentaci. Pro navigaci na stránce jsem využil kotvy, na něž jsem dal odkazy do menu (konkrétně POPIS a POTENCIÁLNÍ APLIKACE). Odkazy na kotvy fungují a kliknutí na ně naviguje po stránce.
Ovšem navigace neprobíhá správně a část textu (začátek odstavce na který je kotva vytvořena) je zakryt horní lištou s menu a logem.
Bylo by možno mě navigovat, kde dělám chybu, případně navrhnout nějaké řešení?
Předem děkuji za odpověď,
Petr S.
Odpovědět | Zobrazit odpovědi
Re: Kotva sice odkazuje na odstavec, ten je ale z části zakrytý
28. 11. 2016 10:05:32 | tým inPage
Dobrý den,
odkaz na kotvu vždy sjede na začátek textu (pokud se nejdedná o spodní okraj stránky, tam pak sjede co nejníž to lze). Bohužel prohlížeč nepozná že tento začátek textu překrývá vrhní fixní menu. U šablony Hanami to lze vyřešit pomocí odkazu na prvek stránky popsaného v článku "One-page stránky na šabloně Hanami". Zkuste na vašem webu použít id separator (#separator). Kotva poskočí ještě o maličko výš. Další možností je vložit na stránky JavaScriptový kód, který bude automaticky dopočítávat prostor nad kotvou. Tento kód pro vás můžeme vytvořit jako zakázkové řešení přímo na míru. - napište nám email na inpage@zoner.cz
Odpovědět
Odkaz na kotvu
17. 6. 2016 6:01:33 | Vladislav Kubica
Ať dělám, co dělám, dám kotvu s názvem jako cíl, to není problém, ale tento cíl se mi nikde nezobrazuje. Nad tímto dotazem máte obrázek v odstavci "Odkaz na kotvu" - tam je Titulek a Cíl, mezi nimi máte KOTVY - mě se to ani v nové ani ve staré verzi neukáže. Mám tam prostě jen Titulek a Cíl. Fakt už nevím, co dělám špatně a nechce se mi to neustále vepisovat do html. Prosím o radu
Odpovědět
RE: Kotvy v textovém editoru nefungují (ve starém)
17. 5. 2016 8:36:14 | Tým inPage
Dobrý den,
kotvy fungují ve staré i nové verzi administrace inPage. Fungují také ve všech verzích wysiwyg editoru. U starších editorů je postup trochu odlišný, kde se pro vložení kotvy využije nástroj kotva.
V nové administraci se kotva skrývá pod ikonou vlaječky (záložka) a napojení provedete pod ikonou řetězu, vyberete Typ odkazu > Kotva v této stránce a kotvu v políčku podle jména kotvy.
Odpovědět
Kotvy v textovém editoru nefungují (ve starém)
17. 5. 2016 7:56:53 | Vladislav
Pěkný den.
V textovém editoru (stará verze administrace), se neukáže kotva, abych si ji vybral. Jakmile to ale napíši do HTML, je vše v pořádku. Už používám novou administraci, tam najdu kotvy kde, prosím?
Odpovědět