Adiciona preview para o site

src/app/app.component.html

@@ -1,3 +1,27 @@
+<!-- HTML Meta Tags -->
+<title>Pesquise nos diários oficiais municipais brasileiros</title>
+<meta name="description" content="Explore atos oficiais municipais e fique de olho nas ações das prefeituras!"/>
+
+<!-- Google / Search Engine Tags -->
+<meta itemprop="name" content="Querido Diario"/>
+<meta itemprop="description" content="Explore atos oficiais municipais e fique de olho nas ações das prefeituras!"/>
+<meta itemprop="image" content="https://querido-diario-static.nyc3.cdn.digitaloceanspaces.com/assets-site/preview_qd_site.png"/>
+
+<!-- Facebook Meta Tags -->
+<meta property="og:url" content="https://queridodiario.ok.org.br"/>
+<meta property="og:type" content="website"/>
+<meta property="og:title" content="Pesquise nos diários oficiais municipais brasileiros"/>
+<meta property="og:description" content="Explore atos oficiais municipais e fique de olho nas ações das prefeituras!"/>
+<meta property="og:image" content="https://querido-diario-static.nyc3.cdn.digitaloceanspaces.com/assets-site/preview_qd_site.png"/>
+
+<!-- Twitter Meta Tags -->
+<meta name="twitter:card" content="summary_large_image"/>
+<meta property="twitter:domain" content="queridodiario.ok.org.br"/>
+<meta property="twitter:url" content="https://queridodiario.ok.org.br"/>
+<meta name="twitter:title" content="Pesquise nos diários oficiais municipais brasileiros"/>
+<meta name="twitter:description" content="Explore atos oficiais municipais e fique de olho nas ações das prefeituras!"/>
+<meta name="twitter:image" content="https://querido-diario-static.nyc3.cdn.digitaloceanspaces.com/assets-site/preview_qd_site.png"/>
+
 <div fxFill fxLayout="column">
   <app-header></app-header>
   <router-outlet #outlet="outlet"></router-outlet>