Redirect website URL without the .html ending - html

So I have a URL that I want people to end up on www.website.com/folder/file
The problem is that the URL written on these flyers is something different, www.website/file.
I created a file for www.website/file with a working redirect but people must type in www.website/file.html for the redirect to work. I'd like them to able to type JUST www.website/file without the .html
Anyway this can work? As of now the redirect is using html and working fine. My other possibility is editing my .htaccess file. I am working for a company with coldfusion and I don't see a .htaccess file (hidden files visible) so I'm weary to throw one in there as I fear it might screw something up.

You could rename the file.html as index.html and that should suffice.
E-g; www.domain.com/folder/folder/file.html is same as www.domain.com/folder/folder/
if file.html is called as index.html

There are few different options to solve this, but one of them could be just making a separate folder named "file" and adding there a index.html file.

If possible, I would go for the .htaccess file:
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteRule ^/file$ /folder/file [R]
</IfModule>
http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html#rewriterule

Related

Remove file extensions in URLs

I need a help in .htaccess modification.
I have an index.html , contact_us.html, about.html, faq.html (pages)
But I'd need a simple .htaccess rule to Override those .html extension.
Like this, instead of yoursite.com/contact_us.html a user can still access your contact webpage using yoursite.com/contact_us
Even with or
without the .html extension.
They can still get to the same page they meant to access.
Multiviews. Add this to your .htaccess:
Options +Multiviews
This will also let you keep the same URLs if you later decide you'd rather be working with index.pl or index.php.

Best way to link to pages, in order to let URL appear without the .html extension?

What do you guys think is the best way to link to other website pages of a website, in order to remove the .html extension visible in website URL?
Assume I have the following pages:
index.html
page1.html
page2.html
pagex.html
What is the best way to link to these pages?
page1
creating subfolders named "page1", "page2", and so on, with individual "index.html" files, and referral in the form of:
page1
Use page1 and set .htaccess to MultiViews
The best way is to divide your page up in sections you have an admin section? make a folder nameed admin and make your path as so admin/index.html so just every section on your page should have a folder and files inside that folder but i do not believe there is any guidelines to this so it is just my opionion
In your .htaccess file, use a rewrite directive:
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule (.+) $1.html
This rule says: if the requested file does not exist, (internally) append an .html to it. That means the URL will show /page1, which will fit the RewriteCond, and internally the request will be treated as if /page1.html had been requested. That's the most straight forward way to map arbitrary URLs of your choice to arbitrary files on disk. Your links would then use the URL href="page1".
Also see Reference: mod_rewrite, URL rewriting and "pretty links" explained

Removing the index.html from url

Ok, maybe a pretty dumb question but I can't find an answer on Google.
I am coding my site by hand. How do I make the index.html disappear from the url's? Do I use a piece of code in my html? Do I have to change my href's in my files?
Hope you guys can help!
EDIT:
I've tried this with a .htaccess file
RewriteEngine On
RewriteRule ^index\.html$ / [R=301,L]
RewriteRule ^(.*)/index\.html$ /$1/ [R=301,L]
It does work, but all my links aren't working anymore. I discovered I had to remove all the index.html from the href's in my documents. But that would be a lot of work. Is there an other code for .htaccess that just hides index.html?
A SIMPLE WAY TO DO THIS in Html:
(example in my case is a simple dual language site)
If your link looks like this:
Homepage
You should change it to this:
Homepage
If trying to link to another folder in your directory, like is my example:
English language
You should change it to this:
English language
Notice that "/" goes back to your root directory and automatically selects index.html, so that is why I used "en" for the English language site, because the name of the folder in that case is "en". You should also make sure that you have index.html in your English language folder, and not index-en.html.
Apache has .htaccess files and mod_rewrite,
In your .htaccess file, set:
DirectoryIndex index.html
You can also set this up in the Apache site config files too
You can specify a list of filenames, so if it doesn't find the first it moves to the next.
IIS has .config files
mod_rewrite module is responsible for all the rewriteEngine. Check on your server whether is module is present and enable.
You need to create a file called '.htaccess' in the root directory of your site containing the following code:
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [NC,L]
And then make sure all the links on your site don't contain '.html' at the end, e.g.:
<a href="/Home.html">
should be replaced with:
<a href="/Home">
Hope this helps!
if you dont find .htaccess, you just need to create a new file using your text editor the same way you would any other html or css file, but save it as simply '.htaccess'
And save it into the root directory, so the same folder that you have your index.html file.
I think this is configured in IIS when you deploy the site, I'm not to sure on it but I'm sure you can specify a start point that your URL will use when you just enter the UL, that implies the Index.html page.
Sorry I'm not too helpful here, hopefully it will point you in the right direction.
Often these things such as Apache or IIS have this set up already, and it looks for the Index.html, Index.php first when you just put your URL in.
Great SEO idea! This is similar to nginx redirect loop, remove index.php from url and Apache .htaccess to hide both .php and .html extentions, as well as mod_rewrite not working htaccess — the idea here, for both Apache's mod_rewrite and nginx ngx_http_rewrite, depends on the differences between the external and internal URLs — in order for the redirect from /index.html to / work, yet not cause redirect loops when actually serving index.html, you gotta make sure you only issue the redirect for external index.html requests, but never for internal ones; this can only be accomplished by looking into the actual request_uri.
Here's the code for nginx ngx_mod_rewrite:
index index.html index.txt;
if ($request_uri ~ "^(.*/)index\.(html|txt)$") { return 301 $1; }
On Apache's mod_rewrite, it'll be something like the following:
RewriteEngine on
RewriteCond %{REQUEST_URI} ^.*/index\.html$
RewriteRule ^(.*/)index.html$ $1 [R,L]
Related:
nginx redirect loop, remove index.php from url
Apache .htaccess to hide both .php and .html extentions
mod_rewrite not working htaccess
References:
http://nginx.org/r/index
http://nginx.org/r/if
http://httpd.apache.org/docs/current/mod/mod_rewrite.html#RewriteCond
Change the link that goes to your homepage to the website address.
You may have:
Link Here
Change that to:
Link
Or try this
Simply don't type the index.html in your browser and don't advertise it as such.
You can set the 'default document' on the web server (whichever you happen to be using) to serve 'index.html' in the absence of a file part. This way, someone going to http://www.mysite.com would be served http://www.mysite.com/index.html

300 Multiple choices

I've got a problem with my website, or more specfically the navigation.
First off the problem;
300 multiple pages;
It does this to the url
http://mysite.co.uk/services.phpdiamond-plus.php
http://mysite.co.uk/services.phpdiamond/
should be;
http://mysite.co.uk/services/diamond-plus.php
http://mysite.co.uk/services/diamond.php
my file structure;
root/services/diamond-plus.php
root/services/diamond.php
Doesn't matter what direcory or level I am in when selecting diamond-plus.php, it just brings up this page with the url as it is above, I've got a similar url which happens to the both of them.
I include my navigation and use relative urls like so;
/services/diamond-plus.php
Orignally there was a services.php page in directory above, I've changed that. I didsabled my .htaccess file aswell to test, the problem still persists.
Any ideas?
--- Edit ---
Nav section is included -
a href="/services/diamond.php" >Diamond</a
.htaccess file
options +FollowSymLinks -MultiViews
Options +Indexes
AcceptPathInfo Off
RewriteEngine on
Redirect 301 /mysite-service-diamondplus.html http://mysite.co.uk/services/diamond-plus.php
Redirect 301 /mysite-service-diamondplus http://mysite.co.uk/services/diamond-plus.php
Having changed nothing, it's not giving me the error anymore..
Does changing the .htaccess sometimes take several minutes?
You can try this code in your DOCUMENT_ROOT/.htaccess file:
RewriteEngine On
RewriteRule ^(.+?\.)php([^/]+)$ /$1/$2.php [L,NC,R=301]
RewriteRule ^(.+?\.)php(.+?\.php)$ /$1/$2 [L,NC,R=301]
No RewriteRules are required to fix this..
If you have index.html or index.htm as the first values in DirectoryIndex it will try to load those up first.. I put index.php as the first script to load up and the Multiple Choices 300 error went away. Although I never even had the Multiple Choices 300 error with my old configuration.. it has something to do with updating PHP to version v5.4.16 or higher.

Style Sheets and hiding .html extension

I'm not amazing with web stuff but I have a small portfolio site which I am redesigning. I am looking to hide the example.com/page.html and make it website.com/page.
I added the rewrite engine which I found on here for the .htaccess
RewriteEngine On
RewriteRule ^([A-Za-z0-9-]+)/?$ $1.html
The only problem is that when I use the RewriteEngine, the original path of /page.html loads as normal, but when i test it as /page/ it seems to lose the style sheet, I've tried relinking the style sheet as .../style.css instead of just style.css, but still all the images and style sheet seem to go missing.
It's probably something pretty damn simple but I need some help here.
what i understood from your words is that you want to make your url like :
http://www.example.com/page
ok . if you don't have to use htaccess , you can do this to do what you want .
just change the file name (page.html) to (index.html) . now create a new folder in your root and move the index.html to there !
and if the file , (page.html) is your home page , just change its name into index.html and leave it alone :D !
Your problem doesn't necessarily have to do with the RewriteRules, but with paths. You should, in general, always use absolute paths to images and assets. So instead of loading style.css or ../style.css, load /style.css or /static/styles/style.css. Otherwise the browser tries to resolve relative to the page location, and /page is considered to be in the root folder while /page/ is thought to be its own folder.
Iow, if you load style.css from your page:
From /page it will load /style.css
From /page/ it will load /page/style.css
Always use absolute paths, save yourself the pain and frustration.
Apart from that, ensure the images and assets are also not rewritten into .html extensions as mentioned in the other answers.
You probable don't want to rewrite every possible extension, so you might want to try something like this:
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^(.*)$ $1.html
What this should do is check to see if a file exists with an .html extension. If it does it should transparently append .html to the path prior to doing the actual "lookup". So, if you make an HTTP request for
http://yourdomain.tld/somepage
and your site has an HTML page called somepage.html, the actual URL that gets processed will actually be
http://yourdomain.tld/somepage.html
EDIT:
I'm including a Dropbox link for a self-contained example that shows the suggestion above works: https://www.dropbox.com/s/6md9gviv0r2rf9v/xampp.7z
It contains a portable version of Xampp + the source files from this rather nice tutorial: http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
Unpack the xampp.7z file somewhere (I recommend the Desktop) and then find and execute the setup_xampp.bat file. It will adjust all the internal paths to your local filesystem. Then, run xampp-control and start Apache. Once that's running, navigate to http://localhost:8080/testsite/ - this is the test site. You should be able to bounce back and forth from http://localhost:8080/testsite/ to http://localhost:8080/testsite/contact - both pages have a .html extension.
HTH.