How to redirect a page to another website using HTML

Redirecting a website's page allows website owners to direct visitors to a different website or page without manual URL entry. This can be used during website maintenance or when content has moved to a new location.

There are several methods to redirect your website visitors, including the easiest one, meta refresh in HTML. However, this and other client-side redirects are not recommended for SEO as search engines may see them as a soft 404 error. For permanent redirects, use server-side 301 or 302 redirects.

To start you need to add the appropriate http-equiv attribute to implement the meta refresh method in the HTML code's head section. You can then specify the interval for the refresh and the redirect URL.

How to redirect a page to another website using meta refresh:

Edit the head section of the page using a text editor or CMS editor.

Insert a meta refresh tag in the head tags.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="refresh">
  </head>
  <body>
    Redirecting to example.com...
  </body>
</html>

Specify the interval in the content section.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="refresh" content="0;>
  </head>
  <body>
    Redirecting to example.com...
  </body>
</html>

Setting the interval to 0 will immediately redirect the visitor to the target URL.

Set the target URL for the redirect.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="refresh" content="0;url=https://example.com">
  </head>
  <body>
    Redirecting to example.com...
  </body>
</html>

Save the file.
Test the redirect by opening and refreshing the edited page.

Author: Mohd Shakir Zakaria
Mohd Shakir Zakaria is an experienced cloud architect with a strong development and open-source advocacy background. He boasts multiple certifications in AWS, Red Hat, VMware, ITIL, and Linux, underscoring his expertise in cloud architecture and system administration.

Discuss the article:

Comment anonymously. Login not required.