Best way to manage website files?

[TheNothingMonster]

I was recently cleaning up some files here and there and wondered whether I was even doing it right. I have come across an endless sea of articles pointing out how site files should be managed and I did not know how to continue with certainty.

Setting up files and folders alike also requires changing some segments of code within the files which can get somewhat tiring when it comes to managing them all over again in large amounts. The most common method I have read is to insert all (x) types of files into an (x) folder and so on, but sometimes it gets more complicated than that. Especially if new additions are prone to happen, therefore making the position of certain files more flexible.

> What's an efficient method of managing website files for you? Are there different techniques varying from case to case? Anything else to keep in mind while organising files?

[Memory]

Personally, I have several categories that I put my (X)HTML files themselves in that correspond to the website's topical hubs: like Creative, Thoughts/Blog, or Shrines.
These are folders and they contain the individual subfiles for pages they contain and their main hub pages. For instance, my Music shrine is under /shrines/music/main.xhtml, whereas the Shrines page itself is under /shrines/main.xhtml.

As for images, they're all in a /graphics/ folder with additional subfolders for /graphics/gifs/, /graphics/img/ and so on. I also have /scripts/.

[brisray]

As with how you organize your own files, there are no hard rules for organizing site files. As you get a bit more experience you'll find something that works for you.

When I started I simply dumped all the files in the root of the website. That did not last long as it got difficult to find anything.

As I added more sections, I created a new folder for each section. Inside each of those there are folders for all the images for that section, and another folder for any specific CSS or JS files I need for that section. Other folder are added when I think I need them such as when a section needs a lot of documents kept in it.

In the copy of the site I keep on my computer, there's also section folders named "old" where I put files I no longer use on the actual site - just in case I change my mind about them later on.

I use relative links on the site rather than absolute ones and web servers still recognise the old dot notation such as ../images which means up a directory and go to the images folder in that and you can do things like ../../ which means go up two directory levels. It helps if you change your mind about a directory name and means you don't have to change the link to every file.

As a little aside, links to external sites are always a problem. If you have a list of about a dozen sites, within months at least one of them will stop working. Within a couple of years nearly all of them will be broken - it's called link rot.

Xenu's Link Sleuth was last updated 12 years ago, but  is great at finding link problems (images, files, anything) within your site and can help with the external links - it obviously can't tell if the content on those is still the same as you intended but will tell you if the page is no longer available at all or being redirected somewhere else. There are plenty of newer, much nicer looking link checkers around, but I like Xenu's.

[Lyonid]

I think folder structures reveal so much about the website creator, so definitely go with what you find most comfortable for you!

I personally have the habit of nesting my sites to a point where I get a little lost, haha. I like making a folder for every site like /about, /gallery, /reads. I try to get a little fancy with those names so the links look a little more fun! A link to one of my blog entries is /reads/codefile/virtual/ because I like calling my entries code files to fit the theme.

I usually store all general-use graphics in a /graphics folder. To not leave every folder empty with just their index.html, I throw in graphics in that are unique to the page content. I have fanlistings and blinkies folders in my /about folder, for instance.

I try to create css "modules" for very special pages like my qeycard maker or my image gallery, though I am currently rearraning everything every now and then. The same I do for my scripts if I use any.

Sometimes I am really lazy and throw stuff that is not really a part of my site at the root. It's rarely a good idea! 

[Melooon]

There is a pinned thread about this subject here where you can see a lot of peoples file structures!
https://forum.melonland.net/index.php?topic=55.0

The key thing Id say is; find a system you enjoy working with - its easy to stress about organising files, but if you are stressing about that then you are not working on your site! Often it pays to just be messy and not worry about it too much! 

In general I don't recommend reorganising your site in the future because that breaks anyone who's linking to your media and also because it erases your sites physical history. (I remember I moved a page into a folder once and I got multiple disappointed emails from people who thought Id deleted the page)

So just use a simple system at first (like putting images in an images folder etc) and then let it grow over time.

[brisray]

Reorganizing a website is not something to be taken lightly, but there are ways to do it without confusing your users, losing the page history or whatever position you've managed to gain in search engine results.

The method of writing the redirects depends on what your host allows and how much notice you want to give your visitors that they are going to a different page, or even a different host, than what they thought.

I prefer to do these redirects at the server level for several reasons, a) I can, b) the visitor does not have to wait for page reloads, c) the user's back button still works properly, d) it's more versatile as it uses pattern matching and variables to redirect multiple files.

Some of the redirects I made as I've moved, combined or renamed files and directories:

Spoiler

Redirect 301 /oldindex.html /
Redirect 301 /bizarre/bpcards1.htm /bizarre/
Redirect 301 /bizarre/bizarrecards4.htm /bizarre/bpcards4.htm
Redirect 301 /bristol/bind.htm /bristol/
RedirectMatch 301 /bristol/bexhib([12]).htm /bristol/1893-exhibition.htm
RedirectMatch 301 /bristol/1893-exhibition-([12]).htm /bristol/1893-exhibition.htm
RedirectMatch 301 /bristol/blitz([12]).htm /bristol/blitz.htm
RedirectMatch 301 /bristol/books([1-3]).htm /bristol/books.htm
RedirectMatch 301 /bristol/bound([12]).htm /bristol/bounds.htm
RedirectMatch 301 /bristol/bbrewing([12]).htm /bristol/brewing$1.htm
RedirectMatch 301 /bristol/bcastle([1-6]).htm /bristol/castle$1.htm
RedirectMatch 301 /bristol/bagorge([1-3]).htm /bristol/gorge$1.htm
RedirectMatch 301 /bristol/bdocks([1-3]).htm /bristol/docks.htm
RedirectMatch 301 /bristol/bhelp([1-3]).htm /bristol/help$1.htm
RedirectMatch 301 /bristol/bhist([1-6]).htm /bristol/history$1.htm
RedirectMatch 301 /bristol/bhwell([12]).htm /bristol/hotwells.htm
Redirect 301 /bristol/blead1.htm /bristol/lead.htm
Redirect 301 /bristol/blinks.htm /bristol/links.htm
RedirectMatch 301 /bristol/boldmkt([12]).htm /bristol/oldmarket.htm
Redirect 301 /bristol/bphoto.htm /bristol/photography.htm
Redirect 301 /bristol/bmapug1.htm /bristol/pugsley.htm

[close]

[starbreaker]

This is how I have my website set up on my local computer. Not everything gets sent to the server; some files are just there to help build the website. For example, "index.md" and "index.org" are files I run through pandoc to generate index.html. "index.sitemap" is used to build "sitemap.xml"

Code

.
├── about
│   ├── cv.html
│   ├── cv.md
│   ├── cv.sitemap
│   ├── ibp
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   └── parasocial
├── ahrefs_a2a995f372ccedaf12b2a4728f3b03e9738d37bacca8374d335fb3f8ef772980
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon.png
├── blog
│   ├── 2010-2019-decade-in-review
│   ├── about-my-ad-blocker
│   ├── adam-winfield-needs-mirror
│   ├── after-1989-trip-to-freedom
│   ├── alice-cooper-live-hershey
│   ├── alpha-male-myth
│   ├── always-remote
│   ├── amazon-wheel-of-time
│   ├── another-paypal-phishing-attempt
│   ├── archetypal-tech-recruiter
│   ├── aspects-tyranny-oppression
│   ├── austin-emily
│   ├── banned-from-tildes-too
│   ├── been-sick
│   ├── bit-of-cleanup
│   ├── blocking-crap-with-hosts-file
│   ├── books-i-never-finished
│   ├── boots-haiku
│   ├── bostock-v-clayton-county
│   ├── building-site-for-my-fiction-with-pblog
│   ├── burn-the-mothers-down
│   ├── cancellation-of-emily-wilder-cowardly-associated-press
│   ├── cat-meets-emacs-doctor
│   ├── cathedrals-on-quicksand
│   ├── catherine-lucille-moore-queen-pulps
│   ├── choose-life-problem-video-games
│   ├── cicadas
│   ├── cobra-kai-at-work
│   ├── companies-are-failing-everybody
│   ├── containment-social-media-dangers-imitation
│   ├── cop-in-my-head
│   ├── covid-19-one-megadeath-later
│   ├── creating-youtube-thumbnails-shell-script
│   ├── crypto-direct-deposit-wtf
│   ├── dammit-apple
│   ├── definitive-count-monte-cristo
│   ├── disdain-profanity-luxury-belief
│   ├── does-therapy-work-for-men
│   ├── dont-worry-im-still-ok
│   ├── dragon-hunting-helvetia-delenda-est
│   ├── egoism-neutrality-zeal
│   ├── entries-new-devils-dictionary
│   ├── extending-pblog
│   ├── fantasmagoria
│   ├── fertility-crisis-youre-welcome
│   ├── final-fantasy-vii-relived
│   ├── finding-sweet-spot-purple-prose-fire-emblem-fates
│   ├── first-world-problems
│   ├── flaming-telepaths
│   ├── florida-man-bans-abortion
│   ├── from-the-archives-july-2023
│   ├── fuck-microservice-architecture
│   ├── fuck-trump-lets-go-brandon
│   ├── fun-with-dates-and-emacs
│   ├── getting-back-into-it
│   ├── gina-carano-will-be-fine
│   ├── gloomy-monday-thoughts-about-computers
│   ├── glory-and-blame
│   ├── goddammit-jon-schaffer
│   ├── going-dark
│   ├── haiku-from-my-study-window
│   ├── harry-frankfurt-on-bullshit
│   ├── hearing-rainfall
│   ├── hellbound-curse-god-live
│   ├── hello-again-world
│   ├── holy-smoke
│   ├── how-to-avoid-reply-guys
│   ├── i-know-im-fat-did-you-know-youre-an-asshole
│   ├── i-voted-by-mail
│   ├── i-want-my-bsd
│   ├── ides-of-march
│   ├── im-a-sodomite-and-im-ok
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── insomnia
│   ├── installing-devuan-31-migrating-ceres
│   ├── internal-wifi-mistake
│   ├── jesus-he-knows-me
│   ├── john-daker-has-seen-some-shit
│   ├── just-bought-piano
│   ├── just-married
│   ├── just-some-other-assholes-computer
│   ├── learning-vue
│   ├── leaving-cult-how-leave-tech-industry
│   ├── leftist-dating-advice-considered-harmful
│   ├── letter-to-npr-re-social-media
│   ├── literature-aint-burger-king
│   ├── little-changes
│   ├── lj-cohen-derelict-worthy-heinlein
│   ├── magician-parrot
│   ├── make-them-reject-you
│   ├── make-your-own-video-playlist-in-an-atom-feed-with-gnu-recutils
│   ├── making-meaning
│   ├── mastodon-preview-cards
│   ├── maybe-i-dont-want-to-be-reached
│   ├── more-cleanup
│   ├── my-father-is-dead
│   ├── my-father-is-dying
│   ├── my-manhood-property-way
│   ├── my-wife-gave-me-alphasmart-3000-christmas
│   ├── no-bottling-the-genie-again
│   ├── no-resolutions-in-2023
│   ├── nofap-hoax-by-anonymous
│   ├── not-for-her-sake
│   ├── not-my-side-hustle
│   ├── not-this-shit-again-acab
│   ├── notes-on-pancreatic-cancer-screening
│   ├── nothing-like-bad-phishing-attempt
│   ├── now-i-have-a-mailing-list
│   ├── of-course-i-worked-there-so-what
│   ├── on-allyship
│   ├── on-imperative-niceness
│   ├── on-religion-as-blasphemy
│   ├── one-nation-above-god
│   ├── our-revels-now-are-ended
│   ├── parallel-flac-transcoding-linux
│   ├── parental-rights
│   ├── parler-had-it-coming
│   ├── party-like-its-1989
│   ├── persona4-golden
│   ├── personal-websites-self-portraiture
│   ├── playing-woman-ffxiv
│   ├── podcasts-have-always-sucked
│   ├── poem-for-mass-resignation
│   ├── post-ipo-facebook-echoing-dotcom-boom
│   ├── preventing-llm-scraping
│   ├── programmer-passion-considered-harmful
│   ├── programmers-grimoires
│   ├── proprietary-video-games
│   ├── questions-for-your-cast
│   ├── quit-mastodon-again
│   ├── racist-lovecraft-self-righteous-internet-leftists
│   ├── random-thoughts-on-game-streaming
│   ├── re-acting-your-wage-will-atrophy-your-abilities
│   ├── re-against-bingeing-tv
│   ├── re-all-you-need-html
│   ├── re-box-of-doom
│   ├── re-date-and-time-in-ssg
│   ├── re-does-blog-need-to-integrate
│   ├── re-high-property-taxes-are-good-actually
│   ├── re-linux-desktop-hard-to-love
│   ├── re-makefiles-for-fun-and-profit
│   ├── re-naming-computers
│   ├── re-really-getting-started-with-hugo
│   ├── re-soft-deletion-probably-isnt-worth-it
│   ├── re-static-site-generators
│   ├── re-stop-using-custom-web-fonts
│   ├── re-the-syndicate
│   ├── re-thoughts-on-rss
│   ├── re-thoughts-on-silly-hats
│   ├── re-ultimate-linux-arm64-workstation
│   ├── real-sex-education
│   ├── reality-where-html-never-existed
│   ├── relevance-junkies
│   ├── reworking-blogroll
│   ├── roe-wade-overturned
│   ├── ruin-date-one-word
│   ├── salary-range-or-gtfo
│   ├── sally-wiener-grotta-winter-boy
│   ├── scarlet-dorn
│   ├── seed-of-an-ending-soft-doctrines
│   ├── shadowbanned
│   ├── shite-hustle-no-revenue
│   ├── silence-implies-consent
│   ├── silent-defiance
│   ├── smile-he-said
│   ├── spamtoberfest
│   ├── spiral-architect
│   ├── still-derisive-about-marketing
│   ├── stormageddon-fluffgoddess-next-apocalypse
│   ├── strangers-watching-me-work
│   ├── stuff-i-might-use-later
│   ├── tears-in-rain
│   ├── text-mode-weekend
│   ├── text-mode-weekened-part-deux
│   ├── theme-variations-eternal-return
│   ├── then-im-against-you
│   ├── there-goes-your-feed-again
│   ├── they-abandoned-children-fortnite
│   ├── they-came-from-hacker-news
│   ├── they-too-are-gods-children
│   ├── things-dont-have-friends
│   ├── thought-incel-real-thought
│   ├── thoughts-on-insurrection
│   ├── three-mile-island-dirty-rice
│   ├── ticketmaster-delenda-est
│   ├── tina-guo
│   ├── truth-about-us-taxes
│   ├── trying-friendica
│   ├── turning-forty
│   ├── unpleasant-truths-about-culture-fit
│   ├── village-voice-isnt-really-back
│   ├── vocabulary-lessons
│   ├── web-environment-integrity-expectations-reality-entitlement
│   ├── web3-coming-for-authors
│   ├── well-known-url-cv-resume
│   ├── what-five-stages-of-grief
│   ├── what-really-caused-nationfall
│   ├── why-im-going-to-block-you
│   ├── why-should-i-go-back-to-office
│   ├── wife-first-or-mother
│   ├── worldbuilding
│   ├── would-you-recommend-us-to-your-friends
│   ├── writing-wonders-july-2023
│   ├── writing-wonders-june-2023
│   ├── wrong-kind-of-diversity
│   ├── xterm-because-worse-better
│   ├── you-are-not-normal
│   ├── you-should-listen-to-galneryus
│   ├── your-screen-is-tasty
│   ├── youtube-kids-wasteland-no-shit-sherlock
│   └── zucks-new-threads
├── buttons
│   ├── autisticasfxxk.gif
│   ├── darylsun.webp
│   ├── foreverlikethis.png
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── invisbw.gif
│   ├── melonland.png
│   ├── mooeena.gif
│   ├── starbreaker.gif
│   ├── starbreaker.png
│   ├── voicedrew.gif
│   └── zinricky.gif
├── colophon
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── contact
│   ├── index.html
│   └── index.sitemap
├── elsewhere
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── errors
│   ├── 404.html
│   ├── 404.md
│   ├── 404.sitemap
│   ├── 410.html
│   ├── 410.md
│   ├── 410.sitemap
│   ├── 451.html
│   ├── 451.md
│   └── 451.sitemap
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
├── feed.xml
├── fiction
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── novels
│   ├── screenplays
│   ├── stories
│   ├── unfinished
│   └── wip
├── headlines.xml
├── index.html
├── index.md
├── index.sitemap
├── jukebox
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── library
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── links
│   ├── blogroll.opml
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   └── newsboat.urls.txt
├── media
│   ├── (snipped)
├── nonbot_pledged_logo.svg
├── now
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── robots.txt
├── sitemap.xml
├── social.jpg
├── social.png
├── social.webp
├── style
│   ├── custom.css
│   ├── normalize.css
│   ├── opml.xsl
│   ├── rss.xsl
│   └── sitemap.xsl
├── subscribe
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
└── thaumaturgy
    ├── css-from-scratch
    └── emacs-config

236 directories, 457 files