Creative agency glossaryWeb, UX/UI, and Design

HTTPS

HTTPS is the secure version of HTTP, in which the traffic between a browser and a website is encrypted so that nobody in between can read or alter it.

What is HTTPS?

HTTPS is HTTP with a lock on it. Before any page is sent, the browser and the server perform a handshake using TLS (Transport Layer Security, the successor to SSL): the server proves its identity with a certificate issued by a trusted authority, the two agree on encryption keys, and from then on every request and response is scrambled in transit. A visitor sees a padlock in the address bar, or rather sees no warning, since browsers now flag the absence rather than the presence.

The certificate is the piece people deal with. It ties the domain to the site's owner, is issued for a fixed period, and has to be renewed or the lock turns into a full-page warning. Since Let's Encrypt made certificates free and automatic in 2015, there has been no good reason for any site to be without one, and most hosts issue and renew them without being asked.

Why it matters

Why HTTPS matters

Three reasons, and the first is trust. Browsers mark plain HTTP pages as not secure, which for a brand selling anything, or simply asking for an email address, is the wrong first impression. The second is safety: without encryption, anyone on the same network, from a coffee shop to an internet provider, can read what a visitor types and inject content into the page. The third is reach: search engines have used HTTPS as a ranking signal for years, and many modern browser features, from location to camera to the faster HTTP/2 protocol, only work on secure pages.

In practice

How HTTPS works in practice

  1. 01

    Setting it up is now mostly a checkbox at the host, which issues a certificate, installs it and sets it to renew. The work that remains is the migration: every page on the site has to redirect from http to https with a 301, every internal link and image path has to be updated so no secure page loads an insecure asset (the mixed content warning), and the sitemap, the analytics property and the search console have to be told about the new address.

  2. 02

    Afterwards it is maintenance. Certificates expire, and an expired one takes the site down as surely as a server failure, so renewal is automated and monitored. HSTS, a header that tells browsers to only ever use HTTPS for the domain, closes the last gap. And when a third-party script or an embedded video is added, it is checked to make sure it loads securely too.

Watch out

What people get wrong about HTTPS

Believing the padlock means the site is trustworthy. It means the connection is private and the certificate matches the domain; a scam site can have a perfect certificate. Second, installing a certificate and declaring the job done while half the images still load over HTTP and the browser shows a warning anyway. Third, letting the certificate lapse: the most common cause of a sudden red warning across a whole site is a renewal that nobody was watching.

And a quieter one: buying an expensive certificate for a brand site when a free, automated one gives exactly the same encryption.

Questions

People also ask

Is HTTPS necessary for a website that does not sell anything?

Yes. Browsers mark HTTP pages as not secure, search engines prefer HTTPS, and encryption protects visitors on public networks whatever the page contains. There is no cost to it anymore.

How do I switch my website from HTTP to HTTPS?

Get a certificate (most hosts issue one free), force every page to redirect to https, update internal links and image paths, and update the sitemap and search tools. Then check for mixed content warnings page by page.

What is an SSL certificate, and is it the same as HTTPS?

The certificate is the file that proves the site's identity and enables the encryption; HTTPS is the result. People still say SSL certificate out of habit, although the protocol in use today is TLS.

Next to it in the glossary

  1. HomepageA homepage is the front page of a website, the one at the root of the domain, where a brand introduces itself and points visitors to everything else.
  2. HostingHosting is the service that keeps a website's files on a server connected to the internet, and the quality of that service decides how fast, how reliable and how visible the site is.
  3. HTTPHTTP (Hypertext Transfer Protocol) is the set of rules browsers and servers use to request and deliver web pages, and the reason every web address starts with it.
  4. HyperlinkA hyperlink is a clickable reference in a page that takes the reader to another page, file or place, and it is the mechanism the web is built on.
  5. IllustrationIllustration is drawn or painted imagery, by hand or digitally, made to explain, decorate or give personality to a brand, a story or a product.
  6. Interactive DesignInteractive design is the design of how a digital thing responds to a person: what happens when they click, scroll, drag, type or wait, and how it feels while it happens.

Every Web, UX/UI, and Design term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage