Search
 
SCRIPT & CODE EXAMPLE
 

HTML

meta tags

<!-- 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="">
Comment

list of meta tags

<head lang="en">
    <meta http-equiv="content-language" content="en">
    <meta charset="UTF-8">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Site Meta Description" />
    <meta name="keywords" content="Site Meta Keywords" />
    <meta name="author" content="Author Name" />
    <meta name="publisher" content="publisher">
    <meta name="copyright" content="copyright">
    <meta name="page-topic" content="Media">
    <meta name="page-type" content="Blogging">
    <meta name="audience" content="Everyone">
    <title>My website title</title>
    <!-- Facebook, whatsapp, instagram, twitter and other popular social media -->
    <meta property="og:title" content="Site Title">
    <meta property="og:description" content="Site Content short description">
    <meta property="og:image" content="http://example.com/thumbnail.jpg">
    <meta property="og:url" content="http://example.com">
    <meta name="twitter:card" content="summary_large_image">

    <!-- Some Non-essential but recommended -->
    <meta property="og:site_name" content="Website Name"> <!-- Optional -->
    <meta name="twitter:image:alt" content="Alt text for image"> <!-- Optional -->

    <!-- If has need analytics for facebook and twitter -->
    <meta property="fb:app_id" content="your_app_id" />
    <meta name="twitter:site" content="@website-username">

</head>
Comment

meta tags

<!-- 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="">
Comment

meta description tag in html

<meta name="description" content=" The description of the page ">
Comment

meta keyword tag in html

<meta name="keyword" content=" keyword, keyword 2, keyword 3 ">
Comment

Meta tags

<!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
Comment

what is the meta tag in html

<!-- 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).

 -->
Comment

meta tag

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
Comment

meta tags

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Comment

html meta

 <meta 
    name="viewport" content="width=device-width, initial-scale=1.0">
Comment

html meta information

<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" />
Comment

meta tag

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).
Comment

website meta tags example

MetaTags Examples for websites
Comment

uses of meta tag in html

meat tag
Comment
PREVIOUS NEXT
Code Example
Html :: What is a viewport meta tags 
Html :: html change name in tab 
Html :: font awesome thumbs up icon 
Html :: metaverse 
Html :: ionic 4 bind html 
Html :: 9+15 
Html :: markdown dropdown 
Html :: how to move navlink to the right in bootstrap 
Html :: country code for continents 
Html :: html_entity_decode 
Html :: html note 
Html :: redirect html 
Html :: sort table in html 
Html :: html table line break 
Html :: read only attribute in html 
Html :: excel timestamp to date 
Html :: how to align image with text in html 
Html :: select empty option 
Html :: predefine data list in input 
Html :: random image 
Html :: bootstrap 5 color picker 
Html :: how to use select2 
Html :: html multiple checkbox list 
Html :: how to clear radio button input when someone types in an input field 
Html :: android back arrow action bar 
Html :: add image to anchor 
Html :: scroll to top button css 
Html :: facebook icon in html 
Html :: routerlinkactiveoptions 
Html :: install php windows 10 
ADD CONTENT
Topic
Content
Source link
Name
4+7 =