Jokainen, joka on tekemisissä verkkosivujen luomisen kanssa, tietää, että linkittäminen muihin sivustoihin on perustavanlaatuinen toiminto verkkosuunnittelussa ja käyttäjäkokemuksessa. Ulkoiset linkit mahdollistavat sinulle arvokkaiden sisältöjen viittaamisen, jotka voivat täydentää tai tukea omaa sivuasi. On myös tärkeää ymmärtää, miten ja miksi käyttää näitä linkkejä tehokkaasti, jotta käyttäjäkokemus optimoituu ja varmistetaan, että kävijät eivät vain "niele" sivuasi. Tässä oppaassa opit yksityiskohtaisesti, kuinka sijoitat ulkoiset linkit oikein HTML:ään ja kuinka Target-attribuuttia käytetään linkkien avaamiseksi uudessa välilehdessä tai ikkunassa.
Tärkeimmät havainnot
- Ulkoiset linkit viittaavat muihin verkkosivustoihin ja ovat tärkeitä tiedon levittämisessä.
- Target-attribuutti voi auttaa avaamaan linkkejä uudessa välilehdessä tai ikkunassa, mikä parantaa käyttäjäkokemusta.
- On tärkeää tiedottaa käyttäjiä siitä, että he vierailevat toisella sivustolla.
Vaiheittainen opas
Ensinnäkin, sinun on ymmärrettävä, miltä yksinkertainen linkki HTML:ssä näyttää.
Vaihe 1: Yksinkertaisen ulkoisen linkin luominen
Sinulla on mahdollisuus luoda ulkoinen linkki käyttämällä HTML-taga , jota seuraa osoite, johon haluat linkittää.
Tässä esimerkissä "verkkosivulle" toimii tekstinä, joka on käyttäjälle klikattavissa. Kun käyttäjäsi klikkaa tätä linkkiä, hänet ohjataan Wikipedia-sivulle.
Vaihe 2: Ulkoisen linkin testaaminen
Kun olet luonut linkin, sinun on varmistettava, että se todella toimii. Klikkaa linkkiäsi selaimessasi ja tarkista, ohjataako se oikealle verkkosivulle. Toimivassa linkissä Wikipedia-sivu avautuu uudessa välilehdessä tai ikkunassa, jos et käytä target-attribuuttia.
Vaihe 3: Target-attribuutin käyttäminen
Jos haluat, että linkki avautuu uudessa ikkunassa tai välilehdessä, voit käyttää target-attribuuttia.
Attribuut _blank varmistaa, että selain avaa linkin uudessa välilehdessä, kun alkuperäinen sivu pysyy avoinna.
Vaihe 4: Tavoitteen ymmärtäminen
Target-attribuuttia voidaan käyttää eri tarkoituksiin. Ulkoisten linkkien osalta _blank on yleisin arvo käyttäjäystävällisyyden parantamiseksi, jotta käyttäjät eivät menetä alkuperäistä sivua.
Voit myös harkita varoituksen antamista, kun käyttäjät napsauttavat ulkoisia linkkejä. Tämä voi auttaa käyttäjiä tiedostamaan lähestyvän navigoinnin.
Vaihe 5: Käytännön toteutus verkkosivullasi
Kun luot tai muokkaat verkkosivua, varmista, että integroit ulkoiset linkit järkevästi. Linkit arvokkaaseen sisältöön, kuten Wikipediaan, voivat tarjota lisäyhteyksiä ja auttaa kävijöitä oppimaan enemmän aiheesta.
Vaihe 6: Linkin päättäminen
Ennen kuin päätät linkkisi, varmista, että olet lisännyt kaikki tarvittavat komponentit oikein. Varmista, että URL ja linkkiteksti ovat hyvin valittuja ja oikein kirjoitettuja.
Vaihe 7: Ulkoisten linkkien testaaminen
Kun olet luonut linkkejä, on tärkeää testata niiden toimivuus. Käy läpi linkkisi ja varmista, että ne toimivat oikein ja täyttävät käyttäjien odotukset.
Yhteenveto - Ulkoisten linkkien ja targetin perusteet HTML:ssä
Käyttämällä ulkoisia linkkejä ja toteuttamalla target-attribuutin oikein HTML:ssä voit merkittävästi parantaa verkkosivusi käyttäjäkokemusta. Ulkoiset linkit tarjoavat kävijöillesi mahdollisuuden saada lisätietoa, ja uusien ikkunoiden tai välilehtien avaaminen varmistaa, että he voivat pysyä sivullasi. Soveltamalla näitä tekniikoita verkkosivusi ei ainoastaan ole informatiivisempi vaan myös käyttäjäystävällisempi.
Usein kysytyt kysymykset
Miksi minun pitäisi käyttää ulkoisia linkkejä?Ulkoiset linkit tarjoavat kävijöillesi lisätietoja ja tukevat sisällön ymmärtämistä.
Mitä target="_blank"-attribuutti tekee?Se avaa linkin uudessa välilehdessä tai ikkunassa, joten alkuperäinen sivu pysyy auki.
Onko ulkoisten linkkien käytössä riskejä?Kyllä, ulkoiset linkit voivat olla rikkoutuneita tai johtaa epävarmoihin sivustoihin, mikä voi vaikuttaa negatiivisesti käyttäjäkokemukseen.
Kuinka testaan ulkoisen linkin?Klikkaa linkkiä selaimessasi ja tarkista, latautuvatko sivu oikein.
Should I always use target="_blank" for external links?On suositeltavaa tehdä niin ulkoisten linkkien kohdalla käyttäjäystävyyden parantamiseksi, mutta se ei ole pakollista.
