0 Kč bez DPH

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.

pouziti-kotev-blog-inpagePří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í:

  1. cíl, tedy vložení kotvy na určité místo.
  2. 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. 

Umístění kurzoru a vložení kotvy

Název kotvy

Na místě kam jste vložili cíl kotvy se vytvoří ikona.

Připravená kotva ve stránce

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.

Vložení odkazu na kotvu

Výběr kotvy

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

Poslední odstavec tohoto článku

Tento odstavec je cílem u odkazu v příkladu.

Tým inPage
info@inpage.cz

Web s doménou ZDARMA

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