Jazzo.co.uk uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our Privacy Policy and our Terms & Condition.

HTML <meta>

query_builder | Christopher Pisani

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.

Important Note :

The element <meta> must always be placed in the <head> element.

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

Attribute Values Functionality
charset charachter set code The charachter encoding type
content text The value associated with the http-equiv or name attribute
http-equiv content-type
HTTP header for the value of the content
name application-name
Name for the metadata