Quy Trình Thiết Kế Web – Part 2: Sitemap

Hôm nay mình sẽ giới thiệu đến các bạn phần tiếp theo của quy trình thiết kế web đó là cách lập Sitemap. Với bài viết này, chúng ta sẽ được hiểu thêm về sitemap cũng như quy luật đặt tên cho các trang trong trang web của mình.

I. Sitemap là gì?

  • Sitemap là sơ đồ cấu trúc của một website, được thể hiện bằng hình ảnh phác thảo theo sơ đồ nhánh cây (Hierarchical sitemap)
  • Sitemap còn cho ta một cái nhìn tổng quát giữa các thông tin như :
    • Sự liên kết giữa các trang : động (dynamic, có code, database) – tĩnh (static)
    • Tên của tửng trang web, hệ thống số tham chiếu, v.v…
  • Sitemap nên được thực hiện một cách rõ ràng để tìm thông tin một cách nhanh chóng.

II. Phác thảo Sitemap

Khi phác thảo sitemap, các trang cần phải có những thông tin sau :

  • Tên trang
  • Tên tập tin : *.html
  • Số tham chiếu

Và chúng được thể hiện dưới dạng sơ đồ như sau :

III. Ý nghĩa các trang

  1. Splash page : có thể có hoặc không, thường là để biểu diễn khi mới vào trang web (intro)

 

  1. Homepage : bắt buộc phải có, trang chủ là trang của một website, tại đây sẽ chứa các thông tin ưu tiên nhất, và các liên kết để đến trang khác.

 

  1. Các trang khác : là các trang chứa thông tin, hình ảnh của từng đề mục.

 

IV. Quy luật đặt tên

  1. Tên trang :
  • Đặt tự do sao cho vừa ý với nội dung của trang
  • Tên này chỉ thể hiện trên sitemap
  • Tên trang nên là nút liên kết
  1. Tên tập tin :

Vì tên file sẽ được lưu trên máy vi tính nên bắt buộc phải tuân theo các quy luật sau :

  • Tập tin đầu tiên phải có tên index.html
  • Tên file không được có khoảng trắng, nếu muốn tách ra phải có ký tự gạch dưới “_”
  • Không nên viết chữ hoa
  • Các tập tin phải đặt tên sao cho gợi ý để dễ tìm, nên đặt theo quy luật nối tiếp (portfolio.html -> port_web.html, port_logo.html)
  1. Số tham chiếu :

Thông thường, trang Home được quy định là 1.0

– Nếu có trang Splash thì sẽ là 0.0

– Các trang cấp 1 sẽ là : 1.0 ; 2.0 ; 3.0 ; 4.0 ; …

– Các trang cấp 2 sẽ là : 1.1 ; 2.1 ; 3.1 ; 4.1 ; ….

– Các trang cấp 3 sẽ là : 1.1.1 ; 1.1.2 ; 1.1.3 ; …

V. Tips

– Tùy theo lượng thông tin mà nên thực hiện website rộng (wide site) hay sâu (deep site)

– Trước khi thực hiện sitemap, những thông tin nào nằm ở chỗ nào, khi đặt tên cho nút liên kết thật gợi ý dễ hiểu, gắn với nội dung của chủ đề đó, thông thường nên là tên trang.

SURYA123 SURYA123 SURYA123 DEWASLOT88 INDOSLOT INDOSLOT mankeerom.sch.id min6tangerang.sch.id itubola dmw303 808bola menang slot blog303 prediksitotowap.com agensbobet.us pangkal-pinang.vmt.co.id WINNING303 LOGIN WINNING303 LOGIN WINNING303 mehmetcekici.av.tr www.cybergear.org trijssenaar.nl suppisgarden.in time-viz.com jchenlab.info trumpycat.buzz jellyjoeai.buzz coderun.biz btccomputers.com uio.la simple-djsh.app bayiservisi.com algocheats.eliaskamm.com alchemy2.metasophiea.com ftp.alexander-welsh.com ftp.chipandjoannaexposed.com ftp.chriscolatos.com ftp.bjmendy.com ftp.hello.vote ftp.honestillusion.com ftp.droid-break.info ftp.duhkattack.com ftp.igprof.org ftp.drinkingdiary.com ftp.dorota.hu ftp.flatmap.it ftp.dc-ec5eabb25e27.pilkauskas.lt ftp.errorcodelookup.com ftp.depastabartorhout.be ftp.dulerock.com ftp.eric.sh ftp.iamjimtaylor.com ftp.ian.dev ftp.edithkolkman.nl ftp.evanculver.com ftp.fermads.com ftp.garystonerock.com ftp.davidgrieser.com ftp.doege.pw ftp.goudenkomijburg.nl ftp.iamwalker.com ftp.elimgoodman.com ftp.epistemics.net ftp.feriadosapp.com ftp.exetech.org.uk ftp.hamishwoodrow.com ftp.imwilsonxu.com ftp.derekhubbard.com ftp.eimer.co ftp.esdoc2.org ftp.glaive.org ftp.hyphenlabs.com ftp.infinitefrontier.sg ftp.daveopfer.com ftp.davidj.dk ftp.diegoramos.me ftp.digitalarch.net ftp.drewtran.com ftp.elmaripskamp.com ftp.flighthacker.com ftp.georgecallaway.com ftp.imsizon.com ftp.intercont.hu ftp.devebot.com ftp.dermotmcguire.com ftp.epantzar.se balaajhi.me balde74.me balecontest.me banyano.me baptistemassuyeau.me baserad.me basmol.me avaota.dongshanpi.com b.tomreznick.com b.cruelcoding.com bladvt1d.me bayiservisi.com.tr blescred.com.br bruninnnn.xyz cardloom.me carlossmg13.me ccqs14fr.me cfd210hd.me cfdc1tr.me cgrvb0d2r.me cryoemhk.com csgre1sr.me culpan.me culpsdr.me daiey561.me dantbrady.page crashedcarkit.uk daojiao.sbs felipemagrassi.com faberpagamento.shop felipedaf.dev felixroden.dev erikson.fi evermoss.io evimistanbul.co featherfarm.live filmruhu.online findherrestaurant.us fluffybakebar.com.br frankpools.co.za kailaconsulting.ca jasencarroll.com israelsucks.org ieltsspeakingtest.app jasonoh.site junglerent.live juanmeleiro.com.br juticelight.fun kakadeka.cn mail.realorfake3d.com mail.rolistespod.com mail.pyphen.org mail.scoutmasterbucky.com mail.pulaipieci.arno.app mail.simenholvik.no mail.retrocombs.com mail.sebastianstier.com mail.qmlcode.org mail.replicability.graphics mail.sandlug.org mail.semispheresgame.com mail.qixiaodong.com mail.scottie.io mail.pousadaleange.com.br mail.rian.dk mail.salon-lafolie.com mail.simplifynet.dev m.minormakerslab.nl mail.harmoniehall.space mail.jwtenizr.sh mail.ramnes.eu m.joesutherland.rocks m.maximeborry.com mail.greenhilltravellers.nl mail.hiromu.phd mail.iamroot.blog mail.iact.info mail.idrawjs.com mail.kknight.pro mail.ledgerloops.com mail.leftbound.com mail.router.gallery mail.scruffian.com mail.hellomeet.co mail.hl7.dk mail.ieahts.org mail.jackphelps.net mail.jama1.net mail.jamesmackinnon.ca mail.jewelmlnarik.com mail.jussituomi.com mail.kosmetikahana.cz mail.liam.geek.nz mail.rebagliatte.com mail.semverdoc.org mail.healthychq.com mail.humphreyscountytnedc.com mail.joesmemos.com mail.josebmendozam.com mail.keepsake.de mail.leandronunes.com mail.ryanoday.com mail.freecoder.me mail.globalminingsuppliers.com mail.handandfootcare.nl mail.heidisprouse.com mail.hipdinosaur.com web.immersivepoints.com mail.kerosenelampsecrets.com mail.kenpousouan.com web.sethome.cc mail.shifpeng.cn mail.gogi95.mk web.hadass-sternberg.com mail.haeall.co.kr web.hbliulab.org web.houseofbim.com mail.huiq.org web.interactive-project.info web.izabelamarko.pl web.jeremykao.com web.johnnyblocks.com mail.joehiscott.com web.kayleelubick.com web.khiops.org web.kryptomonitor-project.info web.kubamracek.com web.kylir.com mail.kylethompson.co.uk web.lemonhuang.com web.liamfiddler.com mail.licensingafricandatasets.com web.poskam.ru web.remybach.dev web.rentchek.com mail.saltandstoneknits.com mail.shumbaconsulting.ca mail.fomesa168.com web.hopeandhavenforrefugees.org mail.ibert.me web.ics-csirt.io web.inviewportfolio.com web.istilldontcareaboutcookies.com mail.jpbriend.fr web.kaffebryggan.com web.kickassprogrammers.org web.kiricarini.com mail.kislyuk.com web.kononovicius.lt web.kuk-dong.kr web.laboratoriocelada.com.ar mail.kylegiddon.com mail.lindsayevanslee.com web.productminded.me web.qianduan.wiki mail.rasby.com web.putsvackfonsterputs.se web.retro-python.com.ar web.rich-knight.com web.roller8.com web.saviorx.com mail.se7enedinburgh.org web.seqpipe.com web.sharpsbeats.com web.shervinazadi.com web.fredrikleijon.se mail.gruelbox.com mail.habitmaker.co.kr web.homelab.lt mail.hurshagrawal.com web.hugihlynsson.com web.iasx.org web.ifeng.blog web.imaduddinamajid.com mail.iiife.com web.imyangty.com web.ihtc.cc web.jaimegutierrez.net mail.jawsmartin.com web.jessicawinter.eu mail.jan-ebert.com web.jinyili.top web.joannekirkham.com web.jmajhemela.eu web.josepescobar.com web.josecuevas.xyz mail.kidastro.com web.konovalets-station.com web.konstantinsidorenko.fr mail.kumoro.com web.kzngr.de web.lektor-verlag.de web.lephuong.me web.liangxiaolei.fun web.preview-dai.com web.quantbot.org mail.qiatia.cn mail.qvky.fi mail.rajatarora.in dezemisiknog.nl codelabfullstack.site divdfund.nl diabetologie-rodenkirchen.de awwdudee.space afriverse.xyz asama.dk asrisummi.live atomstudy.cn audio-free.com austinyoung.dev babydancemd.info balihub.life basabasa.digital bicycler.kr blastingdynamicgames.dev amandahatt.ca ambrosetreacycollege.info brazg.dev charlottekane.com cyrano.kr ftp.brainchest.net ftp.codelog.me ftp.besideriver.com ftp.carolineversteeg.com ftp.bradmcalister.com cpanel.capstone-engine.org cpanel.csswizardry.net cpanel.brockboland.com cpanel.boughtonplace.co.uk ftp.amansatija.com cpanel.amerisouthrealty.com cpanel.cross-platform-blog.com cpanel.chrissimpson.co.uk oxlovestrading.com particleo.de pc01.it hbe.world hashcach.site iamvasu.site retards.space markbalanay.site khanya.dev rpeixoto.works skde.tech savorspace.systems leetking.cn linasdarul.is localcleric.co makc.cc mathiashaugen.no midoai.cn mjau-aiartfart.art matiasbonfanti.xyz progres.website thebananproject.studio wygo.bike varun.wiki windows97solana.fun tallyallah.club varavsprojekti.online wangxiaojie.xn--6qq986b3xl novikov.io rustsbi.cn sfur.st mail.kodekebab.dk malcraft.xyz mengo.es physx.fun salesforcedebuglogs.com shuhanz.com taxa-compra-online.click techjam.club morningbiblestudy.com ponzi-vault.fun portfolio-terminal.xyz sea-nhp.org wellnessconnect.app nkle.design pumpxos.fun saxsolana.online shruffo.fun univarch.com yunho.vip moonlauncher.app ngtrkhnguyenblog.com stellarys.xyz stephendev.xyz turnof.fun twi.center unholywarclothing.com xthirtysix.ru orsagroup.store souzaa.online rzem.io tmahomeservices.org osragroup.space pitler.xyz retake.live roddyra.dev moveape.fun namys.ru pmeventz.com redmond.link royxun.cool maddieposhard.dev march1st.xyz richardnixon.dev rock-cat.xyz screenless.ch nathanmierski.com plpr-info.icu victor-the-anxious.lol sanvigowda.com wapcbdportal.com y-ambition.com lvnadev.cc makapaka.jp malik.sh master-all.online mcrc.no milatrade.de mkwt.ca pianorepair.gr pouz.de ptc.sa redublank.de researchis.gay thegaragellc.us thof.space uncleed.in vallab.io vliang.ca wsnd.cc wyd-rn.org zarraf.io zrozumpsiakaikociaka.pl helmet.lol mantipublish.net iloveregan.org financestudio.in ptw-cwl.com skiresortriders.com sitholetraditional-healer.co taimoor-qureshi.com thankyougorgeous.com solini.net theprometey.xyz skunkworks-labs.io strikrrt.com sintbvvindmijnpet.nl thevines.shop skimaskape.xyz freyge.org sysexer.com eugssmpv.shop fivefootnine.band fizzybear.pro sumeshjagtani.com simplereading.io speicher210.de cpanel.pgloader.io cpanel.pinaxproject.com cpanel.rails-i18n.org cpanel.program-comprehension.org cpanel.radioschilenas.com cpanel.pixelbite.eu cpanel.redditkit.com cpanel.reactrb.org cpanel.quandl4j.org cpanel.pimdewitte.com cpanel.proper-code.com cpanel.quotebookapp.com cpanel.readthetpp.com cpanel.pyowa.org mail.potzenheimer.de cpanel.rober.design cpanel.recmind.cn cpanel.rendertoolbox.org cpanel.redpin.org mail.redpin.org web.orbifold.ru web.rickbutler.com web.rikheywood.co.uk ftp.pythondebugging.com web.pwnela.com web.pwnela.com ftp.pogrzebdzieckanienarodzonego.info.pl ftp.rogerstech.co.uk web.npmalerts.com web.rachitsingh.com web.rebeccaansems.com web.pythontoronto.com web.pgloader.org web.piperedirect.com ftp.plockhart.com ftp.paugargallo.com mail.post-engineering.com ftp.outcoder.net ftp.pekkamattinen.com ftp.personagenerator.net ftp.phirea.com ftp.pins-international.com ftp.philippgermann.com web.philipseidel.com web.peterwen.com ftp.outcoder.org web.projectsprouts.com web.qindio.com cpanel.peterlebek.com ftp.poojabangar.com ftp.pointech.net ftp.pbadhesives.com cpanel.portablefoundations.com ftp.plutowang.com ftp.railingagainstrealities.com cpanel.rdisw.com web.r8r.io web.ralindustries.com ftp.planetbonniedesigns.com mail.remedymedia.com ftp.rawktron.com