<p>There are many meta tags that you can put inside of your &lt;head&gt;&lt;/head&gt; tags of your website, but there are a few which are very important.</p><p>By simply adding these 15 tags you should start getting<strong> <span style="color: rgb(198, 120, 221)">a perfect 100!</span> </strong>in Google's Lighthouse SEO test!</p><p>This website also uses these tags!</p><img class="PostContentImage" src="https://firebasestorage.googleapis.com/v0/b/baalish-pub.appspot.com/o/post-files%2FspwvVKIoyHS4V6q8nGgv9yb0trZ2%2FvBGHfesfXB5l5qtgmgam%2Ffa8bc81c-cef2-4451-8bf5-92662695cbca.png?alt=media&amp;token=e215f04f-6d02-4a89-b9e7-7c179f22a080"><p>Test yourself: <a target="_blank" rel="noopener noreferrer nofollow" href="https://web.dev/measure/?url=https%3A%2F%2Fbaalish.com">https://web.dev/measure/?url=https%3A%2F%2Fbaalish.com</a></p><h3>General tags:</h3><pre><code>&lt;head&gt;
  &lt;meta name="description" content="Insert a desc which will appear on google" /&gt;
  &lt;meta name="keywords" content="Add,keywords,like,this" /&gt;
  &lt;meta name="author" content="Your Full Name" /&gt;
&lt;/head&gt;</code></pre><h3>Open Graph (Facebook) tags:</h3><p>Notice how it is 'property' instead of 'name' for Open Graph meta tags. These meta tags start with 'og:'. You can get the full list of Open Graph meta tags here: <a target="_blank" rel="noopener noreferrer nofollow" href="https://ogp.me/">https://ogp.me/</a></p><pre><code>&lt;head&gt;
  &lt;meta property="og:site_name" content="baalish" /&gt;
  &lt;meta property="og:url" content="https://www.baalish.com" /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:title" content="Welcome to baalish!" /&gt;
  &lt;meta property="og:description" content="Baalish is a place to share your stories and connect with like minded people" /&gt;
  &lt;meta property="og:image" content="https://www.baalish.com/image.jpg" /&gt;
  &lt;meta property="og:image:alt" content="Banner image for baalish.com" /&gt;
  &lt;meta property="og:image:secure_url" content="https://www.baalish.com/image.jpg" /&gt;
&lt;/head&gt;</code></pre><h3>Twitter tags:</h3><p>When Twitter loads in its card, these are the tags it searches for first. You can test out if your website is loaded properly by Twitter using this card validator: <a target="_blank" rel="noopener noreferrer nofollow" href="https://cards-dev.twitter.com/validator">https://cards-dev.twitter.com/validator</a></p><pre><code>&lt;head&gt;
  &lt;meta property="twitter:card" content="summary_large_image" /&gt;
  &lt;meta property="twitter:title" content="Welcome to baalish!" /&gt;
  &lt;meta property="twitter:description" content="Baalish is a place to share your stories and connect with like minded people" /&gt;
  &lt;meta property="twitter:image" content="https://www.baalish.com/image.jpg" /&gt;
  &lt;meta property="twitter:creator" content="Your full name" /&gt;
&lt;/head&gt;</code></pre><p>Doing this you should start seeing improvement in your SEO rating as well as your Google search ranking.</p><p></p>

There are many meta tags that you can put inside of your <head></head> tags of your website, but there are a few which are very im...

Aneek Rahman

SEO meta tags for Google, Facebook, and Twitter