MDBootstrap meta tags generator

Take care of your SEO generate the most accurate meta data for Google and social media

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 .webp or .webp image

Open graph (Facebook, Pinterest, LinkedIn):

{{OG.pageTitle}}

{{OG.pageDescription}}

Open graph (Facebook, Pinterest, LinkedIn)
60 characters maximum
68 characters maximum
1200x628 px recommended

Twitter:

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</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.webp">
          <!-- Schema.org for Google -->
          <meta itemprop="name" content="Bootstrap 5 & Material Design">
          <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.webp">
          <!-- Open Graph general (Facebook, Pinterest & Google+) -->
          <meta property="og:title" content="Bootstrap 5 & Material Design">
          <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.webp">
          <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">
          <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.webp">
        
        
    

Validate your meta tags with the following tools