DevVault

Introduction to SEO Metadata

Configuring metadata is essential to improve your website's visibility in search engines. There's a guide for you inside your project on setting up metadata in Next.js, ensuring your application ranks higher on search engines and provides better user experience through enriched social sharing features.

src/lib/generateMetadata.ts

// There's an easy guide for you inside the file
export function generateMetadata({ ... }) {...}

Explanation of Metadata Properties

Title

The title property defines the title of your page. It will appear in search engine results and browser tabs. A descriptive and concise title boosts SEO performance.

Description

The description field offers a brief overview of your page's content. Search engines and social media platforms often display this text as a snippet, so make sure it's enticing and informative.

Open Graph (og:)

Open Graph properties enhance social sharing by providing additional information like images, type, and site name. When shared on platforms like Facebook and LinkedIn, Open Graph metadata makes your content look polished.

Twitter Metadata

Twitter's metadata helps format your content specifically for Twitter cards, making your links more engaging when shared on the platform. The summary_large_image card type is ideal for showcasing rich media.

Icons

Use the icons property to define custom favicons or icons for light and dark modes, improving user experience across different devices and browsers.

Robots (noIndex)

The robots setting determines whether search engines should index your page. Use noIndex for pages that you want to exclude from search engines, such as private dashboards.

Congratulation! Now crawlers are going to love your page and I can't wait to see you ranking higher on the Google Search. See you on the next one!

Next Steps

Learn about how to configure your Convex project for production.

Convex Production

How to deploy your application using Convex in a production environment.

For more details on configuring metadata in Next.js, visit:Next.js Metadata

SEO Configuration

Introduction to SEO Metadata

Explanation of Metadata Properties

Next Steps

Convex Production