Miten rakentaa alatunnistetta, joka ei haisee
Koska vierailijat näkevät ensimmäisenä, kotisivut ja otsikot varastavat usein suunnittelun valokeilaan.
Mutta yläpuolella oleva ajattelu laiminlyö luonnollisen sivun asettelun luonnollisen virtauksen. Mitä tapahtuu, kun ihmiset päätyvät sivun loppuun?
Voit lyödä vetoa siitä, että yksinkertainen tekijänoikeuslausunto ei pidä vieraiden huomion, mutta monet sivut on suunniteltu odottamassa, että ihmiset löytävät tavan ... tai oletamme.
Sivun pohja ei ole verkkosivuston loppu. Informatiivinen, vakuuttava alatunniste on luonnollinen paikka johtaa ihmisiä enemmän tietoa sivuston sijaan vaeltamaan epätarkoituksenmukaisesti.
Lue lisää sivujen sisällöstä tulevista trendeistä ja innovaatioista ja vastaa ääneen kuulumattomiin kysymyksiin, mistä tästä eteenpäin?
Jatkuva ongelma ihmisten huomion kiinnittämisessä voidaan käsitellä monin tavoin: silmiinpistävä grafiikka, negatiivisen tilan käytännöllinen käyttö, räikeä typografia ja hyvin kirjoitettu teksti.
Mutta aivan liian usein ihmiset jäävät roikkuu, kun he selaa sivun alaosaan. Pitäisikö ne selata ylös? Käy toisella verkkosivustolla? Sulje välilehti?
Kun kehon sisältö päättyy, alatunniste siirtyy takaisin.
Jalka on erillinen kokoelma sisältöä, joka tekee sivun jokaiselle sivulle. Tyypillisesti se sisältää tekijänoikeusilmoituksen, linkin kotisivulle ja joko sähköpostiosoitteen tai yhteystietosivun.
Alatunnisteet lähes aina kattavat sivun leveyden . Tämän lisäksi heillä on erilaisia tyylejä.
Vaikka se ei tarjoa monia linkkejä, Dishizzle on vaikea jättää suuria kuvakkeita verkkosivujen pohjasta. Sen hakulaatikko ja ystävällinen tyyppi, tämä alatunniste on sekä luettavissa että hyödyllinen.
Vertaa sitä alatunnistimeen 43 kansiota , joka ottaa päinvastaisen lähestymistavan. Kourallinen suppeita lauseita selittää verkkosivuston tarkoitus, kuvailee omistajansa ja linkit sen web-isäntään. Perusteellisen tekijänoikeusilmoituksen jälkeen sivu päättyy.
Joskus alatunnistimet vain toistavat navigointipalkin. Se on luonnollista: kun lukija on lukenut tai käsitellyt sivua, he tulevat listalle mielenkiintoisia linkkejä muille sivuille sen sijaan, että heitä jätetään vaeltamaan.
Mutta nämä linkit ovat usein juuri sellaisia: bittiä napsautettavan tekstin järjestää ohut, alikehittynyt nauhat. Vaikka tämä voi toimia verkkosivustoille, joilla on vain vähän sisältöä, vakava sivusto ei ole täydellinen ilman hyvin suunniteltua alatunnistetta.
Jalka ei ole vain lisäosa. Se on hyvä isäntä .
Unsung Stewards
Pohja voi tuntua epätodennäköiseltä alueelta elintärkeiden tietojen saamiseksi, mutta alatunnisteet ovat ihanteellinen kiinteistö navigointiin ja tärkeisiin ominaisuuksiin, koska kävijät luonnollisesti liikkuvat tuohon suuntaan vierittämällä.
Kuten hyvä isäntä, laaja alatunniste tarjoaa erilaisia tietoja, jotka heijastavat verkkosivuston luonnetta ja sisältöä.
Jalka voi olla monilla rooleilla verkkosivustolla. Temppu päättää, missä vieraita pitäisi mennä, kun he ovat tehneet sivun. Hyvä isäntä antaa vierailijoille mahdollisuuden nauttia itseään ja toimia vain silloin, kun vieraat alkavat ihmetellä "Mitä seuraavaksi?"
Sivualueet sivustokarttaan
Vaikka otsikko esittelee linkkejä tärkeimmille osille verkkosivuilla, alatunniste voi kaivata yksityiskohtiin. Sivustoihin perustuvat alatunnisteet, jotka sopivat verkkosivustoille, jotka tallentavat sisällön monissa osissa ja aliohjelmissa, heijastavat verkkosivuston laajuutta ja huolenaiheita.
Valkoinen talo on hyvä esimerkki. Sen alatunniste esittää verkkosivuston kuudeksi osuudeksi, joista kukin sisältää vain 6 ja peräti 23 linkkiä.
Selvästi yksinkertainen, avainsanan linkit voidaan absorboida yhdellä silmäyksellä asiakkaiden skannaamalla mielenkiintoisia aiheita. Lähes yhtä pitkä kuin leveä, alatunniste on vaikea hukata, mutta sen sisältö ei kilpaile edellä olevan sivun kanssa.
Alatunnisteet mainoksina
Erityisesti jos sivusto myy jotain - tuote, palvelu tai jäsenyys - alatunniste on toinen mahdollisuus herättää kävijöitä toimimaan. Sivun lopussa on hyvä paikka muistuttaa asiakkaita tarjotun tuotteen tai palvelun etuja. Tämän saman viestin toistaminen jokaisella sivulla ohjaa pisteen kotiin.
Mail Chimp hyödyntää tätä tilaa toistamalla myyntipisteitä: 1) ilmaisia malleja, 2) palveluiden vertaamista kilpailijoihin ja 3) joustavaa hinnoittelua.
Expression Engine luetellaan myös joitain näistä asioista, ja myös linkit apua kohtaan ja muita tietoja, joita mahdolliset asiakkaat haluavat.
Toisin kuin tavalliset sivustokartat, alat, jotka mainostavat, on oltava vakuuttavampia kuin informatiivisia. Heidän pitäisi antaa vieraille kannustimia ostaa ja johtaa sivuja, joiden avulla he voivat toimia.
Alatunnisteet merkintätutkimuksina
Vaikka henkilökohtainen verkkosivusto käsittelisi aiheita, jotka kiinnostavat sen omistajaa, alatunniste voisi kuvata sen takana olevaa henkilöä. Kenen verkkosivusto on tämä? Mitä hän haluaa? Mitä muuta he tekevät?
Harvat sivustot tekevät siitä paremman kuin se graafinen suunnittelija Jason Santa Maria , jonka alatunniste voisi olla sivulle itselleen.
Samaan aikaan standardin asiantuntija Jeffery Zeldmanin sisältää visuaalisia ja jopa valokuva-katkelmia hankkeista, joihin hän on mukana tai josta hän on kiinnostunut.
Alatunniste kollona
Jalka voi sisältää tietoa siitä, miten tai miksi verkkosivusto on rakennettu. Se voisi:
- Toista verkkosivuston tehtävä tai tekstiviesti.
- Sano, mikä CMS tai ISP on käytössä.
- Ilmoita, että sivulla on voimassaoleva (X) HTML ja CSS ja se noudattaa tiettyjä esteettömyysstandardeja.
Variaatio perustuu kontekstiin
Alaviivojen tulisi yleensä pysyä yhdenmukaisina koko sivustolla. Sivukohtaiset tiedot eivät yleensä ole oikeutettuja. Mutta monimutkaiset sivustot voivat taipua sääntöjä.
Leikkisä kuvakkeet IBM: n verkkosivuilla tarjota ystävällisempi, vähemmän yritysten tapa selata sivuja. Nämä kuvakkeet näkyvät kuitenkin vain "Smarter Planet" -osiossa.
IBM: n säännöllinen alatunniste näyttää tältä:
Samoin linkit Applen sivustokarttaan perustuva alatunniste vaihtelee siinä olevan osan mukaan.
Ylätunnistin Mac-osiossa. Alla, yksi iPodista.
Yksikään näistä tehtävistä ei ole yksinomainen. Elaboroitavilla alatunnisteilla voi olla sivustokarttoja, korostuksia, päivityksiä, valtuutuksia, hakutyökaluja ja paljon muuta. Alla, BustedTees tarjoaa tapoja pysyä ajan tasalla, selata ja lähettää palautetta.
Toiminnallinen ei kuitenkaan aina johdu pakottavasta. CNN Alatunnisteeseen kuuluu hakutyökalu, paikallinen sää, sivustokartta, legalese ja linkit sen sisältöön muilla kielillä. Hyödyllisiä, mutta kuivia. Mielenkiintoisin visuaalinen elementti on punainen nauha.
Vaikka se sopii verkkosivuston sävyyn, CNN: n alatunniste on vain suunniteltu olemaan kilpailematta edellä mainitun sivun kanssa.
Miten rakentaa hyödyllinen alatunniste
Yleensä Web-sivu kutsuu ihmisiä toimimaan tai oppimaan. Kun olet lukenut uutisartikkelin tai blogikirjoituksen, ihmiset poistuvat uudesta ideasta tai joukosta tosiasioita. Tuotesivut kouluttavat kävijöitä myydyistä tuotteista. Säätietoja säästävät sivut vaikuttavat siihen, miten ihmiset pukeutuvat. Kussakin tapauksessa henkilö on muuttunut jonkin verran, kun he saavuttavat sivun alareunan. Ja siellä he löytävät alatunnisteen.
Joten, sivun loppu on luonnollinen paikka laittaa kahta asiaa: työkaluja, joiden avulla kävijät voivat toimia juuri heille oppimalla; ja kehottaa toimimaan.
Alatunnistimilla on kova työ. Ihmiset eivät ota heitä pois tavasta; he vaistomaisesti selaa ylhäältä tai klikkaavat pois. Siksi hyviä alatunnisteita ei saa suunnitella kuin jälkitaulukoiksi, vaan ikään kuin sivut itse.
Hyödyllisen alatunnisteen luominen alkaa kysyä tiettyjä kysymyksiä:
- Mitä sisältöä verkkosivustollani haluan korostaa?
Hyvä jalkalista ohjaa vieraita näille sivuille. - Mitä muuta kiinnostaa kävijöitä?
Hyvä jalka houkuttelee vieraita haluamillaan tiedoilla. Vierailijat, jotka kävivät alaspäin, olivat todennäköisesti sidoksissa sivun sisältöön. Linkit niihin liittyvään tietoon säilyttävät ne verkkosivuilla. - Mikä sisältö hyötyisi eniten kävijöistä?
Kuten hyvä isäntä, sen tehtävänä on auttaa. Jalka palkitsee vieraat pääsemään sivun loppuun, jos mahdollista, freebies tai viihde tai, paremmin vielä, usein pyydetyt tiedot. Jos sivusto on tarkoitettu tiili- ja laastaliiketoiminnalle, alatunniste voi sisältää yksinkertaisen kartan sijaintiin. - Mikä merkitsisi verkkosivuston luonnetta ja tyyliä?
Kuten hyvä lopputulos, alatunniste summaa sivuston luonteen: sen aiheen, asenteen ja teeman. Tällä tavoin alatunniste on samanlainen kuin otsikko, joka tuo verkkosivuston uusille tulokkaille.
T-paita myyjä Threadless vastaa moniin kysymyksiin avainsanarikkaan alatunnistimessa:
Kun olet päättänyt laittaa alatunnisteen, älä unohda esitystä.
- Tee siitä iso.
Token-alatunniste on ohut, vain riittävän pitkä, jotta yksi tekstirivi voidaan hyväksyä. Huomiota kiinnittävä alatunniste on huomattava. Nyrkkisääntö on tehdä alatunnisteen korkeudesta vähintään neljäsosa sen leveydestä. Jos sivu on esimerkiksi 960 pikseliä, alatunnisteen on oltava vähintään 240 pikseliä pitkä. - Aseta se erilleen.
Anna alatunnistimelle erillinen raja ja varmista, että se ulottuu sivun leveyteen. Vieraiden pitäisi nähdä missä keho päättyy ja alatunniste alkaa. - Anna sille tyyli.
Alaviivalla pitäisi olla verkkosivuston teema, tyyli, värimalli ja typografia. Jos mahdollista, sen pitäisi käyttää visuaalisia elementtejä muualta verkkosivuilla. Mutta se ei saisi heikentää sivun sisältöä. - Tee se kannattavaksi.
Ihanteellinen alatunniste on riittävän vahva, jotta se antaisi asiakkaalle huomion. Se tarjoaa mielenkiintoista sisältöä houkuttelevaan pakettiin - kuten kaikkiin tärkeisiin sivuihin.
Huoltaja ei pelkää pelata sen alatunnistetta. Merkkiympäristöön sopivien väripalkkien väliset silmiinpistävät grafiikat kertovat kävijöille, että tämä on sisältöä , ei pelkästään hienompaa tulosta.
Silverback on muutamia ominaisuuksia sen alatunnisteessa, mutta runsaasti tyyliä. Se tarjoaa helppolukuisen kokemuksen, joka palauttaa verkkosivuston tarkoituksen ja kannustaa kävijöitä saamaan päivityksiä uutiskirjeensä kautta.
Sillä aikaa Travelocity pakkauksissa 72 linkkejä sen alatunnisteeseen, visuaalisen hierarkian puute tai selkeä ulkoasu vaikeuttavat vakavasti ottamista. Enemmän ei aina tarkoita parempaa.
Kaikki nämä kriteerit voivat kuulostaa korkealta, mutta on olemassa kaksi helppoa lähestymistapaa hyvän alatunnisteen luomiseen.
Lähestymistapa # 1: Luo pienikokoinen kotisivu
Helpoin tapa luoda hyödyllinen alatunniste on kattaa verkkosivuston tarkoitus ja kohokohtia. Katso kotisivusi inspiraatiota varten.
Tavallisesti kotisivu on ristikko sisällön ja uutistunnisteen välillä, jolloin vieraille annetaan yleiskuva verkkosivustosta ja uusimmista tiedoista.
Alaotsakkeen ei tarvitse sisältää kaikkia elementtejä kotisivulta. Jos kotisivulla esitellään 10 myydyintä tuotetta ja 3 viimeisintä blogiviestiä, alatunniste voisi korostaa viittä parasta tuotetta ja 1 viesti, jossa on linkkejä useampaan. Myös verkkosivuston logon pienempi versio olisi tarkoituksenmukainen.
Ajattele alatunnistetta sisällysluettelona, joka näkyy kätevästi, kun kävijät tarvitsevat sitä eniten: kun he ihmettelevät seuraavia asioita.
MacTalk Australia on suhteellisen pieni otsikko, joka jättää enemmän tilaa sisältöä ja mainontaa varten taitoksen yläpuolelle. Lähes kaksi kertaa korkeampi kuin otsikko, sisällöllinen alatunnistus laajenee yksinkertaisen otsikon navigointiin ja käyttöönottoon kirjoittamalla, kuinka paljon sisältöä jokaisella luokalla on ja mitkä tagit ovat suosituimpia. Sekä otsikolla että alatunnisteella on RSS- ja Twitter-kuvakkeet, ja alatunnisteessa on uutiskirjeen tilauslomake sekä kaksi muuta RSS- ja Twitter-linkkiä, jotka ovat tekijänoikeuslausekkeen alapuolella.
New York Times footer sisältää viimeisimmät otsikot ja valokuvia eri osista.
Lähestymistapa 2: tarjota täydentävä sisältö
Ala-alatunnukset voivat tehdä päinvastoin palvellakseen pienoiskoossa kotisivulta tarjoamalla sisältöä, jota ei löydy missään muualla verkkosivustolla.
Lisäosien sisältämät bittiä, jotka eivät pysty täyttämään sivuja yksinään, voivat löytää kodin alatunnisteen. Toisin kuin miniatyyri-kotisivulla, lisäalatunnisteella voi olla linkkejä muihin sivustoihin, kunhan ne ovat informatiivisia tai hyödyllisiä vieraille.
Mutta älä käsittele alatunnistetta polkumyynnistä sellaisille tavaroille, jotka eivät mahdu muualle. Kuten minkä tahansa oikean sivun, alatunnisteen on ilmoitettava, suostuttava, vietettävä tai tehtävä kaikki kolme. Avain on löytää hyödyllisiä tietoja, jotka tukevat verkkosivujen yleistä teemaa, ei mitään yksittäistä sivua.
Komodo Media 'S footer sisältää silmäänpistäviä linkkejä, mitä omistaja kuuntelee Last.fm.
Jotkin sivustot, kuten Kääntyä , viittaavat heidän verkkosivujensa perheeseen. Yritykset voivat edistää tuotemerkkejä yksinkertaisesti ristisilloittamalla ne toisiinsa.
Muut lähestymistavat
Jos verkkosivustolla on huomattava sivupalkki, yritä järjestellä se alatunnisteeksi. Vaikka tämä muuttaa verkkosivuston ulkoasua voimakkaasti, siirtää toissijaisia tietoja sivun alareunaan voi poistaa häiriötekijöitä ensisijaisista tiedoista.
Matkalla
Jalkojen kultainen sääntö ei koskaan jätä vieraita omiin laitteisiinsa .
Alatunnisteet ovat isäntiä, jotka tarjoavat asiakkailleen vaihtoehtoja. Ne ovat luonnollisia askeleita verkkosivustolla, houkuttelemalla vieraita klikkaamaan muita sivuja tai niihin liittyviä verkkosivustoja.
Voit oppia paljon sivuston prioriteeteista alatunnisteen sisällöstä. Mikä on alatunnistimessasi juuri nyt? Sinulla on yksi, eikö? Koska verkkosivusto, jossa ei ole alatunnistetta, on huonompi kuin artikkeli ilman sitä
Kirjoittanut yksinomaan Webdesigner Depot - Ben Gremillion . Ben on freelance-web-suunnittelija, joka ratkaisee viestinnän ongelmat paremmalla suunnittelulla.