<!-- Primary Meta Tags -->
<title>Google</title>
<meta name="title" content="Google">
<meta name="description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.google.com/">
<meta property="og:title" content="Google">
<meta property="og:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<meta property="og:image" content="">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.google.com/">
<meta property="twitter:title" content="Google">
<meta property="twitter:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<meta property="twitter:image" content="">
<!-- Primary Meta Tags -->
<title>Google</title>
<meta name="title" content="Google">
<meta name="description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.google.com/">
<meta property="og:title" content="Google">
<meta property="og:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<meta property="og:image" content="">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.google.com/">
<meta property="twitter:title" content="Google">
<meta property="twitter:description" content="Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.">
<meta property="twitter:image" content="">
<meta name="description" content="Full Stack Web Developer Portfolio. Front-end & Back-end Web Developer based
in Berlin, Germany. Tech stack include React, JavaScript, Node, SQL.">
<!-- meta tag defines about the metadata in an html document, meta tags
always go inside the head tag .It is typically used to specify
page description, character set, keywords, author of the document
and viewport settings. The information we store in the meta tag
are not displayed directly in the website but are read by the bots
of the browsers and using this our website will be positioned in
the search list of the search result. To rank our website, the keyword
content most importantly should be 'search engine optimised'(S.E.O).
-->
<meta property="og:title" content="Image Uploader - Saad Hasan" />
<meta property="og:og:description" content="Awesome Image Uploader with Vanilla Javascript without using any external library or plugin. This site is designed with only Raw HTML, CSS and Vanilla JavaScript."/>
<meta property="og:image" content="https://imageupload-saadh393.netlify.app/images/meta.png" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<meta property="og:image:alt" content="Image Uploader - Saad Hasan" />
The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data.
<meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.
Metadata will not be displayed on the page, but is machine parsable.
Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.
There is a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag (See "Setting The Viewport" example below).