Vydali jsme novou knihu Social Media Content Marketing: Jak se dostat do hlavy svých následovníků a přimět je, aby se zamilovali do vaší značky.

Jedná se o reklamní poutač vpravo od silnice. Barevný obrázek může poslat řidiče do světa, který inzeruje. Pokud tam ovšem cestovatel chce jet – tedy jde na adresu uvedenou na transparentu.

Typy odkazů na webu

Jak jsme již uvedli, odkazy na webu se mohou lišit. Dva hlavní typy odkazů jsou kotvící text, neukotvený text a obrázkové odkazy. Textové odkazy jsou důležité pro propagaci, protože zvyšují váhu vyhledávacích dotazů ze seznamu kotev. Odkazy na obrázky také sdělují váhu, ale častěji se používají ke zlepšení použitelnosti webu.

Například v sekci „fotogalerie“ je pro pohodlí uživatelů logické vytvářet odkazy na obrázky. Po kliknutí na ikonku fotografie se otevře nové velké okno, ve kterém si člověk může obrázek plně prohlédnout ve velkém formátu. Nebo lze například obrázek jízdní mapy také zvětšit, pokud si uživatel přeje. Pokud váš text obsahuje kresby a grafiku, je logické uvést odkaz na stažení obrázku v plné velikosti.

Obrázek může vést na jinou stránku webu. Může to být cesta z reklamního banneru, položky nabídky atd.

Připomínáme, že není vhodné organizovat menu na vašem webu ve formě obrázků - je to nepohodlné pro vás i pro vyhledávač. Je vhodné použít text.

Jak vložit odkaz do obrázku

Většina CMS má vestavěné editory, které umožňují pracovat s načítáním obrázků a nastavováním odkazů z nich.

• V vizuální editor Obvykle stačí vybrat obrázek, kliknout na tlačítko „vložit odkaz“ a zadat požadovanou adresu URL.
• Pokud vložíte odkaz do obrázku jako HTML kód, použijte následující pravopis:

Štítek<а>znamená následovat odkaz, a udává cestu k obrázku, ze kterého uživatele někam posíláte. To znamená, že jej nejprve musíte nahrát na svůj server.

Další pokyny:

• výška, šířka - uveďte velikost obrázku;
• hranice - pracujeme s lemováním (rám);
• alt - alternativní text pro návštěvníka, jehož obrázek nebyl zobrazen.

Do obrázku můžete přidat stín, změnit průhlednost při najetí kurzorem myši, změnit barvu, zaoblit rohy – to vše je možné pomocí nástrojů CSS.

Pokud uděláte obrázek z jiného webu jako odkaz

Pro tento účel můžete použít obrázek z jiného zdroje musíte vložit jeho celou cestu.

Chcete-li na svůj web umístit obrázek, aniž byste jej stahovali, tj. přetahovali jej z jiného webu:

• Pamatujte, že použití obrázků jiných lidí není vhodné a obecně nemožné, protože každý grafický materiál má svého autora.
• Když na svém webu zobrazíte obrázek načtený z cizího zdroje, přenesete část důvěry svého webu na zdroj třetí strany a navíc zaplatíte za delší dobu načítání stránky.

To vše zhoršuje výsledky propagace webu.

Pravidla pro zveřejňování odkazů na obrázky na webu

• Odkaz pouze z vašich obrázků.
• Používejte jedinečné obrázky. Stejně jako texty by se pro úspěšnou propagaci neměly na internetu opakovat obrázky.
• Nenahrávejte velký obrázek. Vizuálně jej můžete zmenšit pomocí šířky a výšky ve značce a obrázek na stránce bude mít malou velikost. Ve skutečnosti se ale na stránku pokaždé načte obrázek v plné velikosti, což prodlouží dobu načítání stránky a bude mít špatný vliv na propagaci webu. A tím utrpí kvalita násilně komprimovaného obrazu.
• Registrovat - popis ke každému obrázku. Můžete se také zaregistrovat
  
  
  Přejít na jinou stránku
  
  
  

  Zde je vše jednoduché, k vytvoření hypertextového odkazu používáme značku kde href=”” je adresa stránky, na kterou bude přechod proveden, v našem případě je tato stránka umístěna ve stejném adresáři. Můžete sem také vložit adresu jako href=”http://site.ru/page.html” nebo to může být odkaz na archiv, který se nachází v jiné složce na vašem webu href=”arj/arhiv.zip” nebo na jakýkoli jiný dokument, na čemž ve skutečnosti nezáleží. Povinným atributem každého hypertextového odkazu je také nadpis, jedná se o popis odkazu, jedná se o velmi důležitý prvek při optimalizaci pro vyhledávače a zde píšete klíčová slova stránky nebo dokumentu, na který odkazujete. Text, který se nachází mezi tagem, se nazývá kotva a je také velmi důležitý.

  Otevření odkazu na nové stránce

  Existuje další zajímavý atribut, který se vám může hodit:

  Přejít na jinou stránku

  Cílový atribut s hodnotou _blank otevře odkaz v novém okně, často se používá, pokud nechcete, aby někdo přišel o vaši stránku a zároveň získal potřebné informace jednoduše v nové záložce nebo okně.

  Odkazy na obrázky

  
  
  
  
  
  
  
  
  
  
  
  
  

  Výsledek v prohlížeči:

  Zde je v podstatě vše jednoduché, značku obrázku jsem umístil mezi úvodní a závěrečnou značku hypertextového odkazu , ale opět jsem nevložil jen dva obrázky, třídu img jsem přiřadil jednomu, ve kterém jsem resetoval rámeček kolem obrázku, protože když se z toho stane hypertextový odkaz, objeví se, ale ne ve všech prohlížečích, například to uvidíte v IE, ale ne v Google Chrome.

  Podtržení v odkazech

  
  
  
  
  
  
  
  
  Přejít na jinou stránku
  Přejít na jinou stránku
  
  
  

  Pro přehlednost jsem uvedl dvě možnosti řešení tohoto problému, přiřadil je k selektoru třídy a registrací této třídy odstraníte zbytečné podtrhávání na konkrétních místech. Druhým řešením problému je odstranění podtržení ze všech odkazů ve značce<а>, což samozřejmě jen zřídka vyvolává potřebu, ale přesto znalosti nejsou zbytečné.

  Odkazy v dokumentu

  Není neobvyklé, když je dokument poměrně dlouhý a na začátku stránky je malé menu s odkazy na podsekce této stránky. Tyto odkazy se v dokumentu nazývají odkazy a vše je implementováno zcela jednoduše. Nejprve se do dokumentu umístí kotvy, to jsou štítky, umístí se do dokumentu, kam je bude potřeba přesunout, když kliknete na interní odkaz, zpravidla se jedná o nadpisy sekcí, štítek vypadá takto:

  < /a>

  Kapitola….< /a>

  A poslední věc, kterou o hypertextových odkazech potřebujeme vědět, jsou odkazy na elektronické schránky, lze to implementovat velmi jednoduše, stačí přidat položku jako mailto: a adresu poštovní schránky do atributu href:

  Můj mail< /a>

  Zde končím lekci „Vytváření hypertextových odkazů v html“, jak jste si mohli všimnout, bez CSS jsme se zde neobešli, obecně je materiál celkem jednoduchý, myslím, že pro vás bude vše jednoduché a jasné, pokud máte nějaké dotazy, napište.

  Datum publikace: 2014-04-23