SEO in Next.js - The Ultimate Guide (Metadata, Sitemap, Robots, Google Search Console, Caching)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 240

  • @JosephOpio
    @JosephOpio 8 หลายเดือนก่อน +33

    One of the best SEO videos you can ever watch. Don't skip any steps. I have watched this over and over and over and still can't get enough of it.

    • @codinginflow
      @codinginflow  8 หลายเดือนก่อน +5

      Glad you liked it!

    • @JosephOpio
      @JosephOpio 8 หลายเดือนก่อน +1

      @@codinginflow Can you please make a video on the Opengraph image generator?

  • @benb1987
    @benb1987 11 หลายเดือนก่อน +33

    Brilliant guide, probably the most informative and clearly explained youtube video I have watched. Great work!

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน +3

      Thank you so much brother

  • @alpha7s708
    @alpha7s708 4 หลายเดือนก่อน +4

    Such a clear and concise course. Worth every second. Just love it ❤

    • @codinginflow
      @codinginflow  4 หลายเดือนก่อน

      Thank you very much 💚

  • @londelidess
    @londelidess หลายเดือนก่อน

    You are the only one who talk about these setting, my savior.

    • @codinginflow
      @codinginflow  หลายเดือนก่อน

      Pls subscribe friend

  • @HousseynBelhadja
    @HousseynBelhadja 8 หลายเดือนก่อน +2

    This video on SEO is truly exceptional - a must-watch! Each step is crucial, so make sure not to miss any. I've revisited it countless times and still find it incredibly valuable.

    • @codinginflow
      @codinginflow  8 หลายเดือนก่อน +1

      thank you 💚

  • @riscode
    @riscode 8 หลายเดือนก่อน +2

    I was hooked like I was watching a blockbuster 😂 Learning many things without getting overwhelmed. Really great video!

    • @codinginflow
      @codinginflow  8 หลายเดือนก่อน

      Glad you enjoyed it!

  • @raves_r3177
    @raves_r3177 4 หลายเดือนก่อน +1

    I just want to say I really appreciate you for making these types of content. Thank you for your hard work

  • @Anushkai1
    @Anushkai1 6 หลายเดือนก่อน +1

    One of the best SEO videos for Next JS

    • @codinginflow
      @codinginflow  6 หลายเดือนก่อน

      Thank you so much!

  • @RamaGuptaOfficial
    @RamaGuptaOfficial หลายเดือนก่อน

    THANK YOU, THIS HELPED ME 43:36 to create a Dynamic Sitemap very easily. Please continue making more helpful videos. Loved it❤

    • @codinginflow
      @codinginflow  หลายเดือนก่อน

      Very happy to hear that!

  • @asappi1
    @asappi1 ปีที่แล้ว +5

    Awesome guide! I'm a big fan of the way you show examples of everything. Thanks a lot!

    • @codinginflow
      @codinginflow  ปีที่แล้ว

      Thanks man! Glad you liked it!

  • @sirbacharach1
    @sirbacharach1 8 หลายเดือนก่อน +3

    What a fantastic video, I've been struggling with SEO with React and Next.js as I'm new to web development, but this video has been such a great help, even the icon and the opengraph image has been helpful

  • @李泽洋
    @李泽洋 16 วันที่ผ่านมา

    The best SEO video I've ever watched. Keep it up!

  • @RafiulHasan-ki5ez
    @RafiulHasan-ki5ez 2 หลายเดือนก่อน

    Best video for SEO In Next Js 🔥🔥

    • @codinginflow
      @codinginflow  2 หลายเดือนก่อน +1

      thank you brother

  • @tareksellami7346
    @tareksellami7346 7 หลายเดือนก่อน

    The best mentor ever. I followed you when you were doing Android and you helped me get my first job. Now I am learning Next.js and you making it easy for me again. I cant thank you enough for your wonderful videos ❤. You are better than GPT 😂. You are literally answering all the questions that cross my mind. Gooold

    • @codinginflow
      @codinginflow  7 หลายเดือนก่อน

      Thank you bretheren

  • @dreamsachiever212
    @dreamsachiever212 2 หลายเดือนก่อน

    23 sec in and i already like it. Let's go. Thank you for such a comprehensive content

    • @codinginflow
      @codinginflow  2 หลายเดือนก่อน +1

      you're welcome!

  • @Kim-by5uy
    @Kim-by5uy 3 หลายเดือนก่อน

    Amazing video. At first I assumed the video would be slow and drawn out because of the length. But no, every second was valuable.
    Thanks

    • @codinginflow
      @codinginflow  3 หลายเดือนก่อน

      Thank you for the kind words!

  • @manavatshyam
    @manavatshyam 4 หลายเดือนก่อน

    Your explanation is simply amazing. This is the best video I have watched to improve SEO in a Next.JS application.

  • @nadeking1530
    @nadeking1530 5 หลายเดือนก่อน

    Best and short tutorial with tremendous knowledge

    • @codinginflow
      @codinginflow  5 หลายเดือนก่อน

      thank you 💚

  • @pamphilemkp
    @pamphilemkp 11 หลายเดือนก่อน +1

    Thank you for this amazing tutorial, you deserve my subscription I hope many more people find this channel, I have been trying to understand how to add the metadata in nextjs, I have read the official doc and watch a couple of videos on some channels I could not find any relevant content like, thank you for the hard work for the dev community I am so happy because I have been able to solve many issues after watching this tutorial and also understand may SEO concepts. keep up the good work.

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน

      Thank you for the kind words 😊 Glad you liked it

  • @raphaelmesquita4483
    @raphaelmesquita4483 2 หลายเดือนก่อน

    What amazing tutorial, keep up the good job

  • @LearnAlongFaizan
    @LearnAlongFaizan 2 หลายเดือนก่อน

    This video is a gem💎,
    Loved it, ♥
    Video suggestion, if you can create a part 2 explaining other aspects of SEO as a nextjs dev and covering tools and techniques that have help you to rank, would be appreciated.

  • @sammy3362
    @sammy3362 ปีที่แล้ว +2

    Absolutely loved this! Very insightful

    • @codinginflow
      @codinginflow  ปีที่แล้ว +1

      Thanks a lot! Very happy to hear that!

  • @CharlesAE
    @CharlesAE 10 หลายเดือนก่อน +1

    Very in depth vid , could you do one on integrating Google AdSense into Next14?

  • @z.sayari
    @z.sayari 2 หลายเดือนก่อน

    Thank you for this simple and fantastic tutorial .

  • @AbdullahBaig-o2z
    @AbdullahBaig-o2z 2 หลายเดือนก่อน

    Best SEO video that I ever watched !!

    • @codinginflow
      @codinginflow  2 หลายเดือนก่อน +1

      Glad you liked it!

  • @musipto
    @musipto 5 หลายเดือนก่อน +1

    Thank you I didn't know about that google search console thing. 👍🏽

    • @codinginflow
      @codinginflow  5 หลายเดือนก่อน

      Happy to help!

  • @alvin3171997
    @alvin3171997 ปีที่แล้ว +1

    Supern tutorial!
    All things SEO related are answered.

    • @codinginflow
      @codinginflow  ปีที่แล้ว

      Glad you liked it 👌

    • @alvin3171997
      @alvin3171997 ปีที่แล้ว

      @@codinginflow I think one thing that is not covered is scheme markup for each dynamic product pages

  • @WebDevelopmentHamilton
    @WebDevelopmentHamilton 9 หลายเดือนก่อน

    Thank you for such easy to follow and in depth tutorial

  • @Niamudeen
    @Niamudeen 24 วันที่ผ่านมา

    I just loved it. It's so helpful. 😄

    • @codinginflow
      @codinginflow  24 วันที่ผ่านมา

      Glad you liked it!!

  • @mahammedsarfaraznawazpagal5018
    @mahammedsarfaraznawazpagal5018 11 หลายเดือนก่อน +1

    Thank you so much for uploading 🎉 Subscribed right away.

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน +1

      Thank you bro

  • @yhr4052
    @yhr4052 3 หลายเดือนก่อน

    Thank you for your video, it helped me refactor my metadata with things I didn't know could be so concisely improved (like prefix/suffix default template)

    • @codinginflow
      @codinginflow  3 หลายเดือนก่อน +1

      You're welcome!

  • @Leesdjo
    @Leesdjo 11 หลายเดือนก่อน

    Thank you so much for the detailed video. This video deserves more than just a like and a subscription.

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน

      Much appreciated!

  • @ayonbit
    @ayonbit หลายเดือนก่อน

    Thank you So much for this video tutorials. It saved a lot . :)

  • @aminahb4307
    @aminahb4307 8 หลายเดือนก่อน

    Absolutely fantastic walk through! Thank you!

  • @soniclasses7841
    @soniclasses7841 7 หลายเดือนก่อน

    First time i saw ur channel with this video.
    And i can say amazing knowledge on seo u have
    Want some more tutorials based on nextjs with typescript seo advance 😊

  • @RFbcc
    @RFbcc ปีที่แล้ว

    Wow a new t-shirt and a wireless earpiece 😀,
    Great video as always , Arigato my sensei !

  • @binh1298ify
    @binh1298ify หลายเดือนก่อน

    Hey man, thank you so much for this video, I learned a lot

  • @TheLarynx
    @TheLarynx 8 หลายเดือนก่อน

    Amazing work, very well delivered. Thank you!

    • @codinginflow
      @codinginflow  8 หลายเดือนก่อน

      Glad you liked it!

  • @codingwithlucy
    @codingwithlucy 8 หลายเดือนก่อน

    Your explanation is so clear, thank you!

  • @timmytimeo
    @timmytimeo 5 หลายเดือนก่อน

    Quality content. this really is helping me a lot! I will come back here with results in few months :)

  • @duypkthg592
    @duypkthg592 2 หลายเดือนก่อน

    Awesome very simple and easy to understand, hope that when NextJS 15 is more stable and has official React 19 Compiler you can make a video about the new features🥰

  • @tijanimiracle90
    @tijanimiracle90 2 หลายเดือนก่อน

    this is aweasome brother i learnt alot

  • @pitsonborellio7463
    @pitsonborellio7463 7 หลายเดือนก่อน

    Awesome video, very detailed with lot of useful tips. Thank you very much !

  • @panwar9848
    @panwar9848 8 หลายเดือนก่อน

    Really well made video. Thanks keep making such videos

  • @ElijahScott10x
    @ElijahScott10x 11 หลายเดือนก่อน

    This video is a Godsend. The docs sucks compare to your video. I appreciate it.

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน

      Glad you liked it 😊

  • @mohammadDeveloper2431
    @mohammadDeveloper2431 ปีที่แล้ว

    This knowledge every developer needed thank you so much for this tutorial please more video like this new features in next js

    • @codinginflow
      @codinginflow  ปีที่แล้ว

      More to come! Thank you very much!

  • @kamrant8915
    @kamrant8915 7 หลายเดือนก่อน

    Great tutorial. Thank you very much. Really appreciate it.

  • @issa.garcia
    @issa.garcia 8 หลายเดือนก่อน

    just amazing content, new subscriber and will keep watching your videos!

    • @codinginflow
      @codinginflow  8 หลายเดือนก่อน

      Glad to hear that!

  • @MuhammadOwais-ue4jb
    @MuhammadOwais-ue4jb 5 หลายเดือนก่อน

    Thank you very informative and help at the same time.

  • @rameshrajendran3006
    @rameshrajendran3006 6 หลายเดือนก่อน

    This was really helpful, thank you!

  • @Ethan_404
    @Ethan_404 ปีที่แล้ว

    Thank you so much for the new advanced knowledge and resources. 😍😍

  • @parvineyvazov
    @parvineyvazov 2 หลายเดือนก่อน

    great video! Thank you so much!

  • @kousseilameniche6246
    @kousseilameniche6246 11 หลายเดือนก่อน

    Thank you! you really helped me a lot! keep up the good work

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน

      Glad to hear that!

  • @MichaelShingo
    @MichaelShingo 9 หลายเดือนก่อน

    thank you this is a goldmine of info

    • @codinginflow
      @codinginflow  9 หลายเดือนก่อน

      You're very welcome!

  • @Marc-fj3kd
    @Marc-fj3kd 9 หลายเดือนก่อน

    Excellent video, thank you!

    • @codinginflow
      @codinginflow  9 หลายเดือนก่อน

      Glad you liked it!

  • @asifkhan-rb8tl
    @asifkhan-rb8tl 10 หลายเดือนก่อน

    good explained in less time thank bro

  • @kjedsbhfsjhgxfkhgfs
    @kjedsbhfsjhgxfkhgfs 5 หลายเดือนก่อน

    I vatched this on my potato machine. Excellent stuff.

  • @apitelrgramapitry7609
    @apitelrgramapitry7609 7 หลายเดือนก่อน

    Thanks for this awesome guide. and how to make sitelink on google search?

  • @realstoman
    @realstoman 10 หลายเดือนก่อน

    Super useful tutorial 👍

  • @matheusgwg
    @matheusgwg 8 หลายเดือนก่อน

    youre incredible, thank you so much!

  • @tiavina-mika
    @tiavina-mika 9 หลายเดือนก่อน

    Very useful video, thanks

    • @codinginflow
      @codinginflow  9 หลายเดือนก่อน

      You are welcome

  • @interceptorghost1149
    @interceptorghost1149 4 หลายเดือนก่อน

    "konichiwa" and his face starts acting like a robot even the way of he speaking🤣. Nice video btw

  • @ivandamyanov
    @ivandamyanov 7 หลายเดือนก่อน

    All I needed thank you!

  • @TikTokTrendsCompilation
    @TikTokTrendsCompilation ปีที่แล้ว +1

    Just what i needed to learn, great tutorial! thank you

  • @КириллАмиров-ц2ф
    @КириллАмиров-ц2ф หลายเดือนก่อน

    very informative thank you very much

  • @usamecoban2582
    @usamecoban2582 7 หลายเดือนก่อน

    Thanks for the guide !!

  • @juanspada4852
    @juanspada4852 7 หลายเดือนก่อน

    Thanks for your content!

  • @lightoflifegames7227
    @lightoflifegames7227 10 หลายเดือนก่อน

    thank you very muchm very useful and enjoyed watching

    • @codinginflow
      @codinginflow  10 หลายเดือนก่อน

      My pleasure!

  • @Fopfidk
    @Fopfidk 2 หลายเดือนก่อน

    awesome video, where is the tutorial for the dynamic OG image with code?

  • @maxilkiv
    @maxilkiv ปีที่แล้ว

    15:11 - I think there's a feature in VS Code which allows you to forward localhost, it's called port forwarding

    • @codinginflow
      @codinginflow  ปีที่แล้ว +2

      Right, I forgot about this. I think it's new.

  • @radshodam
    @radshodam 11 หลายเดือนก่อน

    great tutorial 🍻

    • @codinginflow
      @codinginflow  11 หลายเดือนก่อน

      thanks brother

  • @leopolddelassence5224
    @leopolddelassence5224 6 หลายเดือนก่อน

    thanks man, great video

  • @maker._
    @maker._ 8 หลายเดือนก่อน

    I liked this video so much I clicked on its ads

  • @davidvasseur-ng1yw
    @davidvasseur-ng1yw 8 วันที่ผ่านมา

    Great video thanks !!! Why don’t you talk about canonical url in metadata ?

    • @codinginflow
      @codinginflow  8 วันที่ผ่านมา

      Because this video is about the technical parts of Next.js

  • @thedoctorunofficial
    @thedoctorunofficial 2 หลายเดือนก่อน

    "it takes time to build and depends on what kind of potato machine you are running on..." i choked on my laugh 🤣🤣🤣🤣🤣🤣

  • @Crowned1608
    @Crowned1608 หลายเดือนก่อน

    Could you please make a video about using google ads to promote the webside and show up on the first entries in google?

  • @barackobama4552
    @barackobama4552 2 หลายเดือนก่อน

    thanks! but i have a question, i need to add the principal "public_base_url" to the sitemap?
    or just the subpages?

  • @nihalnclt
    @nihalnclt 4 หลายเดือนก่อน

    Awesome 💫

  • @hymerrathebarbarian
    @hymerrathebarbarian 4 หลายเดือนก่อน

    Thank you very much, you are awesome

  • @MaryamEbrahimi-l8o
    @MaryamEbrahimi-l8o 2 วันที่ผ่านมา

    this was very usefull thank u

  • @davidlintin
    @davidlintin 9 หลายเดือนก่อน

    Great tutorial!! So much info. One question. How would we create a site map with internationalization also how to generate the seo metadata based on the lang param ? ✌🏻

  • @sohrabkhan101
    @sohrabkhan101 ปีที่แล้ว +1

    I have encountered an issue where my Open Graph images are no longer appearing when I share my page. Interestingly when I view source in chrome, the images are present in the HTML code. After spending few hours I realize that open graph image is not public. Do you know how do i fix this

  • @lmlTimolml
    @lmlTimolml 7 หลายเดือนก่อน

    Hey! Great stuff! One question though, I have a project that uses next-intl to serve different locales, how can I pass the locale variable to the dynamically generated sitemap so it will take into account which locale to map?

  • @ChusenOne
    @ChusenOne 8 หลายเดือนก่อน

    Great video! Helped me a lot improving the SEO for a project I was working on.
    One quesion though: I found that vercel's analytics tool gets blocked by most adblockers and on their documentation doesn't mention much or anything about it. Do you know a work around this?

  • @albertoenriquez2440
    @albertoenriquez2440 11 หลายเดือนก่อน

    This is what I was looking for. Thanks. I still have an error in GSC that says "page with redirect", but I think its a google thing more than my code...

  • @RAJUSARKAR-zo7om
    @RAJUSARKAR-zo7om ปีที่แล้ว

    That's great!! Thank you

  • @nvbkdowb
    @nvbkdowb 4 หลายเดือนก่อน

    Do you have any particular recommandation when working with Next.js internalization ? My web app is using 4 languages (EN, DE, FR, IT).

  • @maxschneidercodes3
    @maxschneidercodes3 หลายเดือนก่อน

    Very Good Thank you!

  • @EmanuelCovelli
    @EmanuelCovelli 7 หลายเดือนก่อน

    Hello do you know why con cloudflare pages on dynamic routes I have to use export const runtime = 'edge'; so even if I use generateStaticParams the pages will be note served with SSG but dynamically ? Thanks very much for this video!

  •  หลายเดือนก่อน

    Wow thanks man

  • @BBocho
    @BBocho 10 หลายเดือนก่อน

    Thank you very much!

    • @codinginflow
      @codinginflow  10 หลายเดือนก่อน

      You're welcome!

  • @iammtw
    @iammtw 10 หลายเดือนก่อน

    Can you please add the microdata in next js?

  • @abdallahazme4757
    @abdallahazme4757 2 หลายเดือนก่อน

    Thnaks a lot mate. I have a question.
    How often will the sitemap be generated?

    • @codinginflow
      @codinginflow  2 หลายเดือนก่อน +1

      Every time you compile your project

  • @RealEstateandTechnology
    @RealEstateandTechnology 4 หลายเดือนก่อน

    very well done ..

  • @younesessaadani9303
    @younesessaadani9303 7 หลายเดือนก่อน

    Great video, I have one question if i'm using vercel with the free domain that vercel provide.
    How can i verify the domain when using google search

    • @codinginflow
      @codinginflow  7 หลายเดือนก่อน

      I think you can't because you don't have access to the DNS settings

    • @younesessaadani9303
      @younesessaadani9303 7 หลายเดือนก่อน

      @@codinginflow Yeah that's one, thank you ❤️

  • @tejasyoutuber
    @tejasyoutuber ปีที่แล้ว

    Do you know how to resolve the data dump in the content type of text/x-component on the UI. I am using aws cloud front as cdn

  • @Radiotiq
    @Radiotiq 4 หลายเดือนก่อน

    quick question, is it possible for a protected route that fetches data from an API with authorization to be static instead of dynamic?

    • @codinginflow
      @codinginflow  4 หลายเดือนก่อน +1

      The parts that don't depend on the authorized content can be static. Or you can do the authorization in the middleware.

  • @SMarGwanS
    @SMarGwanS 8 หลายเดือนก่อน

    Hey, thank you for anamazing video.
    I wanted to ask in case I have [locale] folder, where should my sitemap file go and how should it look to support different locales?

  • @yusuftezel9273
    @yusuftezel9273 8 หลายเดือนก่อน

    Nice video, thanks a lot. Is keyword not important, i am just newbie for SEO and want to know if there is anything that is not mentioned in this video (the first thing that comes in my mind is keywords). Again thanks for this video.

  • @alexon2010
    @alexon2010 หลายเดือนก่อน

    Hello, I'm writing before watching the video, as I'm struggling with this metatag thing, see I need keywords and description, I already receive this information in an endpoint for every application I put in the state either with Redux or Zustand... But Next doesn't understand and to have the data again from keywords and description, it requires that I trigger the endpoint again to get the fields that in theory I already have, it asks to use this -> getServerSideProps, when it's static it works, when it's dynamic it doesn't work, even verifying that the values ​​are passed, but Next requires that I trigger an endpoint again it's completely meaningless... Can someone give me a light - Next 14.2.3