Fill in the forms with your data. Then scroll down and copy the
generated code. Next, paste at the top of the
<HEAD> section of your page.
Note: The forms are filled up with the dummy data to present you the proper way of how to to this.
Google search results:
{{ google.pageTitle }}
{{ google.pageDescription }}
Google
60 characters maximum
160 characters maximum
Valid URL address of the .jpg or .png image
Open graph (Facebook, Pinterest, LinkedIn):
{{OG.URL}}
{{OG.pageTitle}}
{{OG.pageDescription}}
Open graph
(Facebook, Pinterest, LinkedIn)
60 characters maximum
68 characters maximum
1200x628 px recommended
Twitter:
{{twitter.pageTitle}}
{{ twitter.pageDescription }}
Twitter
60 characters maximum
120 characters maximum
Valid URL address of the image
Copy and paste this generated code at the top of the
<HEAD> section of your page
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Bootstrap 5 & Material Design 2.0</title>
<!-- Search Engine -->
<meta name="description" content="Material Design for Bootstrap 5. 500+ components, free templates, 1-min installation, extensive tutorial, huge community.">
<meta name="image" content="https://mdbgo.io/ascensus/mdb-advanced/img/mdb.jpg">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Bootstrap 5 & Material Design 2.0">
<meta itemprop="description" content="Material Design for Bootstrap 5. 500+ components, free templates, 1-min installation, extensive tutorial, huge community.">
<meta itemprop="image" content="https://mdbgo.io/ascensus/mdb-advanced/img/mdb.jpg">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta property="og:title" content="Bootstrap 5 & Material Design 2.0">
<meta property="og:description" content="Material Design for Bootstrap 5. 500+ components, free templates, 1-min installation, extensive tutorial, huge community.">
<meta property="og:image" content="https://mdbgo.io/ascensus/mdb-advanced/img/mdb.jpg">
<meta property="og:url" content="https://mdbootstrap.com/">
<meta property="og:site_name" content="Material Design for Bootstrap">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="Bootstrap 5 & Material Design 2.0">
<meta property="twitter:description" content="Material Design for Bootstrap 5. 500+ components, free templates, 1-min installation, extensive tutorial, huge community.">
<meta property="twitter:image:src" content="https://mdbgo.io/ascensus/mdb-advanced/img/mdb.jpg">
Validate your meta tags with the following tools