Creative agency glossarySEO and Analytics

Meta Refresh

A meta refresh is an HTML tag that makes a browser reload the current page or load a new URL after a set number of seconds.

What is a meta refresh?

A meta refresh is the tag itself: <meta http-equiv="refresh" content="30"> reloads the page every thirty seconds; add a URL and it sends the browser elsewhere after the delay. It dates from the earliest browsers, when there was no JavaScript and no other way to make a page update on its own. News tickers, auction pages and "please wait" screens used it. Today its two uses are auto-refreshing a page and acting as a poor cousin of a server redirect, and both have better alternatives.

Search engines understand the tag, in that they follow it. What they think of it depends on how it is used.

Why it matters

Why a meta refresh matters

It matters because it is one of the oldest ways to confuse both users and crawlers. A page that reloads itself resets scroll position, interrupts form entry and skews analytics by counting one visit as many. A page that redirects after a delay looks, to a crawler, like a page whose content is not its real content, which is the shape of a cloaking attempt. Google's spam policies list sneaky redirects, and while a plain meta refresh is not itself a violation, a pattern of delayed redirects is the kind of thing that gets a site looked at.

Accessibility guidelines also warn against it, because users who read slowly or rely on assistive technology lose control of the page.

In practice

How a meta refresh works in practice

  1. 01

    For auto-updating content, do not use it. Modern pages update sections in place with JavaScript, fetching new data without reloading, which is faster, keeps the user's place and is invisible to analytics. If you must reload a whole page (a kiosk display, a status board), set a long interval and keep the page out of search with a noindex tag, since it is not a page anyone should land on from results.

  2. 02

    For redirects, use a server-side 301 or 302 wherever you have access, and keep the meta refresh for the few cases where you do not. If you use it to redirect, set the delay to zero so Google treats it as permanent, point it at the final URL and remove the page from sitemaps. Audit your site occasionally for refresh tags left behind by old campaigns, plugins or templates; they tend to outlive the reasons they were added.

Watch out

What people get wrong about meta refreshes

Assuming it is harmless because it is old. The refresh tag behaves differently across engines, interferes with the back button and can double or triple pageview counts. The other mistake is using a delayed refresh to show a message before a redirect, which engines may read as a temporary move and users read as a broken page.

The last is forgetting it exists. A refresh tag in a shared template applies to every page that uses it, and the person who added it for one campaign has usually left.

Questions

People also ask

Is a meta refresh the same as a redirect?

It can act as one when a URL is included, but it is handled by the browser after the page loads rather than by the server before. A server-side redirect is the better choice for SEO.

Does Google penalize meta refresh?

Not by itself. Google follows the tag and treats an instant refresh like a permanent redirect. Delayed refreshes that show one page and then send users elsewhere can be read as sneaky redirects, which do violate its policies.

How do I auto-refresh a page without a meta refresh?

Update the content with JavaScript, fetching new data and replacing the relevant section in place. It is faster, keeps the user's position and does not distort analytics.

Next to it in the glossary

  1. Meta DescriptionA meta description is the short summary of a web page, written into its HTML, that search engines may show beneath the page title in results.
  2. Meta KeywordsThe meta keywords tag is an HTML element that once listed a page's target keywords for search engines and is now ignored by Google and most major engines.
  3. Meta RedirectA meta redirect is an instruction in a page's HTML that tells the browser to load a different URL, with or without a delay, instead of a redirect sent by the server.
  4. Meta TagsMeta tags are snippets of HTML in a page's head that describe the page to browsers, search engines and social platforms without appearing on the page itself.
  5. Meta TitleThe meta title is the title tag in a page's HTML head, shown as the clickable headline in search results and the label on a browser tab.
  6. Metadata OptimizationMetadata optimization is the practice of writing and refining a page's title, description, structured data and other hidden descriptors so search engines understand it and searchers click it.

Every SEO and Analytics 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