HTML <meta>

The HTML element <meta> is to describe metadata in an HTML document. The data passed to the element is not visible in any way to the document, but is useful for browsers to better display the content. HTML documents using metadata makes it easier for search engines to read your document thus getting you more reachable by users.

The following examples will show you different types of metadata that can be used, and what they do.

The charset is the default character encoder, the browser will use to encode the page. Although utf-8 is the standard character encoder used in modern browsers, it is always a good practice to include it in every HTML document.

Setting the viewport to best be viewed on multiple devices.

Tells search engines if to crawl the page or not

Defines what description to use on search results. If no meta description is set, the search engines will just pick content from your page, which it thinks is the most relevant for the user.

The keywords also are known as tags are used to increase the chance for search engines to meet your results.

The meta name author does what it says in the title, defines the author of the page.

Refreshes page every 60seconds.

og (open graph) is used in social media meta tags such as Facebook and Twitter, which define objects in a social graph.

Available Attributes