Izdali smo novo knjigo, Trženje vsebine v družabnih omrežjih: kako priti v glave vaših sledilcev in jih prepričati, da se bodo zaljubili v vašo blagovno znamko.

To je reklamni transparent na desni strani ceste. Barvita slika lahko voznika pošlje v svet, ki ga oglašuje. Če popotnik seveda želi tja - torej gre na naslov, ki je naveden na transparentu.

Vrste povezav na spletnem mestu

Kot smo že povedali, so lahko povezave na spletnem mestu drugačne. Dve glavni vrsti povezav sta zasidrano besedilo, nezasidrano besedilo in slikovne povezave. Besedilne povezave so pomembne za promocijo, saj povečajo težo iskalnih poizvedb s sidrnega seznama. Povezave do slik prav tako izražajo težo, vendar se pogosteje uporabljajo za izboljšanje uporabnosti spletnega mesta.

Na primer, v razdelku »galerija fotografij« je za udobje uporabnikov logično ustvariti povezave do slik. Ob kliku na ikono fotografije se odpre novo veliko okno, v katerem si lahko oseba v celoti ogleda sliko v velikem formatu. Ali pa se lahko na primer slika voznega zemljevida po želji uporabnika tudi poveča. Če vaše besedilo vsebuje risbe in grafike, je logično, da navedete povezavo za prenos slike v polni velikosti.

Slika lahko vodi do druge strani na spletnem mestu. To je lahko pot iz oglasne pasice, elementa menija itd.

Opozarjamo vas, da menija na vaši spletni strani ni priporočljivo organizirati v obliki slik - to je neprijetno tako za vas kot iskalnik. Priporočljivo je, da uporabite besedilo.

Kako v sliko vstaviti povezavo

Večina CMS ima vgrajene urejevalnike, ki vam omogočajo delo z nalaganjem slik in nastavljanjem povezav iz njih.

• IN vizualni urejevalnik Običajno lahko preprosto izberete sliko, kliknete gumb »vstavi povezavo« in določite želeni url.
• Če v sliko vstavite povezavo kot kodo HTML, uporabite naslednje črkovanje:

Oznaka<а>pomeni sledenje povezavi, a določa pot do slike, s katere uporabnika nekam pošljete. To pomeni, da ga morate najprej naložiti na svoj strežnik.

Dodatna navodila:

• višina, širina - navedite velikost slike;
• meja - delamo z robniki (okvir);
• alt - nadomestno besedilo za obiskovalca, katerega slika ni bila prikazana.

Sliki lahko dodate senco, spremenite prosojnost, ko lebdite s kazalcem miške, spremenite barvo, zaokrožite vogale - vse to je mogoče z orodji CSS.

Če naredite sliko z drugega mesta kot povezavo

Za ta namen lahko uporabite sliko iz drugega vira v prilepiti morate njegovo celotno pot.

Če želite postaviti sliko na svoje spletno mesto, ne da bi jo prenesli, to je, da bi jo potegnili z drugega mesta:

• Ne pozabite, da uporaba slik drugih ljudi ni priporočljiva in na splošno nemogoča, saj ima vsak grafični material svojega avtorja.
• Ko na svojem spletnem mestu prikažete sliko, naloženo iz vira nekoga drugega, prenesete del zaupanja svojega spletnega mesta na vir tretje osebe in poleg tega plačate za daljši čas nalaganja strani.

Vse to poslabša rezultate promocije spletnih strani.

Pravila za objavo slikovnih povezav na spletnem mestu

• Povezava samo iz vaših slik.
• Uporabite edinstvene slike. Tako kot besedila se za uspešno promocijo tudi slike ne smejo ponavljati na internetu.
• Ne nalagajte velike slike. Vizualno ga lahko zmanjšate z uporabo širine in višine v oznaki , slika na strani pa bo majhna. Toda v resnici se bo slika v polni velikosti vsakič naložila na stran, kar bo podaljšalo čas nalaganja strani in slabo vplivalo na promocijo spletnega mesta. In kakovost prisilno stisnjene slike bo trpela.
• Registrirajte se - opis za vsako sliko. Lahko se tudi registrirate
  
  
  Pojdite na drugo stran
  
  
  

  Tukaj je vse preprosto, za ustvarjanje hiperpovezave uporabljamo oznako kjer je href=”” naslov strani, na katero bo opravljen prehod, v našem primeru se ta stran nahaja v istem imeniku. Tukaj lahko vnesete tudi naslov, kot je href=”http://site.ru/page.html“ ali pa je lahko povezava do arhiva, ki se nahaja v drugi mapi na vašem spletnem mestu href=”arj/arhiv.zip” ali na kateri koli drug dokument, kar pravzaprav ni pomembno. Prav tako je obvezen atribut vsake hiperpovezave naslov, to je opis povezave, to je zelo pomemben element pri optimizaciji iskalnikov in tukaj napišete ključne besede strani ali dokumenta, na katerega se povezujete. Besedilo, ki se nahaja med oznako, se imenuje sidro in je prav tako zelo pomembno.

  Odpiranje povezave na novi strani

  Obstaja še en zanimiv atribut, ki vam lahko koristi:

  Pojdite na drugo stran

  Ciljni atribut z vrednostjo _blank odpre povezavo v novem oknu; to se pogosto uporablja, če ne želite, da oseba izgubi vašo stran in hkrati dobi informacije, ki jih potrebuje, preprosto v novem zavihku ali oknu.

  Povezave do slik

  
  
  
  
  
  
  
  
  
  
  
  
  

  Rezultat v brskalniku:

  Tu je v bistvu vse preprosto, oznako slike sem postavil med začetno in končno oznako hiperpovezave , ampak spet nisem samo vstavil dveh slik, eni sem dodelil razred img v katerem sem ponastavil okvir okoli slike, saj ko postane hiperpovezava se prikaže, vendar ne v vseh brskalnikih, videli jo boste npr. v IE, ne pa v Google Chromu.

  Podčrtavanje v povezavah

  
  
  
  
  
  
  
  
  Pojdite na drugo stran
  Pojdite na drugo stran
  
  
  

  Zaradi jasnosti sem dal dve možnosti za rešitev te težave, dodelil ju izbirniku razreda in z registracijo tega razreda boste odstranili nepotrebne podčrtaje na določenih mestih. Druga rešitev težave je odstranitev podčrtaja z vseh povezav v oznaki<а>, kar seveda redko povzroči potrebo, a vseeno znanje ni odveč.

  Povezave znotraj dokumenta

  Ni neobičajno, da je dokument precej dolg in je na začetku strani majhen meni s povezavami do podrazdelkov te strani. Te povezave se imenujejo povezave znotraj dokumenta in vse to je implementirano precej preprosto. Za začetek so v dokumentu postavljena sidra, to so oznake, postavljene so v dokument, kamor jih bo treba premakniti, ko kliknete notranjo povezavo, praviloma so to naslovi razdelkov, oznaka izgleda takole:

  < /a>

  Odsek….< /a>

  In zadnja stvar, ki jo moramo vedeti o hiperpovezavah, so povezave do elektronskih nabiralnikov, implementirati jih je mogoče zelo preprosto, samo dodajte vnos, kot je mailto: in naslov nabiralnika atributu href:

  Moja pošta< /a>

  Tukaj zaključujem lekcijo "Ustvarjanje hiperpovezav v html", kot ste morda opazili, tukaj ne bi mogli brez CSS, na splošno je gradivo precej preprosto, mislim, da vam bo vse preprosto in jasno, če imate kakršna koli vprašanja, pišite.

  Datum objave: 2014-04-23