Seo Meta Tags - Quick guide and tags that Google Understands and Impacts SEO in 2024

4 min read
Last updated: Dec 1, 2024

Search engines such as Google use metadata from meta tags to understand additional information about the webpage. They can use this information for ranking purposes, to display snippets in search results, and sometimes they can ignore meta tags.

This is the page title, description and links that Google and most other search engines show in search results for Notion.so

seo-meta-tags-1

Meta tags are snippets of code that tell search engines important information about your web page, such as how they should display it in search results. They also tell web browsers how to display it to visitors.

Often meta tag data shows up whenever someone shares a link on social media, in messaging, or in your business chat software

Search engines scan your site to figure out what it’s all about and it’s authenticity.

Best practices

Title - Very Important. The most important meta tag for ranking is your title tag. Write a unique title tag for each page. Keep it under 60 characters. Be brief, but descriptive. Use sentence case or title case. Match search intent;

<meta
  name="title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>
<meta
  property="og:title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>
<meta
  property="twitter:title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>

Google only gives us 60 characters for your title and about 105 characters for our description—the perfect opportunity to tightly refine our value proposition.

Image - Moderately Important. It is the most valuable graphic content you can create to encourage users to click and visit your website. On sites like Facebook, Twitter, and Linkedin, your meta image is 3x larger than your text content!

<meta
  property="og:image"
  content="https://www.notion.so/images/meta/default.png"
/>
<meta
  property="twitter:image"
  content="https://www.notion.so/images/meta/default.png"
/>

Description - Less Important. While it’s not required and Google can use text from you website instead of what you specifiy in the meta data, it’s better to control the description text where you can. The meta description often serves as a pitch to people who find your website on Google or social media sites.

<meta
  name="description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>
<meta
  property="og:description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>
<meta
  property="twitter:description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>

How To Build Pages That Rank #1 On Google Consistently | SEO Tips

Live Meta tags used in Notion.so

<!-- Primary Meta Tags -->
<title>
  Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
</title>
<meta
  name="title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>
<meta
  name="description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.notion.so/" />
<meta
  property="og:title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>
<meta
  property="og:description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>
<meta
  property="og:image"
  content="https://www.notion.so/images/meta/default.png"
/>

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://www.notion.so/" />
<meta
  property="twitter:title"
  content="Notion – The all-in-one workspace for your notes, tasks, wikis, and databases."
/>
<meta
  property="twitter:description"
  content="A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team"
/>
<meta
  property="twitter:image"
  content="https://www.notion.so/images/meta/default.png"
/>

Ending Note

Meta tags aren’t that complicated and understanding it will not take much time.
Moz is the authority in the SEO world and has an actionable guide to writing compelling descriptions.

To Generate, Preview and Edit i prefer https://metatags.io/.

Any thoughts, let's discuss on twitter

Sharing this article is a great way to educate others like you just did.

If you’ve enjoyed this issue, do consider subscribing to my newsletter.

Subscribe to get more such interesting content !

Tech, Product, Money, Books, Life. Discover stuff, be inspired, and get ahead. Box Piper is on Twitter and Discord. Let's Connect!!

To read more such interesting topics, let's go Home

More Products from the maker of Box Piper:

Follow GitPiper Instagram account. GitPiper is the worlds biggest repository of programming and technology resources. There is nothing you can't find on GitPiper.

Follow SharkTankSeason.com. Dive into the riveting world of Shark Tank Seasons. Explore episodes, pitches, products, investment details, companies, seasons and stories of entrepreneurs seeking investment deals from sharks. Get inspired today!.