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.

mankeerom.sch.id itubola dmw303 808bola menang slot blog303.pro prediksitotowap.com agensbobet.us WINNING303 LOGIN WINNING303 LOGIN WINNING303 WINNING303 SLOT DEMO WINNING303 www.cybergear.org trijssenaar.nl suppisgarden.in time-viz.com jchenlab.info trumpycat.buzz jellyjoeai.buzz coderun.biz uio.la bayiservisi.com alchemy2.metasophiea.com ftp.alexander-welsh.com ftp.droid-break.info ftp.dc-ec5eabb25e27.pilkauskas.lt ftp.eric.sh ftp.iamjimtaylor.com ftp.evanculver.com ftp.doege.pw ftp.goudenkomijburg.nl ftp.elimgoodman.com ftp.epistemics.net ftp.feriadosapp.com ftp.exetech.org.uk ftp.hamishwoodrow.com ftp.eimer.co ftp.glaive.org ftp.infinitefrontier.sg ftp.drewtran.com ftp.elmaripskamp.com ftp.flighthacker.com ftp.georgecallaway.com ftp.intercont.hu ftp.dermotmcguire.com ftp.epantzar.se avaota.dongshanpi.com b.tomreznick.com b.cruelcoding.com bayiservisi.com.tr blescred.com.br cryoemhk.com dantbrady.page daojiao.sbs faberpagamento.shop felipedaf.dev felixroden.dev evermoss.io evimistanbul.co featherfarm.live filmruhu.online findherrestaurant.us fluffybakebar.com.br frankpools.co.za kailaconsulting.ca israelsucks.org ieltsspeakingtest.app jasonoh.site junglerent.live juanmeleiro.com.br juticelight.fun kakadeka.cn mail.pyphen.org mail.scoutmasterbucky.com mail.pulaipieci.arno.app mail.retrocombs.com mail.qmlcode.org mail.sandlug.org mail.qixiaodong.com mail.scottie.io mail.pousadaleange.com.br m.minormakerslab.nl mail.ramnes.eu m.joesutherland.rocks m.maximeborry.com mail.hiromu.phd mail.iact.info mail.leftbound.com mail.router.gallery mail.hellomeet.co mail.hl7.dk mail.ieahts.org mail.jackphelps.net mail.jewelmlnarik.com mail.jussituomi.com mail.liam.geek.nz mail.semverdoc.org mail.healthychq.com mail.josebmendozam.com mail.keepsake.de 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 web.hadass-sternberg.com web.hbliulab.org web.houseofbim.com web.izabelamarko.pl web.johnnyblocks.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.shumbaconsulting.ca web.hopeandhavenforrefugees.org web.ics-csirt.io web.inviewportfolio.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 web.productminded.me web.qianduan.wiki web.putsvackfonsterputs.se web.rich-knight.com web.roller8.com web.saviorx.com mail.se7enedinburgh.org web.seqpipe.com web.sharpsbeats.com web.shervinazadi.com 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.josecuevas.xyz mail.kidastro.com web.konovalets-station.com web.konstantinsidorenko.fr mail.kumoro.com web.kzngr.de web.lephuong.me web.liangxiaolei.fun web.preview-dai.com web.quantbot.org mail.qvky.fi mail.rajatarora.in dezemisiknog.nl codelabfullstack.site afriverse.xyz asrisummi.live atomstudy.cn babydancemd.info basabasa.digital bicycler.kr amandahatt.ca charlottekane.com ftp.codelog.me ftp.besideriver.com ftp.bradmcalister.com cpanel.capstone-engine.org cpanel.boughtonplace.co.uk ftp.amansatija.com cpanel.amerisouthrealty.com cpanel.cross-platform-blog.com particleo.de pc01.it hbe.world hashcach.site retards.space markbalanay.site rpeixoto.works skde.tech savorspace.systems leetking.cn linasdarul.is localcleric.co midoai.cn mjau-aiartfart.art matiasbonfanti.xyz varun.wiki windows97solana.fun tallyallah.club rustsbi.cn sfur.st mail.kodekebab.dk malcraft.xyz mengo.es physx.fun salesforcedebuglogs.com 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 souzaa.online rzem.io tmahomeservices.org pitler.xyz retake.live roddyra.dev moveape.fun namys.ru pmeventz.com redmond.link maddieposhard.dev march1st.xyz rock-cat.xyz screenless.ch plpr-info.icu victor-the-anxious.lol sanvigowda.com wapcbdportal.com y-ambition.com lvnadev.cc makapaka.jp malik.sh milatrade.de pianorepair.gr ptc.sa redublank.de thegaragellc.us thof.space vallab.io vliang.ca wsnd.cc zarraf.io zrozumpsiakaikociaka.pl iloveregan.org 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 speicher210.de cpanel.pgloader.io cpanel.pinaxproject.com cpanel.radioschilenas.com cpanel.redditkit.com cpanel.reactrb.org cpanel.quandl4j.org cpanel.pimdewitte.com cpanel.proper-code.com cpanel.quotebookapp.com cpanel.rober.design cpanel.recmind.cn mail.redpin.org web.rickbutler.com ftp.pythondebugging.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.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 ftp.plutowang.com ftp.railingagainstrealities.com web.r8r.io web.ralindustries.com ftp.planetbonniedesigns.com mail.remedymedia.com ftp.rawktron.com pop.nineworlds.co.uk web.draeli.com cpanel.eik.dev web.atlantageek.com pop.improve.dk pop.latex2html.org pop.hotswapagent.org m.daxsoftronics.com pop.rdiff-backup.net web.burpandfartpiano.com pop.unfinished.es web.epochvc.io azucena-marroquin.com chadstucki.com bellyf.at www.calistamlee.com csmarston.com congpeijun.com booldook.com bgdn.eu chriskacerguis.com crazygriferman.com connorgoodale.com brdlf.dev convsol.com brianmoody.dev beyerslouw.com carlos-olivares.com j-riv.com investirou.com fatballs.world gaurangmeghanathi.com ivantutors.com funemployed.life jaqui.sh notifq.com matiahkim.com quinnsamms.com rebeccaking.info nicocarlier.com perkins.guru nquerio.ca keparal.cn onesourceonelife.org kchmel.com kpsingh.ch odsellar.com rosannachiofalo.com rwdrepair.com sapphyre.uk schizomaniacgame.com m.exclamation.foundation m.hyrulezelda.hkotek.com m.reliablepainting.com cpanel.samuelwford.com m.thereproject.org m.morita-ryo.com web03.bellawoo.com web10.kenpower.com m.nodiagnosticrequired.tv web100.kylir.com m.gruelbox.com m.jfparie.com m.liam.geek.nz m.stotesburytransfer.com m.fruitinator.org m.kzngr.de m.semverdoc.org m.theevolutionofthearm.com web04.tobybase.com m.trumptweettrack.com m.willhamill.com web09.thinksaydo.com m.alhassanjawad.com m.freecodinglessons.com m.logyoursurfs.com m.nikhilraghuraman.com web.nnise.com web04.maizing.com m.angelicsignature.com m.papierhalm.com m.nattfodd.com web00.nattfodd.com web01.danicholls.com m.blakeboxberger.dev m.colinjamesfirth.uk m.computerheritagegroup.org m.dogtaggames.com m.eltoncrego.com m.hoianahotels.com m.keihan.or.jp m.markioannidis.com m.momsconnection.net m.npufal.com m.qiqqa.org m.samituohino.com m.squarefishdigital.com m.second-system.com m.thedigitalself.org m.vinid.io m.windsorpolyamory.com web.ty-walker.com web02.datacenterjourney.com web04.bancroftresearch.com web1.bancroftresearch.com arkspiregame.com holstcon.se ncao-nd.com cpanel.sj-li.com wintersbaneproductions.com withouthonorgame.com wp-ai.me aas.sh jch.ai osokart.com pontiuspilatetimemachine.com sitanshu.tech cafederose.com