5 beste praktyke vir die ontwerp van 'n indrukwekkende webwerf-voetskrif
Leer hoe om 'n bladsyvoettitel te ontwerp. Wenke oor wat u moet byvoeg, wat nie moet bygevoeg word nie, en voorbeelde van goeie webwerf-voetstukke vir inspirasie.
As u u webwerf-voetskrif verwaarloos het en glo dat dit die minste waardevolle deel van u webwerf is, kan hierdie bevindings u van plan verander.
Toe gebruikertoetsing hul voettekst aanpas, voeg hulle 'n lys met besigheidsdoelstellings en doelwitte wat deur klante ooreenstem, en hul omskakeling verhoog met 50%.
Toe Smart Insights 'n nuwe voetskrifontwerp vir 'n luukse handsak se webwerf getoets het, is omskakelings in verkope het met 23,77% gegroei en inkomste per besoeker het met 15,99% gestyg.
Kyk na data van 1 miljoen anonieme aanlyngebruikers op tien webwerwe, het Chartbeat gevind dat besoekers spandeer het die helfte (66%) van hul "verlooptyd" onder die vou. Dit verwys na die onderste gedeelte van die bladsy, onder die gedeelte wat gebruikers onmiddellik sien as hulle 'n webwerf oopmaak.
In vergelyking met lessenaarsbesoekers, blaai mobiele gebruikers verder af op 'n bladsy en is dit meer geneig om met die voettekst te kommunikeer.
1 Waarom u webwerf se voetskrif-aangeleenthede aangaan?
1.1 Voordele vir besoekers aan die webwerf
1.2 Voordele vir webwerf-eienaars
2 Wat u in u bladsyvoettitel moet prioritiseer
2.1 Maatskappy se logo
2.2 Kontak inligting
2.6 Oproep tot aksie (GTA)
2.7 Besonderhede van die maatskappy
3.1 1. Met dieselfde kop- en voetlysmenu
3.2 2. Oor-Optimalisering
3.3 3. Onbelangrike skakels
3.4 4. Oorvol uitlegte
4 Hoe om 'n effektiewe voetskrifontwerp te ontwerp
4.1 1. Stel leesbaarheid eerste
4.2 2. Bly getrou aan u handelsmerk
4.3 3. Optimaliseer vir mobiele gebruikers
4.4 4. Hou dit eenvoudig
4.5 5. Word georganiseerd
5 Putting It All Together: Footer Design Inspirations
5.1 Blou takkie
5.2 Die New York Times
Waarom u webwerf se voetskrif-aangeleenthede aangaan?
Voetknoppies bied, in plaas daarvan om 'n onnodige strukturele element op u webblad, veelvuldige voordele vir u besoekers en u besigheid te bied.
Voordele vir besoekers aan die webwerf
Voettekste help hulle om die inligting wat hulle benodig te vind: Daar is ten minste twee redes waarom lesers aan die onderkant van u webblad sal verskyn: Hulle hou van u inhoud en wil meer blaai, of hulle soek iets wat hulle nie op u kopknoppies kan vind nie. Vir diegene wat in u onderneming belangstel, kan u voettekste gebruik om hulle na ander interessante inhoud op u webwerf te lei. U kan skakels insluit na bladsye wat nie op u kopknoppie verskyn nie, soos vennootskappe en geaffilieerde geleenthede.
Dit red hulle om terug te gaan na die kop: As u webbesoekers aan u inhoud geheg raak en meer wil weet, hoef hulle nie weer na die bokant van u bladsy te gaan nie. Net na u inhoud is 'n bladsyblad waar hulle u kontakbesonderhede kan kry, kan inteken op u nuusbrief, u op sosiale media kan volg of u ander produkte kan verken..
Voordele vir webwerf-eienaars
Dit verminder u weieringskoers: Deur u besoekers na ander nuttige skakels te lei, is dit meer geneig om ander bladsye oop te maak en langer op u webwerf te bly. Dit verminder u weieringskoers, of die aantal mense wat net een bladsy op u webwerf bekyk. Dit is veral belangrik vir kleinhandelondernemings wat wil hê dat hul besoekers die bladsy moet "rondkyk".
Dit stel u in staat om geloofwaardigheid te bou: Sommige ondernemings neem die bladsyblad om hul akkreditasie, kliëntelogo's of gewilde webwerwe te vertoon om hul bekwaamheid te bewys. Intussen help kopiereg-simbole en skakels na wetlike besonderhede en privaatheidsbeleide vertroue in u handelsmerk. Al hierdie dinge beïnvloed die potensiële kliënte se besluit om 'n ondersoek in te stel en uiteindelik 'n aankoop te doen.
Dit help omskakeling te verhoog:Wanneer besoekers wat eerste keer op u bladsy beland, kan hulle u sosiale media-skakels in die boonste hoek sien. Maar op hierdie punt op die reis van hul koper, voel hulle miskien nie gedwing om u aanlyn te volg nie. Aangesien u inhoud hul nuuskierigheid aanloklik maak – en miskien sien hulle u sertifisering en kliëntelogo's in u bladsyblad, voel hulle meer geneig om by u intekenare aan te sluit. Deur 'n aanmeldings- of kontakvorm op die bladsyblad te plaas, maak u dit gerieflik vir besoekers om in intekenare of moontlik kliënte om te skakel.
Dit is 'n ekstra geleentheid vir sake-bevordering: As dit kom by die gebruik van die bladsyonderskrif om die aandag op u onderneming te vestig, is die moontlikhede eindeloos. Afgesien van sosiale media-rekeninge en aanmeldvorms, kan u persvrystellings, kantoorplekke en u nuutste aanbiedings insluit.
U kan selfs skakels na u ander besighede of u programme plaas, soos Goodreads dit doen.
Wat u in u bladsyvoettitel moet prioritiseer
Gegewe die voordele wat 'n goed beplande voetskrif bied, wil u hierdie kosbare ruimte laat tel.
Uiteindelik berus u op wat u in die voetskrifontwerp van u webwerf prioritiseer. Maar hier is 'n paar elemente wat u moontlik wil insluit.
Maatskappy se logo
U logo verteenwoordig u besigheid, en u wil hê dat lesers dit kan onthou en kan identifiseer met u naam en die waarde wat u lewer. As u u logo in u bladsyblad gebruik, kan besoekers u onderneming onthou en dit met u inhoud en dienste vereenselwig, en sodoende handelsmerkherkenning verbeter.
As u u fisiese adres en telefoonnommers onderaan u bladsy plaas, is dit 'n bewys dat u 'n wettige onderneming is en vertroue in u onderneming opbou. Boonop maak dit dit vir voornemende kliënte maklik om navrae uit te reik, wat hulle die moeite doen om terug te gaan na u hoofmenu of dieper in u webwerf te soek vir kontakbesonderhede.
Hier is nog 'n paar wenke om u kontakbesonderhede in te sluit:
Fisiese adres – As u wil hê dat mense u fisiese winkel maklik moet opspoor, oorweeg dit om 'n kaart by te voeg. Alternatiewelik, maak die adres klikbaar sodat dit 'n kaart op 'n ander oortjie oopmaak.
Meervoudige takke – As u verskeie liggings het, kan u kontakbesonderhede vir elke webwerf plaas. As dit nie haalbaar is nie, plaas 'n ankerteks wat na 'n bladsy met 'n lys van al u takke oopmaak.
Oproepknoppie – As u een kliek weg is, maak u dit makliker vir kliënte om u te kontak.
Dit beskerm u inhoud teen plagiaat op die webwerf. Dit stuur 'n sterk teken dat u regstappe sal doen as iemand krediet neem vir tekste, beelde of video's wat u gepubliseer het. terwyl kopieregvereistes wissel ten minste in verskillende lande, maak seker dat u die ©-simbool, die publikasiejaar en die naam van die kopieregeienaar insluit.
Die nakoming van hierdie wettige vereiste help u om vertroue onder u lesers te vestig deur die insameling van data deursigtig te hou. jou Privaatheidsbeleid verduidelik aan besoekers watter persoonlike inligting u versamel, hoe dit geberg en gebruik word, duidelike opsies om in of uit te teken, en diensverskaffers van derdepartye wat moontlik ook hierdie data gebruik.
Kyk na die privaatheidsbeleid van u besigheidsplekke, soos die Algemene Verordening op die Beskerming van data (GDPR) as u kliënte in die Europese Unie het. As u onderneming diensverskaffers van derdepartye gebruik, soos vir die verwerking van betalings, moet u ook hul vereistes ondersoek.
WebMD se bladsyvoettitel, byvoorbeeld, plaas hul privaatheidsbeleid in 'n kolom met ander belangrike riglyne. Hulle vertoon ook 'n Betrou seël, gebruikers te verseker dat hulle privaatheidspraktyke ernstig opneem.
Die verskaffing van 'n skakel na u gebruiksvoorwaardes bladsy (ook 'terme en voorwaardes' of 'diensbepalings' genoem) is nie 'n wettige vereiste nie. Dit bied egter webwerf-eienaars beskerming teen aanspreeklikheid en beskerm die werf teen die oortreding van kopiereg en ander onwettige handelinge soos strooipos deur die gebruiker se verantwoordelikhede te omskryf..
Oproep tot aksie (GTA)
As u GTA's op u bladsyblad plaas, word dit besoekers in intekenare of volgelinge, wat u omskakelings verhoog of u kliënte dieper in die koper se reis beweeg. As u GTA's insluit, veral skakels op sosiale media, help dit om u besigheid as 'n gevestigde onderneming te verf en stel besoekers in staat om u te volg op 'n platform wat die beste vir hulle is.
Daar is verskeie GTA's wat u kan insluit, soos:
Sluit aan by u nuusbrief
Volg jou op sosiale media
Vul 'n kontakvorm in
'N Demo versoek
Sluit aan vir 'n gratis proeflopie
Sodra u lesers met u inhoud beïndruk het en hulle aan die onderkant van u bladsy bereik het, sal hulle waarskynlik meer wil weet oor u onderneming.
Gebruik u bladsyblad om besonderhede oor u besigheid te beklemtoon wat u moontlik nie in die bladsyopskrif kan insluit nie, soos skakels na die volgende bladsye:
Loopbane of werk
Geassosieerde of vennootskapsgeleenthede
Lys van produkte of dienste
'N Deel van die ontwerp van klantgerigte bladsyvoettekste is om te verseker dat dit maklik is om skakels na bladsye wat lesers nodig het – hetsy as 'n potensiële kliënt of as 'n huidige kliënt – te vind. Hierdie ondersteuningskakels kan die volgende insluit:
E-handelswebwerwe kan selfs die volgende ankertekste insluit:
Versending- en afleweringsinligting
Terugkeer- en ruilbeleide
In plaas daarvan om bloot 'Ondersteuning' te sê, het die voetskrif van Book Depository 'n 'Hoe kan ons help?' kolom, en onder dit is die anker-tekste 'Waar is my goed?' en "Waar lewer jy af?" Die styl is informeel, gesprekvoering en help om 'n opregte begeerte om hulp te verleen, oor te dra.
1. Met dieselfde kop- en voetlysmenu
Soms draai webbesoekers na die bladsyonderskrif as hulle nie besonderhede in u koplys kan vind nie. In hierdie geval voeg die gebruik van presies dieselfde skakels op u kop- en voetskrif geen waarde vir u besoekers of u onderneming nie.
Verdeel u belangrike bladsye tussen die bladsy- en bladsyvoetskrif om te voorkom dat webbesoekers deur teks oorweldig word. Gebruik u kop vir u bladsye met die beste waarde, en bespreek u bladsyblad vir ander belangrike skakels.
Let op hoe Apple se taai kop slegs ses produkkategorieë bevat. 'N Voettekst bevat 'n langer lys produkte (kolom links) asook 'n lys dienste.
Ooroptimalisering, hetsy in u inhoud of voettekst, is nie 'n doeltreffende manier om u soektog op die bladsy te verhoog nie. Die rangorde-algoritme van Google is besig om hierdie vragtegniek vir sleutelwoorde in te haal, en dit kan net 'n negatiewe uitwerking op u SEO-resultate hê. In plaas daarvan om te optimaliseer, kies 'n handvol sleutelwoorde en fokus daarop.
3. Onbelangrike skakels
U bladsyvoet is nie die plek om enige bladsye op u webwerf te lys nie. Besoekers wat u hele bladsy geskandeer het en u voetskrif nagegaan het, is waarskynlik reeds geïnteresseerd in u aanbiedinge. In plaas daarvan om 'n kopgooi van ankertekste in te gooi, moet u die voetskrif in 'n effektiewe navigasie-instrument maak. Lei hulle na u bladsy met produkte of dienste, of nuttige skakels soos tutoriale of die blog van u onderneming.
4. Oorvol uitlegte
Dit kan aanloklik wees om soveel as moontlik aan die onderkant van u webwerf in te pak. Maar 'n stampvol voetskrif kan u besoekers afskakel, wat veroorsaak dat hulle die bladsy verlaat of oor u ankertekste glans. Kies die belangrikste bladsye, organiseer dit en gebruik wit ruimte om 'n netjiese, leesbare voetskrifontwerp te skep.
Hoe om 'n effektiewe voetskrifontwerp te ontwerp
Daar is soveel maniere om 'n voetskrif te maak wat esteties en funksioneel is. Afgesien van die wenke hierbo, is hier die top vyf beste praktyke vir voetskrifontwerp.
1. Stel leesbaarheid eerste
Aangesien voetskriftekste dikwels klein is en webbesoekers geneig is om dit na te slaan, benodig u 'n ontwerp wat verseker dat die woorde maklik leesbaar is. Om te verseker dat u voetskrif leesbaar is, kan u:
Kies vir eenvoudige lettertipes soos sans serif.
Vermy die gebruik van te veel lettertipes of kleure.
Benut die witruimte en eksperimenteer met kreen- en lynhoogte.
'N Ander manier om die leesbaarheid van u voetskrif te verhoog, is om goeie kleurkontraste te gebruik. Dit stel u besoekers in staat om gemaklik u ankertekste te lees, sonder om hul oë te knip of te strak.
Die standaardkombinasie is om swart teks op 'n wit agtergrond te gebruik of andersom. Hier is 'n paar wenke: as u hiervan wil afwyk en met meer kleure eksperimenteer:
Kies kleure wat u handelsmerk en u algemene ontwerp ontwerp.
Ontwerp met u teikengehoor in gedagte. As u webwerf bejaardes maak, gebruik kleure wat sag is vir die oë. Kombineer dit met 'n beperkte hoeveelheid teks en 'n ruim wit spasie.
Kies kleure wat die emosie of persoonlikheid wat u op u webwerf wil gee, oordra. Kies byvoorbeeld rooi as u dringendheid en energie wil oordra. Gaan vir blou om betroubaarheid en kalmte te simboliseer, of groen om die natuur of gesondheid te verteenwoordig.
Laat u GTA's uit die bladsy spring deur 'n ander kleur te gebruik, soos die geel knoppies van The Guardian teen 'n blou agtergrond.
Genereer kleurkombinasies met behulp van kontras-toeganklikheidshulpmiddels soos die volgende:
Toeganklikheid Kleur Generator
2. Bly getrou aan u handelsmerk
U webwerf is 'n belangrike komponent van u handelsmerk. Dit geld veral vir e-handelondernemings, wie se belangrikste kontakpunte met kliënte aanlyn is.
'N Sterk, konsekwente handelsmerk help webbesoekers om u te onthou en u maatskappy se naam te koppel aan u logo, dienste of produkte, waardes en 'n spesifieke gevoel of ervaring.
Daar is verskillende maniere om 'n voetskrifontwerp te ontwerp wat ooreenstem met u handelsmerk. Hier is 'n paar idees:
Soos hierbo genoem, kies kleure wat u waardes of skakerings voorstel wat u in u logo of bemarkingsmateriaal gebruik het.
Neem u logo, gelukbringer of ander elemente in wat u handelsmerk simboliseer.
Gebruik soortgelyke ontwerpelemente, insluitend tipografie en uitleg wat u in ander promosiemateriaal gebruik het.
Let op hoe Smashing Magazine dieselfde teks en agtergrondkleur vir die kop- en voetskrif gebruik. Die illustrasies help om 'n speelse atmosfeer te behou vanaf die boonste menu van die webwerf tot onder.
3. Optimaliseer vir mobiele gebruikers
Aangesien mobiele gebruikers waarskynlik na die onderkant van u bladsy blaai as tafelbesoekers, optimaliseer u u webwerf vir verskillende toestelle veral op mobiele een is 'n moet. Hierdie strategie strek bo responsiewe ontwerpe. Om dit vir mobiele gebruikers makliker te maak om u te bereik of u webwerf te skandeer:
Pas u grootte van die bladsyonderskrif aan sodat besoekers maklik opsies kan tik sonder om in te zoem.
Sluit 'n klikbare oproepknoppie in sodat besoekers maklik na u kan uitreik.
As u gebruikers wil aanmoedig om na u fisiese kantoor of vertoonlokaal te gaan, skakel u adres aan 'n kaart.
As u programme het, verskaf skakels hierna.
4. Hou dit eenvoudig
Eenvoud in voetskrifontwerp verwys na die styl en inhoud. Hou u voetskrif skoon, hou by 'n paar kleure en tipografie en vermy uitgebreide agtergronde. Wat die inhoud betref, hou die ankertekste kort en beperk die items wat u vertoon. As u u lesers oorlaai met versierde uitlegte of te veel teks, sal dit moontlik net u aandag van u GTA's en ander waardevolle skakels aftrek.
5. Word georganiseerd
'N Goed georganiseerde voetskrif verbeter die leesbaarheid van die webwerf, stel lesers in staat om 'n oog op die webwerf en die maatskappy te kry en besoekers in staat stel om inligting wat hulle nodig het, maklik te vind.
As u verskeie ankertekste wil byvoeg, maar is bekommerd dat die bladsyvoetste rommel kan lyk, pas die volgende tegnieke toe:
Rangskik verwante spyskaarte in kolomme en voorsien 'n kolomopskrif.
Eksperimenteer met lettergroottes, lynhoogte of tekskleure om die hiërargie van die inhoud te toon. Gebruik byvoorbeeld 'n effens groter lettertipe vir die kolomopskrifte, en laat meer ruimte tussen die kop en die ankerteks daaronder.
Gebruik verskillende agtergrondkleure om een ​​gedeelte van u voetskrif van die res te skei.
AgingCare gebruik drie agtergrondkleure om die bladsyonderskrif in dele te verdeel. Hul GTA, wat op 'n blou agtergrond vertoon word, staan ​​op die voetknoppies (in liggrys agtergrond), en die kopiereg, gebruiksvoorwaardes en privaatheidsbeleidinligting aan die onderkant (donkergrys agtergrond).
Putting It All Together: Footer Design Inspirations
Een manier om idees vir u webwerf te genereer, is om deur ander bladsye te blaai. Let op hoe ander ontwerpers die konsepte hierbo insluit om goed vervaardigde voetskrifte te lewer. Hier is vier ontwerpe om u te inspireer.
Die voetskrif van hierdie ontwerpstudio, met sy geanimeerde agtergrond en 'n blou takbok-logo, vertoon die firma se kreatiwiteit. Die buite-agter-die-boks-vermaaklikhede, en die kontrasterende beeld van 'n blou logo hou by u geheue. Hierdie netjiese voetskrif beklemtoon die GTA, dit wil sê die maatskappy se kontaknommer en e-posadres, wat albei klikbaar is.
Die voetskrif van die New York Times het 'n eenvoudige, skoon ontwerp, met ruim wit spasie en 'n standaardkontrast van swart teks teen 'n ligte agtergrond. Ankertekste, georganiseer in kolomme, lei besoekers na ander interessante bladsye en artikels, en moedig hulle aan om op die webwerf te verken en te bly. Die ontwerp maak gebruik van tipografiese hiërargie om meer aandag te gee aan die naam van die onderneming aan die linkerkant en die intekeningopsies aan die regterkant.
Die voetskrif van die skoonheidsmark neem 'n klassieke voorkoms met wit teks teen 'n swart agtergrond aan. 'N Dun lyn verdeel die bladsyonderskrif in twee afdelings: die kolom-anker-tekste aan die bokant, en die GTA, sosiale media-ikone, kopiereg en privaatheidsbeleid aan die onderkant. Die handelsmerk het ook 'n aftreklys vir besoekers om hul streek of taal te kies, met 'n Engelse en Frans-Kanadese weergawe.
Ankertekste is netjies in vier kolomme gegroepeer. Deur die gebruik van voldoende wit spasie, kan die voetskrif van Sephora baie inligting bevat sonder om deurmekaar te wees.
Intussen behou die maatskappy se mobiele weergawe die kolomopskrifte, aanmeldopsie en sosiale media-ikone. Regs bo die voetskrif verskyn skakels na die App Store en Google Play, waar mobiele gebruikers die Sephora-app kan aflaai.
StackSocial bied 'n aansporing vir nuwe kliënte om aan te meld by die nuusbrief. Dit gebruik ook 'n blou knoppie vir die CTA, waardeur hy in ooreenstemming met sy handelsmerk kan bly. Die blou CTA spring ook van die bladsy af te midde van die donker agtergrond en ligte teks. 'N Logo van die Better Business Bureau (BBB) ​​regs onder help om vertroue vir die handelsmerk te skep.
Daar is soveel maniere om 'n voetskrif te ontwerp wat u omskakeling kan verhoog en u webwerf toeganklik en maklik kan maak om te navigeer. Hou aan om die wenke hierbo te eksperimenteer en toe te pas totdat u met 'n voetskrifontwerp vorendag kom wat aan u onderneming se doelwitte en u teikenkliënt se behoeftes voldoen.