Vydali sme novú knihu Marketing obsahu sociálnych médií: Ako sa dostať do hláv svojich nasledovníkov a prinútiť ich, aby sa zamilovali do vašej značky.

Ide o reklamný pútač napravo od cesty. Farebný obrázok môže poslať vodiča do sveta, ktorý propaguje. Ak tam cestovateľ, samozrejme, chce ísť – to znamená, že ide na adresu uvedenú na transparente.

Typy odkazov na stránke

Ako sme už povedali, odkazy na stránke sa môžu líšiť. Dva hlavné typy odkazov sú text kotvy, text bez kotvy a odkazy na obrázky. Textové odkazy sú dôležité pre propagáciu, pretože zvyšujú váhu vyhľadávacích dopytov z kotevného zoznamu. Odkazy na obrázky tiež nesú váhu, ale častejšie sa používajú na zlepšenie použiteľnosti stránky.

Napríklad v časti „fotogaléria“ je pre pohodlie používateľov logické vytvárať odkazy na obrázky. Po kliknutí na ikonu fotografie sa otvorí nové veľké okno, v ktorom si človek môže plne prezrieť obrázok vo veľkom formáte. Alebo napríklad obrázok jazdnej mapy možno aj zväčšiť, ak si to používateľ želá. Ak váš text obsahuje kresby a grafiku, je logické poskytnúť odkaz na stiahnutie obrázka v plnej veľkosti.

Obrázok môže viesť na inú stránku lokality. Môže to byť cesta z reklamného bannera, položky ponuky atď.

Pripomíname, že nie je vhodné organizovať menu na vašej webovej stránke vo forme obrázkov - je to nepohodlné pre vás aj pre vyhľadávač. Je vhodné použiť text.

Ako vložiť odkaz do obrázka

Väčšina CMS má vstavané editory, ktoré umožňujú prácu s načítavaním obrázkov a nastavovaním odkazov z nich.

• IN vizuálny editor Zvyčajne stačí vybrať obrázok, kliknúť na tlačidlo „vložiť odkaz“ a zadať požadovanú adresu URL.
• Ak vložíte odkaz do obrázka ako HTML kód, použite nasledujúci pravopis:

Tag<а>znamená sledovanie odkazu, a určuje cestu k obrázku, z ktorého používateľa niekam posielate. To znamená, že ho najprv musíte nahrať na svoj server.

Ďalšie pokyny:

• výška, šírka - uveďte veľkosť obrázka;
• okraj - pracujeme s lemovaním (rám);
• alt - alternatívny text pre návštevníka, ktorého obrázok sa nezobrazil.

Do obrázku môžete pridať tieň, zmeniť priehľadnosť pri prejdení kurzorom myši, zmeniť farbu, zaobliť rohy – to všetko je možné pomocou nástrojov CSS.

Ak urobíte obrázok z inej stránky ako odkaz

Na tento účel môžete použiť obrázok z iného zdroja musíte prilepiť celú cestu.

Ak chcete umiestniť obrázok na svoj web bez toho, aby ste ho stiahli, to znamená, že ho stiahnete z inej lokality:

• Pamätajte, že používanie cudzích obrázkov nie je vhodné a vo všeobecnosti nemožné, pretože každý grafický materiál má svojho autora.
• Keď na svojej stránke zobrazíte obrázok načítaný z cudzieho zdroja, prenesiete časť dôvery svojej stránky na zdroj tretej strany a navyše zaplatíte za dlhší čas načítania stránky.

To všetko zhoršuje výsledky propagácie webových stránok.

Pravidlá pre umiestňovanie odkazov-obrázkov na stránku

• Odkaz iba z vašich obrázkov.
• Používajte jedinečné obrázky. Rovnako ako texty, pre úspešnú propagáciu by sa obrázky na internete nemali opakovať.
• Nenahrávajte veľký obrázok. Vizuálne ho môžete zmenšiť pomocou šírky a výšky v značke a obrázok na stránke bude mať malú veľkosť. V skutočnosti sa však na stránku zakaždým načíta obrázok v plnej veľkosti, čo predĺži čas načítania stránky a bude mať zlý vplyv na propagáciu stránky. A tým utrpí kvalita násilne komprimovaného obrazu.
• Registrovať - popis ku každému obrázku. Môžete sa tiež zaregistrovať
  
  
  Prejdite na inú stránku
  
  
  

  Všetko je tu jednoduché, na vytvorenie hypertextového odkazu používame značku kde href=”” je adresa stránky, na ktorú sa vykoná prechod, v našom prípade sa táto stránka nachádza v rovnakom adresári. Môžete sem vložiť aj adresu href=”http://site.ru/page.html” alebo to môže byť odkaz na archív, ktorý sa nachádza v inom priečinku na vašej lokalite href=”arj/arhiv.zip” alebo do akéhokoľvek iného dokumentu, na čom v skutočnosti nezáleží. Taktiež povinným atribútom každého hypertextového odkazu je nadpis, toto je popis odkazu, je to veľmi dôležitý prvok pri optimalizácii pre vyhľadávače a sem píšete kľúčové slová stránky alebo dokumentu, na ktorý odkazujete. Text, ktorý sa nachádza medzi tagom, sa nazýva kotva a je tiež veľmi dôležitý.

  Otvorenie odkazu na novej stránke

  Existuje ďalší zaujímavý atribút, ktorý sa vám môže hodiť:

  Prejdite na inú stránku

  Cieľový atribút s hodnotou _blank otvorí odkaz v novom okne, často sa používa, ak nechcete, aby niekto prišiel o vašu stránku a zároveň získal potrebné informácie jednoducho v novej karte alebo okne.

  Odkazy na obrázky

  
  
  
  
  
  
  
  
  
  
  
  
  

  Výsledok v prehliadači:

  V podstate je tu všetko jednoduché, značku obrázka som umiestnil medzi otváraciu a zatváraciu značku hypertextového odkazu , ale zase som nevložil len dva obrázky, triedu img som priradil jednému, v ktorom som zresetoval rámik okolo obrázku, keďže keď sa z neho stane hypertextový odkaz, zobrazí sa, ale nie vo všetkých prehliadačoch, napr. v IE, ale nie v Google Chrome.

  Podčiarknutie v odkazoch

  
  
  
  
  
  
  
  
  Prejdite na inú stránku
  Prejdite na inú stránku
  
  
  

  Pre prehľadnosť som dal dve možnosti riešenia tohto problému, priradil som ich k selektoru triedy a registráciou tejto triedy odstránite zbytočné podčiarknutie na konkrétnych miestach. Druhým riešením problému je odstránenie podčiarknutia zo všetkých odkazov v značke<а>, čo samozrejme len zriedka spôsobuje potrebu, ale znalosti nie sú zbytočné.

  Odkazy v rámci dokumentu

  Nie je nezvyčajné, keď je dokument dosť dlhý a na začiatku stránky je malé menu s odkazmi na podsekcie tejto stránky. Tieto odkazy sa v dokumente nazývajú odkazy a toto všetko je implementované celkom jednoducho. Na začiatok sú v dokumente umiestnené kotvy, to sú štítky, sú umiestnené v dokumente, kam ich bude potrebné presunúť, keď kliknete na interný odkaz, spravidla ide o nadpisy sekcií, štítok vyzerá takto:

  < /a>

  Kapitola….< /a>

  A posledná vec, ktorú potrebujeme vedieť o hypertextových odkazoch, sú odkazy na elektronické schránky, dá sa to implementovať veľmi jednoducho, stačí pridať položku ako mailto: a adresu schránky do atribútu href:

  Moja pošta< /a>

  Tu končím lekciu „Vytváranie hypertextových odkazov v html“, ako ste si mohli všimnúť, bez CSS sme sa tu nezaobišli, vo všeobecnosti je materiál celkom jednoduchý, myslím, že všetko bude pre vás jednoduché a jasné, ak máte nejaké otázky, píšte.

  Dátum publikácie: 2014-04-23