SEO with Next.js 13: A Complete Guide to Dynamic Sitemaps, OG Images, Metadata API, and More
In this video, I will show you how to handle SEO with Next.js 13, the latest version of the React framework that offers many features and improvements for web development. You will learn how to create dynamic sitemaps, OG images, metadata API, and other SEO concepts like Google Search Console, favicon, and how to design OG images using Canva. I will walk you through the Next.js documentation and explain how to implement these techniques in your Next.js projects. By the end of this video, you will be able to improve your SEO for your sites in Next.js 13.4.
📄 DOWNLOAD THE ENTIRE SEO GUIDE IN PDF FORMAT ON LINKEDIN 📄
Actual Link 🔗: https://www.linkedin.com/posts/muke-j...
Shortened Link 🔗: bit.ly/46NOBJs
TIME STAMPS
00:00 - Intro
5:41 - Adding Icons - Favicon, apple icon and Icon
19:00 - Adding static Metadata
34:19 - Explaining on How to use Default title, template and Absolute titles
36:08 - Using Chat GPT to generate titles and description
46:03 - How to Use SEO Meta in 1 Click Chrome extension
53:00 -Adding other important Meta tags
56:26 - Explaining metabase URL and Canonical URL
1:00:00 - Working on OG Images and Twitter images
1:14:08 - Creating OG Image in Canva
1:14:08 - Adding OG ALT TEXT and Twitter ALT TEXT
1:20:08 - Adding OG Image and Twitter Image in the Metadata Object
1:29:00 - Adding a Dynamic Metadata for Dynamic Pages
1:51:18 - Adding a Dynamic Sitemap
2:04:40 - Adding Robots.txt
2:08:19 - Google Search Console